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

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

Issue 29690912: Fixes #9 - Update cross-promotional section (Closed) Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Change background image to solid colour Created Feb. 28, 2018, 8:40 a.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;
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
43 } 43 }
44 44
45 .sprite 45 .sprite
46 { 46 {
47 display: inline-block; 47 display: inline-block;
48 font-size: 0px; /* fix for IE6 height bug */ 48 font-size: 0px; /* fix for IE6 height bug */
49 background-image: url(../img/sprite-main.png); 49 background-image: url(../img/sprite-main.png);
50 background-repeat: no-repeat; 50 background-repeat: no-repeat;
51 } 51 }
52 52
53 #adblock-browser-notification
54 {
55 text-align: center;
56 }
57
58 #adblock-browser-notification a
59 {
60 font-weight: bold;
61 }
62
63 #adblock-browser-notification img
64 {
65 vertical-align: bottom;
66 width: 25px;
67 height: 25px;
68 }
69
70 #adblock-browser-notification span
71 {
72 white-space: nowrap;
73 margin-left: 1em;
74 }
75
76 [dir="rtl"] #adblock-browser-notification span
77 {
78 margin-left: 0;
79 margin-right: 1em;
80 }
81
82 .toc 53 .toc
83 { 54 {
84 display: inline-block; 55 display: inline-block;
85 border: 1px solid #aaa; 56 border: 1px solid #aaa;
86 background: #fff; 57 background: #fff;
87 padding: 16px 20px; 58 padding: 16px 20px;
88 } 59 }
89 60
90 .toc ul 61 .toc ul
91 { 62 {
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after
176 .content h2, 147 .content h2,
177 .content h3, 148 .content h3,
178 .content h4, 149 .content h4,
179 .content h5 150 .content h5
180 { 151 {
181 font-weight: bold; 152 font-weight: bold;
182 margin: 32px 0 16px 0; 153 margin: 32px 0 16px 0;
183 margin: 2rem 0 1rem 0; 154 margin: 2rem 0 1rem 0;
184 } 155 }
185 156
186 .content h1 { font-size: 1.8em; } 157 .content h1,
158 .content .h1 { font-size: 1.8em; }
159
187 .content h2 { font-size: 1.4em; } 160 .content h2 { font-size: 1.4em; }
188 .content h3 { font-size: 1.3em; } 161 .content h3 { font-size: 1.3em; }
189 .content h4 { font-size: 1.2em; } 162 .content h4 { font-size: 1.2em; }
190 .content h5 { font-size: 1.1em; } 163 .content h5 { font-size: 1.1em; }
191 164
192 @media(min-width: 768px) 165 @media(min-width: 768px)
193 { 166 {
194 .content h1 { font-size: 2.4em; } 167 .content h1 { font-size: 2.4em; }
195 .content h2 { font-size: 1.6em; } 168 .content h2 { font-size: 1.6em; }
196 } 169 }
(...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after
273 /******************************************************************************* 246 /*******************************************************************************
274 * .bg-* utilities 247 * .bg-* utilities
275 ******************************************************************************/ 248 ******************************************************************************/
276 249
277 .bg-accent 250 .bg-accent
278 { 251 {
279 color: #fff; 252 color: #fff;
280 background-color: #077CA6; 253 background-color: #077CA6;
281 } 254 }
282 255
256 .bg-secondary
257 {
258 color: #000;
259 background-color: #F4F4F4;
260 }
261
283 /******************************************************************************* 262 /*******************************************************************************
284 * #navbar 263 * #navbar
285 ******************************************************************************/ 264 ******************************************************************************/
286 265
287 #navbar 266 #navbar
288 { 267 {
289 min-height: 4em; 268 min-height: 4em;
290 background-color: #c70d2c; 269 background-color: #c70d2c;
291 } 270 }
292 271
(...skipping 416 matching lines...) Expand 10 before | Expand all | Expand 10 after
709 { 688 {
710 display: none; 689 display: none;
711 } 690 }
712 691
713 /* overriding display:none above */ 692 /* overriding display:none above */
714 #footer #social-list 693 #footer #social-list
715 { 694 {
716 display: block; 695 display: block;
717 } 696 }
718 } 697 }
OLDNEW

Powered by Google App Engine
This is Rietveld