Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: static/css/main.css

Issue 29611624: Issue 6047 - Updated templates and uninstalled pages (Closed) Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Addressed comments Created Dec. 8, 2017, 4:48 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
1 * 1 *
2 { 2 {
3 font-family: Arial, sans; 3 font-family: Arial, sans;
4 font-size: 16px; 4 font-size: 16px;
5 } 5 }
6 6
7 body 7 body
8 { 8 {
9 margin: 0; 9 margin: 0;
10 line-height: 1.5; 10 line-height: 1.5;
11 } 11 }
12 12
13 #content
14 {
15 padding-bottom: 2em;
16 }
17
13 a img 18 a img
14 { 19 {
15 border: none; 20 border: none;
16 } 21 }
17 22
18 a:link, a:visited 23 a:link, a:visited
19 { 24 {
20 color: #555; 25 color: #555;
21 } 26 }
22 27
(...skipping 119 matching lines...) Expand 10 before | Expand all | Expand 10 after
142 { 147 {
143 border-left: 5px solid #d14841; 148 border-left: 5px solid #d14841;
144 } 149 }
145 150
146 [dir="rtl"] .alert 151 [dir="rtl"] .alert
147 { 152 {
148 border-right: 5px solid #d14841; 153 border-right: 5px solid #d14841;
149 } 154 }
150 155
151 /****************************************************************************** 156 /******************************************************************************
157 * .section
158 *****************************************************************************/
159
160 .section
161 {
162 padding: 2em 0;
163 }
164
165 /******************************************************************************
152 * .content 166 * .content
153 *****************************************************************************/ 167 *****************************************************************************/
154 168
155 .content h1, 169 .content h1,
156 .content h2, 170 .content h2,
157 .content h3, 171 .content h3,
158 .content h4, 172 .content h4,
159 .content h5 173 .content h5
160 { 174 {
161 font-weight: bold; 175 font-weight: bold;
(...skipping 12 matching lines...) Expand all
174 .content h1 { font-size: 2.4em; } 188 .content h1 { font-size: 2.4em; }
175 .content h2 { font-size: 1.6em; } 189 .content h2 { font-size: 1.6em; }
176 } 190 }
177 191
178 .content a, 192 .content a,
179 .content a:visited 193 .content a:visited
180 { 194 {
181 color: #c70d2c; 195 color: #c70d2c;
182 } 196 }
183 197
198 /* Buttons
199 ******************************************************************************/
200
201 .button
202 {
203 padding: 0.5em 2em;
204 border: none;
205 text-align: center;
206 }
207
208 .button:hover,
209 .button:active,
210 .button:focus
211 {
212 text-decoration: none;
213 }
214
215 @media(max-width: 767px)
216 {
217 .button
218 {
219 display: block;
220 width: 100%;
221 }
222 }
223
224 .button.primary
225 {
226 color: #fff;
227 background-color: #c70d2c;
228 box-shadow: 0px 2px 5px #95989A;
229 }
230
231 .button.primary:hover
232 {
233 background-color: #E00F32;
234 }
235
236 .button.primary:active
237 {
238 background-color: #AD102A;
239 }
240
241 .button.inverse,
242 a.button.inverse
juliandoucette 2017/12/08 16:49:52 necessary to be more specific than `.content a` :/
ire 2017/12/11 15:53:49 Acknowledged.
243 {
244 background: none;
245 color: #fff;
246 margin-left: 2px;
247 margin-right: 2px;
248 border: 1px solid #fff;
249 }
250
251 .button.inverse:hover,
252 .button.inverse:focus
253 {
254 box-shadow: inset 0 0 0 2px #fff;
255 }
256
257 .button.inverse:active
258 {
259 background-color: #fff;
260 }
261
262 .bg-accent .button.inverse:active
263 {
264 color: #077CA6;
265 }
266
267 /*******************************************************************************
268 * .bg-* utilities
269 ******************************************************************************/
270
271 .bg-accent
272 {
273 color: #fff;
274 background-color: #077CA6;
275 }
276
184 /******************************************************************************* 277 /*******************************************************************************
185 * #navbar 278 * #navbar
186 ******************************************************************************/ 279 ******************************************************************************/
187 280
188 #navbar 281 #navbar
189 { 282 {
190 min-height: 4em; 283 min-height: 4em;
191 background-color: #c70d2c; 284 background-color: #c70d2c;
192 } 285 }
193 286
(...skipping 256 matching lines...) Expand 10 before | Expand all | Expand 10 after
450 } 543 }
451 } 544 }
452 545
453 /******************************************************************************* 546 /*******************************************************************************
454 * #footer 547 * #footer
455 ******************************************************************************/ 548 ******************************************************************************/
456 549
457 #footer 550 #footer
458 { 551 {
459 overflow: auto; 552 overflow: auto;
460 margin-top: 2em;
461 padding: 2em 0em; 553 padding: 2em 0em;
462 color: #ececec; 554 color: #ececec;
463 background-color: #292929; 555 background-color: #292929;
464 font-size: 0.9em; 556 font-size: 0.9em;
465 } 557 }
466 558
467 /* #footer body 559 /* #footer body
468 ******************************************************************************/ 560 ******************************************************************************/
469 561
470 #footer h5 562 #footer h5
(...skipping 140 matching lines...) Expand 10 before | Expand all | Expand 10 after
611 { 703 {
612 display: none; 704 display: none;
613 } 705 }
614 706
615 /* overriding display:none above */ 707 /* overriding display:none above */
616 #footer #social-list 708 #footer #social-list
617 { 709 {
618 display: block; 710 display: block;
619 } 711 }
620 } 712 }
OLDNEW

Powered by Google App Engine
This is Rietveld