Unified Diff: pages/safari.raw
Issue 6021528219025408:
Issue #1170 More progress migrating adblockplus.org to our CMS. (Closed)
Patch Set:
Created Sept. 1, 2014, 10:45 a.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« pages/requirements.raw ('k')
|
pages/share.raw » ('j')
|
no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: pages/safari.raw |
| =================================================================== |
| new file mode 100644 |
| --- /dev/null |
| +++ b/pages/safari.raw |
| @@ -0,0 +1,145 @@ |
| +<head> |
| +<style><!-- |
| +#download, #platforms |
| +{ |
| + text-align: center; |
| +} |
| + |
| +#download |
| +{ |
| + margin-top: 30px; |
| +} |
| + |
| +#download-button |
| +{ |
| + width: 250px; |
| + padding: 10px 40px; |
| + margin-bottom: 20px; |
| + color: #fff; |
| + font-size: 24px; |
| + text-decoration: none; |
| + text-align: center; |
| + line-height: 50px; |
| + background: #62c52b; |
| + background: -webkit-linear-gradient(top, #62c52b, #4f9d22); |
| + background: -moz-linear-gradient(top, #62c52b, #4f9d22); |
| + background: -ms-linear-gradient(top, #62c52b, #4f9d22); |
| + background: -o-linear-gradient(top, #62c52b, #4f9d22); |
| + background: linear-gradient(top, #62c52b, #4f9d22); |
| + box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422; |
| + text-shadow: 2px 2px 2px #327d14; |
| + border: none; |
| + border-radius: 3px; |
| + bottom: 6px; |
| + -webkit-transition: box-shadow 0.3s ease; |
| + -moz-transition: box-shadow 0.3s ease; |
| + -ms-transition: box-shadow 0.3s ease; |
| + -o-transition: box-shadow 0.3s ease; |
| + transition: box-shadow 0.3s ease; |
| +} |
| + |
| +#download-button:hover |
| +{ |
| + box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15; |
| +} |
| + |
| +#download-button:active |
| +{ |
| + background: #4f9d22; |
| + background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22); |
| + background: -moz-linear-gradient(bottom, #62c52b, #4f9d22); |
| + background: -ms-linear-gradient(bottom, #62c52b, #4f9d22); |
| + background: -o-linear-gradient(bottom, #62c52b, #4f9d22); |
| + background: linear-gradient(bottom, #62c52b, #4f9d22); |
| + box-shadow: 0px 0px 7px #486c15; |
| + -webkit-transition: none; |
| + -moz-transition: none; |
| + -ms-transition: none; |
| + -o-transition: none; |
| + transition: none; |
| + bottom: 4px; |
| +} |
| + |
| +#platforms |
| +{ |
| + margin-top: 15px; |
| +} |
| + |
| +#platforms ul |
| +{ |
| + display: inline-block; |
| + margin: 0; |
| + padding: 0; |
| +} |
| + |
| +#platforms li |
| +{ |
| + list-style-type: none; |
| + display: inline-block; |
| +} |
| + |
| +#platforms a |
| +{ |
| + display: block; |
| + background-image: url(/img/sprite-index.png); |
| + width: 19px; |
| + height: 20px; |
| +} |
| + |
| +#platform-firefox |
| +{ |
| + background-position: -108px -68px; |
| +} |
| + |
| +#platform-chrome |
| +{ |
| + background-position: -88px -68px; |
| +} |
| + |
| +#platform-android |
| +{ |
| + background-position: -68px -68px; |
| +} |
| + |
| +#platform-opera |
| +{ |
| + background-position: -68px -110px; |
| +} |
| + |
| +#platform-internet-explorer |
| +{ |
| + background-position: -108px -110px; |
| +} |
| +--></style> |
| +</head> |
| +<p> |
| +$s1$ |
| +</p> |
| + |
| +<h3>$s2$</h3> |
| +<ul> |
| +<li>$s3$</li> |
| +<li>$s4$</li> |
| +<li>$s5$</li> |
| +</ul> |
| + |
| +<h3>$s6$</h3> |
| +<ul> |
| +<li>$s7$</li> |
| +<li>$s8$</li> |
| +</ul> |
| + |
| +<div id="download"> |
| +<a href="https://adblockplus.org/devbuilds/adblockplussafari/00latest.safariextz" id="download-button">$s9$</a> |
| +</div> |
| + |
| +<div id="platforms"> |
| +<strong>$s10$</strong> |
| +<ul id="platforms"> |
| +<li><a href="firefox" id="platform-firefox" title="$s11$"></a></li> |
| +<li><a href="chrome" id="platform-chrome" title="$s12$"></a></li> |
| +<li><a href="android" id="platform-android" title="$s13$"></a></li> |
| +<li><a href="opera" id="platform-opera" title="$s14$"></a></li> |
| +<li><a href="internet-explorer" id="platform-internet-explorer" title="$s15$"></a></li> |
| +</ul> |
| +</div> |
« no previous file with comments
|
« pages/requirements.raw ('k')
|
pages/share.raw » ('j')
|
no next file with comments »
