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

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

Issue 5636796054503424: Issue 1170 - [adblockplus.org Anwiki to CMS migration] Migrate content (Closed)
Patch Set: Created Sept. 17, 2014, 8:33 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 #content h1, #content h2 1 #content h1, #content h2
2 { 2 {
3 font-size: 16px; 3 font-size: 16px;
4 } 4 }
5 5
6 #content .sprite 6 #content .sprite
7 { 7 {
8 background-image: url(../img/sprite-index.png); 8 background-image: url(../img/sprite-index.png);
9 } 9 }
10 10
(...skipping 69 matching lines...) Expand 10 before | Expand all | Expand 10 after
80 } 80 }
81 81
82 html[dir="rtl"] #summary li .sprite 82 html[dir="rtl"] #summary li .sprite
83 { 83 {
84 margin-right: -17px; 84 margin-right: -17px;
85 margin-left: 0px; 85 margin-left: 0px;
86 } 86 }
87 87
88 /* This cannot be just .install-button because a:link will have a higher 88 /* This cannot be just .install-button because a:link will have a higher
89 specificity otherwise (overrides text color) */ 89 specificity otherwise (overrides text color) */
90 #install-container .install-button 90 #install .install-button
91 { 91 {
92 display: none; 92 display: none;
93 position: relative; 93 position: relative;
94 width: 305px; 94 width: 305px;
95 height: 50px; 95 height: 50px;
96 color: #fff; 96 color: #fff;
97 font-size: 20px; 97 font-size: 20px;
98 text-decoration: none; 98 text-decoration: none;
99 text-align: center; 99 text-align: center;
100 line-height: 50px; 100 line-height: 50px;
(...skipping 30 matching lines...) Expand all
131 background: linear-gradient(bottom, #cacaca, #a2a2a2); 131 background: linear-gradient(bottom, #cacaca, #a2a2a2);
132 box-shadow: 0px 0px 7px #6f6f6f; 132 box-shadow: 0px 0px 7px #6f6f6f;
133 -webkit-transition: none; 133 -webkit-transition: none;
134 -moz-transition: none; 134 -moz-transition: none;
135 -ms-transition: none; 135 -ms-transition: none;
136 -o-transition: none; 136 -o-transition: none;
137 transition: none; 137 transition: none;
138 bottom: 4px; 138 bottom: 4px;
139 } 139 }
140 140
141 #install-container.android .install-button, 141 #content.android .install-button,
142 #install-container.firefox.ua-firefox .install-button, 142 #content.firefox.ua-firefox .install-button,
143 #install-container.chrome.ua-chrome .install-button, 143 #content.chrome.ua-chrome .install-button,
144 #install-container.opera.ua-opera .install-button, 144 #content.opera.ua-opera .install-button,
145 #install-container.internet-explorer.ua-internet-explorer .install-button, 145 #content.internet-explorer.ua-internet-explorer .install-button,
146 #content.safari.ua-safari .install-button,
146 /* IE6 fixes */ 147 /* IE6 fixes */
147 #install-container.firefox_ua-firefox .install-button, 148 #content.firefox_ua-firefox .install-button,
148 #install-container.chrome_ua-chrome .install-button, 149 #content.chrome_ua-chrome .install-button,
149 #install-container.opera_ua-opera .install-button, 150 #content.opera_ua-opera .install-button,
150 #install-container.internet-explorer_ua-internet-explorer .install-button 151 #content.internet-explorer_ua-internet-explorer .install-button,
152 #content.safari_ua-safari .install-button
151 { 153 {
152 background: #62c52b; 154 background: #62c52b;
153 background: -webkit-linear-gradient(top, #62c52b, #4f9d22); 155 background: -webkit-linear-gradient(top, #62c52b, #4f9d22);
154 background: -moz-linear-gradient(top, #62c52b, #4f9d22); 156 background: -moz-linear-gradient(top, #62c52b, #4f9d22);
155 background: -ms-linear-gradient(top, #62c52b, #4f9d22); 157 background: -ms-linear-gradient(top, #62c52b, #4f9d22);
156 background: -o-linear-gradient(top, #62c52b, #4f9d22); 158 background: -o-linear-gradient(top, #62c52b, #4f9d22);
157 background: linear-gradient(top, #62c52b, #4f9d22); 159 background: linear-gradient(top, #62c52b, #4f9d22);
158 box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422; 160 box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422;
159 text-shadow: 2px 2px 2px #327d14; 161 text-shadow: 2px 2px 2px #327d14;
160 } 162 }
161 163
162 #install-container.android .install-button:hover, 164 #content.android .install-button:hover,
163 #install-container.firefox.ua-firefox .install-button:hover, 165 #content.firefox.ua-firefox .install-button:hover,
164 #install-container.chrome.ua-chrome .install-button:hover, 166 #content.chrome.ua-chrome .install-button:hover,
165 #install-container.opera.ua-opera .install-button:hover, 167 #content.opera.ua-opera .install-button:hover,
166 #install-container.internet-explorer.ua-internet-explorer .install-button:hover, 168 #content.internet-explorer.ua-internet-explorer .install-button:hover,
169 #content.safari.ua-safari .install-button:hover,
167 /* IE6 fixes */ 170 /* IE6 fixes */
168 #install-container.firefox_ua-firefox .install-button:hover, 171 #content.firefox_ua-firefox .install-button:hover,
169 #install-container.chrome_ua-chrome .install-button:hover, 172 #content.chrome_ua-chrome .install-button:hover,
170 #install-container.opera_ua-opera .install-button:hover, 173 #content.opera_ua-opera .install-button:hover,
171 #install-container.internet-explorer_ua-internet-explorer .install-button:hover 174 #content.internet-explorer_ua-internet-explorer .install-button:hover,
175 #content.safari_ua-safari .install-button:hover
172 { 176 {
173 box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15; 177 box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15;
174 } 178 }
175 179
176 #install-container.android .install-button:active, 180 #content.android .install-button:active,
177 #install-container.firefox.ua-firefox .install-button:active, 181 #content.firefox.ua-firefox .install-button:active,
178 #install-container.chrome.ua-chrome .install-button:active, 182 #content.chrome.ua-chrome .install-button:active,
179 #install-container.opera.ua-opera .install-button:active, 183 #content.opera.ua-opera .install-button:active,
180 #install-container.internet-explorer.ua-internet-explorer .install-button:active , 184 #content.internet-explorer.ua-internet-explorer .install-button:active,
185 #content.safari.ua-safari .install-button:active,
181 /* IE6 fixes */ 186 /* IE6 fixes */
182 #install-container.firefox_ua-firefox .install-button:active, 187 #content.firefox_ua-firefox .install-button:active,
183 #install-container.chrome_ua-chrome .install-button:active, 188 #content.chrome_ua-chrome .install-button:active,
184 #install-container.opera_ua-opera .install-button:active 189 #content.opera_ua-opera .install-button:active,
185 #install-container.internet-explorer_ua-internet-explorer .install-button:active 190 #content.internet-explorer_ua-internet-explorer .install-button:active,
191 #content.safari_ua-safari .install-button:active
186 { 192 {
187 background: #4f9d22; 193 background: #4f9d22;
188 background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22); 194 background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22);
189 background: -moz-linear-gradient(bottom, #62c52b, #4f9d22); 195 background: -moz-linear-gradient(bottom, #62c52b, #4f9d22);
190 background: -ms-linear-gradient(bottom, #62c52b, #4f9d22); 196 background: -ms-linear-gradient(bottom, #62c52b, #4f9d22);
191 background: -o-linear-gradient(bottom, #62c52b, #4f9d22); 197 background: -o-linear-gradient(bottom, #62c52b, #4f9d22);
192 background: linear-gradient(bottom, #62c52b, #4f9d22); 198 background: linear-gradient(bottom, #62c52b, #4f9d22);
193 box-shadow: 0px 0px 7px #486c15; 199 box-shadow: 0px 0px 7px #486c15;
194 } 200 }
195 201
196 #install-container.firefox #install-firefox, 202 #content.firefox #install-firefox, #content.chrome #install-chrome,
197 #install-container.chrome #install-chrome, 203 #content.opera #install-opera, #content.android #install-android,
198 #install-container.opera #install-opera, 204 #content.internet-explorer #install-internet-explorer,
199 #install-container.android #install-android, 205 #content.safari #install-safari
200 #install-container.internet-explorer #install-internet-explorer
201 { 206 {
202 display: inline-block; 207 display: inline-block;
203 } 208 }
204 209
205 #install ul 210 #install ul
206 { 211 {
207 list-style: none; 212 list-style: none;
208 display: inline-block; 213 display: inline-block;
209 margin: 0 0 0 5px; 214 margin: 0 0 0 5px;
210 padding: 0; 215 padding: 0;
(...skipping 21 matching lines...) Expand all
232 #platform-firefox 237 #platform-firefox
233 { 238 {
234 background-position: -108px -89px; 239 background-position: -108px -89px;
235 } 240 }
236 241
237 #information-android 242 #information-android
238 { 243 {
239 display: none; 244 display: none;
240 } 245 }
241 246
242 #install-container.android #information-android 247 #content.android #information-android
243 { 248 {
244 display: block; 249 display: block;
245 } 250 }
246 251
247 #install-container.firefox #platform-firefox 252 #content.firefox #platform-firefox
248 { 253 {
249 background-position: -108px -68px; 254 background-position: -108px -68px;
250 } 255 }
251 256
252 #platform-chrome 257 #platform-chrome
253 { 258 {
254 background-position: -88px -89px; 259 background-position: -88px -89px;
255 } 260 }
256 261
257 #install-container.chrome #platform-chrome 262 #content.chrome #platform-chrome
258 { 263 {
259 background-position: -88px -68px; 264 background-position: -88px -68px;
260 } 265 }
261 266
262 #platform-android 267 #platform-android
263 { 268 {
264 background-position: -68px -89px; 269 background-position: -68px -89px;
265 } 270 }
266 271
267 #install-container.android #platform-android 272 #content.android #platform-android
268 { 273 {
269 background-position: -68px -68px; 274 background-position: -68px -68px;
270 } 275 }
271 276
272 #platform-opera 277 #platform-opera
273 { 278 {
274 background-position: -68px -131px; 279 background-position: -68px -131px;
275 } 280 }
276 281
277 #install-container.opera #platform-opera 282 #content.opera #platform-opera
278 { 283 {
279 background-position: -68px -110px; 284 background-position: -68px -110px;
280 } 285 }
281 286
282 #platform-internet-explorer 287 #platform-internet-explorer
283 { 288 {
284 background-position: -108px -131px; 289 background-position: -108px -131px;
285 } 290 }
286 291
287 #install-container.internet-explorer #platform-internet-explorer 292 #content.internet-explorer #platform-internet-explorer
288 { 293 {
289 background-position: -108px -110px; 294 background-position: -108px -110px;
290 } 295 }
291 296
297 #platform-safari
298 {
299 background-position: -88px -131px;
300 }
301
302 #content.safari #platform-safari
303 {
304 background-position: -88px -110px;
305 }
306
292 .warning-platform 307 .warning-platform
293 { 308 {
294 display: none; 309 display: none;
295 color: #D00; 310 color: #D00;
296 text-align: center; 311 text-align: center;
297 border: 1px solid #D00; 312 border: 1px solid #D00;
298 padding: 5px; 313 padding: 5px;
299 border-radius: 5px; 314 border-radius: 5px;
300 } 315 }
301 316
302 #install-container.ua-firefox .warning-platform.firefox, 317 #content.ua-firefox .warning-platform.firefox,
303 #install-container.ua-chrome .warning-platform.chrome, 318 #content.ua-chrome .warning-platform.chrome,
304 #install-container.ua-android .warning-platform.android, 319 #content.ua-android .warning-platform.android,
305 #install-container.ua-opera .warning-platform.opera, 320 #content.ua-opera .warning-platform.opera,
306 #install-container.ua-internet-explorer .warning-platform.internet-explorer 321 #content.ua-internet-explorer .warning-platform.internet-explorer,
322 #content.ua-safari .warning-platform.safari
307 { 323 {
308 display: block; 324 display: block;
309 } 325 }
310 326
311 #install-container.firefox.ua-firefox .warning-platform.firefox, 327 #content.firefox.ua-firefox .warning-platform.firefox,
312 #install-container.chrome.ua-chrome .warning-platform.chrome, 328 #content.chrome.ua-chrome .warning-platform.chrome,
313 #install-container.android.ua-android .warning-platform.android, 329 #content.android.ua-android .warning-platform.android,
314 #install-container.opera.ua-opera .warning-platform.opera, 330 #content.opera.ua-opera .warning-platform.opera,
315 #install-container.internet-explorer.ua-internet-explorer .warning-platform.inte rnet-explorer, 331 #content.internet-explorer.ua-internet-explorer .warning-platform.internet-explo rer,
332 #content.safari.ua-safari .warning-platform.safari,
316 /* IE6 fixes */ 333 /* IE6 fixes */
317 #install-container.firefox_ua-firefox .warning-platform.firefox, 334 #content.firefox_ua-firefox .warning-platform.firefox,
318 #install-container.chrome_ua-chrome .warning-platform.chrome, 335 #content.chrome_ua-chrome .warning-platform.chrome,
319 #install-container.opera_ua-opera .warning-platform.opera, 336 #content.opera_ua-opera .warning-platform.opera,
320 #install-container.internet-explorer_ua-internet-explorer .warning-platform.inte rnet-explorer 337 #content.internet-explorer_ua-internet-explorer .warning-platform.internet-explo rer,
338 #content.safari_ua-safari .warning-platform.safari
321 { 339 {
322 display: none; 340 display: none;
323 } 341 }
324 342
325 #key-facts section 343 #key-facts section
326 { 344 {
327 display: inline-block; 345 display: inline-block;
328 } 346 }
329 347
330 #key-facts section h1 348 #key-facts section h1
(...skipping 22 matching lines...) Expand all
353 #facts-open-source 371 #facts-open-source
354 { 372 {
355 background-position: -68px 0px; 373 background-position: -68px 0px;
356 } 374 }
357 375
358 #facts-downloads 376 #facts-downloads
359 { 377 {
360 background-position: 0px 0px; 378 background-position: 0px 0px;
361 } 379 }
362 380
363 #facts-acceptable-ads 381 #facts-privacy
364 { 382 {
365 background-position: 0px -68px; 383 background-position: 0px -68px;
366 } 384 }
367 385
368 #key-facts section p 386 #key-facts section p
369 { 387 {
370 margin-bottom: 0px; 388 margin-bottom: 0px;
371 font-size: 14px; 389 font-size: 14px;
372 } 390 }
373 391
(...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after
445 #more-container.hidden #less, 463 #more-container.hidden #less,
446 #more-container.hidden #more-tabs 464 #more-container.hidden #more-tabs
447 { 465 {
448 display: none; 466 display: none;
449 } 467 }
450 468
451 #more-container.firefox #tab-firefox, 469 #more-container.firefox #tab-firefox,
452 #more-container.chrome #tab-chrome, 470 #more-container.chrome #tab-chrome,
453 #more-container.opera #tab-opera, 471 #more-container.opera #tab-opera,
454 #more-container.android #tab-android, 472 #more-container.android #tab-android,
455 #more-container.internet-explorer #tab-internet-explorer 473 #more-container.internet-explorer #tab-internet-explorer,
474 #more-container.safari #tab-safari
456 { 475 {
457 display: inline-block; 476 display: inline-block;
458 } 477 }
459 478
460 #more-container.firefox #more-firefox, 479 #more-container.firefox #more-firefox,
461 #more-container.chrome #more-chrome, 480 #more-container.chrome #more-chrome,
462 #more-container.opera #more-opera, 481 #more-container.opera #more-opera,
463 #more-container.android #more-android, 482 #more-container.android #more-android,
464 #more-container.internet-explorer #more-internet-explorer 483 #more-container.internet-explorer #more-internet-explorer,
484 #more-container.safari #more-safari
465 { 485 {
466 background-color: #dbd4c7; 486 background-color: #dbd4c7;
467 } 487 }
OLDNEW

Powered by Google App Engine
This is Rietveld