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: Updated button stytles Created Nov. 22, 2017, 3:37 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
« no previous file with comments | « static/css/defaults.css ('k') | static/css/uninstalled.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 }
206
207 .button:hover,
208 .button:active,
209 .button:focus
210 {
211 text-decoration: none;
212 }
213
214 @media(max-width: 767px)
215 {
216 .button
217 {
218 display: block;
219 width: 100%;
220 }
221 }
222
223 .button.primary
224 {
225 color: #fff;
226 background-color: #c70d2c;
227 box-shadow: 0px 2px 5px #95989A;
228 }
229
230 .button.primary:hover
231 {
232 background-color: #E00F32;
233 }
234
235 .button.primary:active
236 {
237 background-color: #AD102A;
238 }
239
240 .bg-accent .button.secondary
241 {
242 background: none;
243 color: #fff;
244 margin-left: 2px;
245 margin-right: 2px;
246 border: 1px solid #fff;
247 }
248
249 .bg-accent .button.secondary:hover,
250 .bg-accent .button.secondary:focus
251 {
252 box-shadow: inset 0 0 0 2px #fff;
253 }
254
255 .bg-accent .button.secondary:active
256 {
257 color: #077CA6;
258 background-color: #fff;
259 }
260
261 /*******************************************************************************
262 * .bg-* utilities
263 ******************************************************************************/
264
265 .bg-accent
266 {
267 color: #fff;
268 background-color: #077CA6;
269 }
270
184 /******************************************************************************* 271 /*******************************************************************************
185 * #navbar 272 * #navbar
186 ******************************************************************************/ 273 ******************************************************************************/
187 274
188 #navbar 275 #navbar
189 { 276 {
190 min-height: 4em; 277 min-height: 4em;
191 background-color: #c70d2c; 278 background-color: #c70d2c;
192 } 279 }
193 280
(...skipping 256 matching lines...) Expand 10 before | Expand all | Expand 10 after
450 } 537 }
451 } 538 }
452 539
453 /******************************************************************************* 540 /*******************************************************************************
454 * #footer 541 * #footer
455 ******************************************************************************/ 542 ******************************************************************************/
456 543
457 #footer 544 #footer
458 { 545 {
459 overflow: auto; 546 overflow: auto;
460 margin-top: 2em;
461 padding: 2em 0em; 547 padding: 2em 0em;
462 color: #ececec; 548 color: #ececec;
463 background-color: #292929; 549 background-color: #292929;
464 font-size: 0.9em; 550 font-size: 0.9em;
465 } 551 }
466 552
467 /* #footer body 553 /* #footer body
468 ******************************************************************************/ 554 ******************************************************************************/
469 555
470 #footer h5 556 #footer h5
(...skipping 140 matching lines...) Expand 10 before | Expand all | Expand 10 after
611 { 697 {
612 display: none; 698 display: none;
613 } 699 }
614 700
615 /* overriding display:none above */ 701 /* overriding display:none above */
616 #footer #social-list 702 #footer #social-list
617 { 703 {
618 display: block; 704 display: block;
619 } 705 }
620 } 706 }
OLDNEW
« no previous file with comments | « static/css/defaults.css ('k') | static/css/uninstalled.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld