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

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

Issue 29749588: Fixes #53 - Added detection and install links for iOS safari (Closed) Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Addressed #2 Created April 12, 2018, 11:29 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
« no previous file with comments | « includes/index.tmpl ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 #content, 1 #content,
2 #blog 2 #blog
3 { 3 {
4 padding-top: 5em; 4 padding-top: 5em;
5 } 5 }
6 6
7 #key-facts h1 7 #key-facts h1
8 { 8 {
9 font-size: 16px; 9 font-size: 16px;
10 } 10 }
(...skipping 225 matching lines...) Expand 10 before | Expand all | Expand 10 after
236 -o-transition: none; 236 -o-transition: none;
237 transition: none; 237 transition: none;
238 bottom: 4px; 238 bottom: 4px;
239 } 239 }
240 240
241 #content.android .install-button, 241 #content.android .install-button,
242 #content.firefox.ua-firefox .install-button, 242 #content.firefox.ua-firefox .install-button,
243 #content.chrome.ua-chrome .install-button, 243 #content.chrome.ua-chrome .install-button,
244 #content.opera.ua-opera .install-button, 244 #content.opera.ua-opera .install-button,
245 #content.internet-explorer.ua-internet-explorer .install-button, 245 #content.internet-explorer.ua-internet-explorer .install-button,
246 #content.safari.ua-safari .install-button, 246 #content.safari .install-button,
247 #content.yandex-browser.ua-yandex-browser .install-button, 247 #content.yandex-browser.ua-yandex-browser .install-button,
248 #content.edge.ua-edge .install-button, 248 #content.edge.ua-edge .install-button,
249 /* IE6 fixes */ 249 /* IE6 fixes */
250 #content.firefox_ua-firefox .install-button, 250 #content.firefox_ua-firefox .install-button,
251 #content.chrome_ua-chrome .install-button, 251 #content.chrome_ua-chrome .install-button,
252 #content.opera_ua-opera .install-button, 252 #content.opera_ua-opera .install-button,
253 #content.internet-explorer_ua-internet-explorer .install-button, 253 #content.internet-explorer_ua-internet-explorer .install-button,
254 #content.safari_ua-safari .install-button, 254 #content.safari_ua-safari .install-button,
255 #content.yandex-browser_ua-yandex-browser .install-button, 255 #content.yandex-browser_ua-yandex-browser .install-button,
256 #content.edge_ua-edge .install-button 256 #content.edge_ua-edge .install-button
257 { 257 {
258 background: #62c52b; 258 background: #62c52b;
259 background: -webkit-linear-gradient(top, #62c52b, #4f9d22); 259 background: -webkit-linear-gradient(top, #62c52b, #4f9d22);
260 background: -moz-linear-gradient(top, #62c52b, #4f9d22); 260 background: -moz-linear-gradient(top, #62c52b, #4f9d22);
261 background: -ms-linear-gradient(top, #62c52b, #4f9d22); 261 background: -ms-linear-gradient(top, #62c52b, #4f9d22);
262 background: -o-linear-gradient(top, #62c52b, #4f9d22); 262 background: -o-linear-gradient(top, #62c52b, #4f9d22);
263 background: linear-gradient(top, #62c52b, #4f9d22); 263 background: linear-gradient(top, #62c52b, #4f9d22);
264 box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422; 264 box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422;
265 text-shadow: 2px 2px 2px #327d14; 265 text-shadow: 2px 2px 2px #327d14;
266 } 266 }
267 267
268 #content.android .install-button:hover, 268 #content.android .install-button:hover,
269 #content.firefox.ua-firefox .install-button:hover, 269 #content.firefox.ua-firefox .install-button:hover,
270 #content.chrome.ua-chrome .install-button:hover, 270 #content.chrome.ua-chrome .install-button:hover,
271 #content.opera.ua-opera .install-button:hover, 271 #content.opera.ua-opera .install-button:hover,
272 #content.internet-explorer.ua-internet-explorer .install-button:hover, 272 #content.internet-explorer.ua-internet-explorer .install-button:hover,
273 #content.safari.ua-safari .install-button:hover, 273 #content.safari .install-button:hover,
274 #content.yandex-browser.ua-yandex-browser .install-button:hover, 274 #content.yandex-browser.ua-yandex-browser .install-button:hover,
275 #content.edge.ua-edge .install-button:hover, 275 #content.edge.ua-edge .install-button:hover,
276 /* IE6 fixes */ 276 /* IE6 fixes */
277 #content.firefox_ua-firefox .install-button:hover, 277 #content.firefox_ua-firefox .install-button:hover,
278 #content.chrome_ua-chrome .install-button:hover, 278 #content.chrome_ua-chrome .install-button:hover,
279 #content.opera_ua-opera .install-button:hover, 279 #content.opera_ua-opera .install-button:hover,
280 #content.internet-explorer_ua-internet-explorer .install-button:hover, 280 #content.internet-explorer_ua-internet-explorer .install-button:hover,
281 #content.safari_ua-safari .install-button:hover, 281 #content.safari_ua-safari .install-button:hover,
282 #content.yandex-browser_ua-yandex-browser .install-button:hover, 282 #content.yandex-browser_ua-yandex-browser .install-button:hover,
283 #content.edge_ua-edge .install-button:hover 283 #content.edge_ua-edge .install-button:hover
284 { 284 {
285 box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15; 285 box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15;
286 } 286 }
287 287
288 #content.android .install-button:active, 288 #content.android .install-button:active,
289 #content.firefox.ua-firefox .install-button:active, 289 #content.firefox.ua-firefox .install-button:active,
290 #content.chrome.ua-chrome .install-button:active, 290 #content.chrome.ua-chrome .install-button:active,
291 #content.opera.ua-opera .install-button:active, 291 #content.opera.ua-opera .install-button:active,
292 #content.internet-explorer.ua-internet-explorer .install-button:active, 292 #content.internet-explorer.ua-internet-explorer .install-button:active,
293 #content.safari.ua-safari .install-button:active, 293 #content.safari .install-button:active,
294 #content.yandex-browser.ua-yandex-browser .install-button:active, 294 #content.yandex-browser.ua-yandex-browser .install-button:active,
295 #content.edge.ua-edge .install-button:active, 295 #content.edge.ua-edge .install-button:active,
296 /* IE6 fixes */ 296 /* IE6 fixes */
297 #content.firefox_ua-firefox .install-button:active, 297 #content.firefox_ua-firefox .install-button:active,
298 #content.chrome_ua-chrome .install-button:active, 298 #content.chrome_ua-chrome .install-button:active,
299 #content.opera_ua-opera .install-button:active, 299 #content.opera_ua-opera .install-button:active,
300 #content.internet-explorer_ua-internet-explorer .install-button:active, 300 #content.internet-explorer_ua-internet-explorer .install-button:active,
301 #content.safari_ua-safari .install-button:active, 301 #content.safari_ua-safari .install-button:active,
302 #content.yandex-browser_ua-yandex-browser .install-button:active, 302 #content.yandex-browser_ua-yandex-browser .install-button:active,
303 #content.edge_ua-edge .install-button:active 303 #content.edge_ua-edge .install-button:active
304 { 304 {
305 background: #4f9d22; 305 background: #4f9d22;
306 background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22); 306 background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22);
307 background: -moz-linear-gradient(bottom, #62c52b, #4f9d22); 307 background: -moz-linear-gradient(bottom, #62c52b, #4f9d22);
308 background: -ms-linear-gradient(bottom, #62c52b, #4f9d22); 308 background: -ms-linear-gradient(bottom, #62c52b, #4f9d22);
309 background: -o-linear-gradient(bottom, #62c52b, #4f9d22); 309 background: -o-linear-gradient(bottom, #62c52b, #4f9d22);
310 background: linear-gradient(bottom, #62c52b, #4f9d22); 310 background: linear-gradient(bottom, #62c52b, #4f9d22);
311 box-shadow: 0px 0px 7px #486c15; 311 box-shadow: 0px 0px 7px #486c15;
312 } 312 }
313 313
314 #content.firefox #install-firefox, #content.chrome #install-chrome, 314 #content.firefox #install-firefox, #content.chrome #install-chrome,
315 #content.opera #install-opera, #content.android #install-android, 315 #content.opera #install-opera, #content.android #install-android,
316 #content.internet-explorer #install-internet-explorer, 316 #content.internet-explorer #install-internet-explorer,
317 #content.safari #install-safari, 317 #content.ua-safari #install-safari,
318 #content.ua-ios #install-ios,
318 #content.yandex-browser #install-yandex-browser, 319 #content.yandex-browser #install-yandex-browser,
319 #content.edge #install-edge 320 #content.edge #install-edge
320 { 321 {
321 display: inline-block; 322 display: inline-block;
322 } 323 }
323 324
324 #other-platform ul 325 #other-platform ul
325 { 326 {
326 list-style: none; 327 list-style: none;
327 display: inline-block; 328 display: inline-block;
(...skipping 288 matching lines...) Expand 10 before | Expand all | Expand 10 after
616 line-height: 1.4; 617 line-height: 1.4;
617 color: #000; 618 color: #000;
618 background-color: #fff; 619 background-color: #fff;
619 border: 2px solid #a1a1a1; 620 border: 2px solid #a1a1a1;
620 } 621 }
621 622
622 #ready-for-windows-notice 623 #ready-for-windows-notice
623 { 624 {
624 margin-bottom: 30px; 625 margin-bottom: 30px;
625 } 626 }
OLDNEW
« no previous file with comments | « includes/index.tmpl ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld