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. 6, 2017, 4:30 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 .bg-accent .button.secondary
ire 2017/12/07 12:36:27 NIT: I think this is a style of button that could
juliandoucette 2017/12/08 16:49:52 What about .button.inverse?
ire 2017/12/11 15:53:46 That works now, but what if we wanted to have an "
juliandoucette 2017/12/14 18:35:22 Will address separately if necessary.
242 {
243 background: none;
244 color: #fff;
245 margin-left: 2px;
246 margin-right: 2px;
247 border: 1px solid #fff;
248 }
249
250 .bg-accent .button.secondary:hover,
251 .bg-accent .button.secondary:focus
252 {
253 box-shadow: inset 0 0 0 2px #fff;
254 }
255
256 .bg-accent .button.secondary:active
257 {
258 color: #077CA6;
259 background-color: #fff;
260 }
261
262 /*******************************************************************************
263 * .bg-* utilities
264 ******************************************************************************/
265
266 .bg-accent
267 {
268 color: #fff;
269 background-color: #077CA6;
270 }
271
184 /******************************************************************************* 272 /*******************************************************************************
185 * #navbar 273 * #navbar
186 ******************************************************************************/ 274 ******************************************************************************/
187 275
188 #navbar 276 #navbar
189 { 277 {
190 min-height: 4em; 278 min-height: 4em;
191 background-color: #c70d2c; 279 background-color: #c70d2c;
192 } 280 }
193 281
(...skipping 256 matching lines...) Expand 10 before | Expand all | Expand 10 after
450 } 538 }
451 } 539 }
452 540
453 /******************************************************************************* 541 /*******************************************************************************
454 * #footer 542 * #footer
455 ******************************************************************************/ 543 ******************************************************************************/
456 544
457 #footer 545 #footer
458 { 546 {
459 overflow: auto; 547 overflow: auto;
460 margin-top: 2em;
461 padding: 2em 0em; 548 padding: 2em 0em;
462 color: #ececec; 549 color: #ececec;
463 background-color: #292929; 550 background-color: #292929;
464 font-size: 0.9em; 551 font-size: 0.9em;
465 } 552 }
466 553
467 /* #footer body 554 /* #footer body
468 ******************************************************************************/ 555 ******************************************************************************/
469 556
470 #footer h5 557 #footer h5
(...skipping 140 matching lines...) Expand 10 before | Expand all | Expand 10 after
611 { 698 {
612 display: none; 699 display: none;
613 } 700 }
614 701
615 /* overriding display:none above */ 702 /* overriding display:none above */
616 #footer #social-list 703 #footer #social-list
617 { 704 {
618 display: block; 705 display: block;
619 } 706 }
620 } 707 }
OLDNEW

Powered by Google App Engine
This is Rietveld