Left: | ||
Right: |
OLD | NEW |
---|---|
(Empty) | |
1 @font-face | |
2 { | |
3 font-family: "Source Sans Pro"; | |
4 src: url(/fonts/SourceSansPro-Light.woff); | |
5 /* local("Ø") forces using no local font called Source Sans Pro */ | |
6 src: local("Ø"), url(/fonts/SourceSansPro-Light.woff) format("woff"); | |
7 font-weight: 300; | |
8 font-style: normal; | |
9 } | |
10 | |
11 @font-face | |
12 { | |
13 font-family: "Source Sans Pro"; | |
14 src: url(/fonts/SourceSansPro-Regular.woff); | |
15 /* local("Ø") forces using no local font called Source Sans Pro */ | |
16 src: local("Ø"), url(/fonts/SourceSansPro-Regular.woff) format("woff"); | |
17 font-weight: 400; | |
18 font-style: normal; | |
19 } | |
20 | |
21 @font-face | |
22 { | |
23 font-family: "Source Sans Pro"; | |
24 src: url(/fonts/SourceSansPro-Semibold.woff); | |
25 /* local("Ø") forces using no local font called Source Sans Pro */ | |
26 src: local("Ø"), url(/fonts/SourceSansPro-Semibold.woff) format("woff"); | |
27 font-weight: 600; | |
28 font-style: normal; | |
29 } | |
30 | |
31 body | |
32 { | |
33 margin: 0px; | |
34 font-family: "Source Sans Pro"; | |
35 font-weight: 600; | |
36 background-image: url(/img/background-dark.png); | |
37 } | |
38 | |
39 header | |
40 { | |
41 width: 100%; | |
42 } | |
43 | |
44 a, a:link, a:visited | |
Thomas Greiner
2015/11/11 19:08:29
According to our coding style each selector should
saroyanm
2015/11/12 15:50:25
Done.
| |
45 { | |
46 color: #5a84b3; | |
47 text-decoration: underline; | |
48 } | |
49 | |
50 a:hover | |
51 { | |
52 text-decoration: none; | |
53 } | |
54 | |
55 header h1 | |
56 { | |
57 -webkit-box-sizing: border-box; | |
58 -moz-box-sizing: border-box; | |
59 -ms-box-sizing: border-box; | |
60 -o-box-sizing: border-box; | |
61 box-sizing: border-box; | |
62 border: dashed 1px #898989; | |
63 border-left: none; | |
64 border-right: none; | |
65 padding: 18px; | |
66 margin: 68px auto 20px auto; | |
67 max-width: 960px; | |
68 font-weight: 300; | |
69 font-size: 24px; | |
70 color: #7d7d7d; | |
71 text-align: center; | |
72 } | |
73 | |
74 header:before | |
75 { | |
76 content: ""; | |
77 display: block; | |
78 border-bottom: solid 1px #d0d0d0; | |
79 height: 92px; | |
80 background-image: url(/img/background.png); | |
81 } | |
82 | |
83 #logo | |
84 { | |
85 display: block; | |
86 position: absolute; | |
87 top: 42px; | |
88 left: 0px; | |
89 right: 0px; | |
90 margin: 0px auto; | |
91 margin-bottom: 20px; | |
92 } | |
93 | |
94 #content | |
95 { | |
96 margin: 0px auto; | |
97 max-width: 960px; | |
98 } | |
99 | |
100 section | |
101 { | |
102 padding: 20px 100px; | |
103 margin-bottom: 30px; | |
104 } | |
105 | |
106 section.highlighted | |
107 { | |
108 background-image: url(/img/background-blue.png); | |
109 color: #FFFFFF; | |
110 } | |
111 | |
112 section.highlighted a | |
113 { | |
114 color: #FFFFFF; | |
115 } | |
116 | |
117 section h1 | |
118 { | |
119 margin: 0px; | |
120 padding: 20px 0px; | |
121 text-align: center; | |
122 } | |
123 | |
124 section ul | |
125 { | |
126 margin: 12px 0px 16px 0px; | |
127 padding: 0px; | |
128 list-style: none; | |
129 } | |
130 | |
131 section li | |
132 { | |
133 margin-bottom: 12px; | |
134 } | |
135 | |
136 section li label | |
137 { | |
138 -webkit-margin-end: 10px; | |
139 -moz-margin-end: 10px; | |
140 } | |
141 | |
142 section li input | |
143 { | |
144 vertical-align: middle; | |
145 -webkit-margin-end: 10px; | |
146 -moz-margin-end: 10px; | |
147 } | |
148 | |
149 section li textarea | |
150 { | |
151 display: block; | |
152 margin-top: 10px; | |
153 padding: 5px; | |
154 width: 250px; | |
155 height: 50px; | |
156 vertical-align: middle; | |
157 font-size: 14px; | |
158 } | |
159 | |
160 section .subheader | |
161 { | |
162 margin-top: 0px; | |
163 text-align: center; | |
164 } | |
165 | |
166 section .error-label | |
167 { | |
168 display: none; | |
169 margin: 0px 12px; | |
170 color: #ffafaf; | |
171 } | |
172 | |
173 form button | |
174 { | |
175 min-width: 138px; | |
176 height: 42px; | |
177 background-color: #37506d; | |
178 border: 0px; | |
179 cursor: pointer; | |
180 color: #ffffff; | |
181 } | |
182 | |
183 form.error button | |
184 { | |
185 border: solid 2px #ffafaf; | |
186 } | |
187 | |
188 form.error .error-label | |
189 { | |
190 display: inline-block; | |
191 } | |
192 | |
193 form input[type="checkbox"] | |
194 { | |
195 margin: 0px; | |
196 } | |
197 | |
198 form input[type="checkbox"] + span | |
199 { | |
200 margin: 0px 10px; | |
201 } | |
202 | |
203 .disclaimer | |
204 { | |
205 margin: 14px 0px; | |
206 font-size: 14px; | |
207 color: #a9bdd5; | |
208 } | |
209 | |
210 .hidden | |
211 { | |
212 display: none; | |
213 } | |
214 | |
215 footer | |
216 { | |
217 margin: 0 auto 30px; | |
218 max-width: 960px; | |
219 text-align: center; | |
220 } | |
OLD | NEW |