Newer
Older
/***************************
/** Fonts
***************************/
@font-face {
font-family: Lato;
src: url(../fonts/Lato/Lato-Regular.ttf);
font-weight: normal;
}
@font-face {
font-family: Lato;
src: url(../fonts/Lato/Lato-Light.ttf);
font-weight: 300;
}
@font-face {
font-family: Lato;
src: url(../fonts/Lato/Lato-Bold.ttf);
font-weight: bold;
}
@font-face {
font-family: Lekton;
src: url(../fonts/Lekton/Lekton-Regular.ttf);
font-weight: normal;
}
@font-face {
font-family: Lekton;
src: url(../fonts/Lekton/Lekton-Bold.ttf);
font-weight: bold;
}
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
/***************************
/** Variables
***************************/
@typo_body: 'Lato', sans-serif;
@typo_1: 'Lekton', sans-serif;
@color1: #1C2F82;
@color2: rgb(0, 180, 149);
/***************************
/** Global
***************************/
.attendance, .attendance td, .convention, .convention td {
font-family: @typo_body;
font-weight: 300;
}
.training-footer {
border-top: 1px solid #eee;
padding-top: 10px;
font-size: 11px;
font-family: @typo_1;
text-align: center;
color: #333;
}
/***************************
/** Attendance
***************************/
.attendance h1 {
color: @color2;
font-size: 26px;
font-family: @typo_1;
text-transform: uppercase;
}
.attendance h2 {
color: @color1;
font-size: 22px;
font-family: @typo_1;
}
/***************************
/** Convention
***************************/
.convention h1 {
background-color: @color2;
color: #fff;
padding: 5px 0;
font-size: 26px;
font-family: @typo_1;
text-transform: uppercase;
}
.convention h2 {
color: @color1;
font-size: 22px;
font-family: @typo_1;
text-transform: uppercase;
}
.convention h3 {
font-size: 18px;
color: #777;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
margin-top: 32px;
}
.convention h4 {
margin-left: 40px;
font-size: 16px;
color: #333;
}
.convention p {
text-align: justify;
}