OLD | NEW |
(Empty) | |
| 1 <head> |
| 2 <style><!-- |
| 3 #download, #platforms |
| 4 { |
| 5 text-align: center; |
| 6 } |
| 7 |
| 8 #download |
| 9 { |
| 10 margin-top: 30px; |
| 11 } |
| 12 |
| 13 #download-button |
| 14 { |
| 15 width: 250px; |
| 16 padding: 10px 40px; |
| 17 margin-bottom: 20px; |
| 18 color: #fff; |
| 19 font-size: 24px; |
| 20 text-decoration: none; |
| 21 text-align: center; |
| 22 line-height: 50px; |
| 23 background: #62c52b; |
| 24 background: -webkit-linear-gradient(top, #62c52b, #4f9d22); |
| 25 background: -moz-linear-gradient(top, #62c52b, #4f9d22); |
| 26 background: -ms-linear-gradient(top, #62c52b, #4f9d22); |
| 27 background: -o-linear-gradient(top, #62c52b, #4f9d22); |
| 28 background: linear-gradient(top, #62c52b, #4f9d22); |
| 29 box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422; |
| 30 text-shadow: 2px 2px 2px #327d14; |
| 31 border: none; |
| 32 border-radius: 3px; |
| 33 bottom: 6px; |
| 34 -webkit-transition: box-shadow 0.3s ease; |
| 35 -moz-transition: box-shadow 0.3s ease; |
| 36 -ms-transition: box-shadow 0.3s ease; |
| 37 -o-transition: box-shadow 0.3s ease; |
| 38 transition: box-shadow 0.3s ease; |
| 39 } |
| 40 |
| 41 #download-button:hover |
| 42 { |
| 43 box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15; |
| 44 } |
| 45 |
| 46 #download-button:active |
| 47 { |
| 48 background: #4f9d22; |
| 49 background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22); |
| 50 background: -moz-linear-gradient(bottom, #62c52b, #4f9d22); |
| 51 background: -ms-linear-gradient(bottom, #62c52b, #4f9d22); |
| 52 background: -o-linear-gradient(bottom, #62c52b, #4f9d22); |
| 53 background: linear-gradient(bottom, #62c52b, #4f9d22); |
| 54 box-shadow: 0px 0px 7px #486c15; |
| 55 -webkit-transition: none; |
| 56 -moz-transition: none; |
| 57 -ms-transition: none; |
| 58 -o-transition: none; |
| 59 transition: none; |
| 60 bottom: 4px; |
| 61 } |
| 62 |
| 63 #platforms |
| 64 { |
| 65 margin-top: 15px; |
| 66 } |
| 67 |
| 68 #platforms ul |
| 69 { |
| 70 display: inline-block; |
| 71 margin: 0; |
| 72 padding: 0; |
| 73 } |
| 74 |
| 75 #platforms li |
| 76 { |
| 77 list-style-type: none; |
| 78 display: inline-block; |
| 79 } |
| 80 |
| 81 #platforms a |
| 82 { |
| 83 display: block; |
| 84 background-image: url(/img/sprite-index.png); |
| 85 width: 19px; |
| 86 height: 20px; |
| 87 } |
| 88 |
| 89 #platform-firefox |
| 90 { |
| 91 background-position: -108px -68px; |
| 92 } |
| 93 |
| 94 #platform-chrome |
| 95 { |
| 96 background-position: -88px -68px; |
| 97 } |
| 98 |
| 99 #platform-android |
| 100 { |
| 101 background-position: -68px -68px; |
| 102 } |
| 103 |
| 104 #platform-opera |
| 105 { |
| 106 background-position: -68px -110px; |
| 107 } |
| 108 |
| 109 #platform-internet-explorer |
| 110 { |
| 111 background-position: -108px -110px; |
| 112 } |
| 113 --></style> |
| 114 </head> |
| 115 <p> |
| 116 $s1$ |
| 117 </p> |
| 118 |
| 119 <h3>$s2$</h3> |
| 120 <ul> |
| 121 <li>$s3$</li> |
| 122 <li>$s4$</li> |
| 123 <li>$s5$</li> |
| 124 </ul> |
| 125 |
| 126 <h3>$s6$</h3> |
| 127 <ul> |
| 128 <li>$s7$</li> |
| 129 <li>$s8$</li> |
| 130 </ul> |
| 131 |
| 132 <div id="download"> |
| 133 <a href="https://adblockplus.org/devbuilds/adblockplussafari/00latest.safariextz
" id="download-button">$s9$</a> |
| 134 </div> |
| 135 |
| 136 <div id="platforms"> |
| 137 <strong>$s10$</strong> |
| 138 <ul id="platforms"> |
| 139 <li><a href="firefox" id="platform-firefox" title="$s11$"></a></li> |
| 140 <li><a href="chrome" id="platform-chrome" title="$s12$"></a></li> |
| 141 <li><a href="android" id="platform-android" title="$s13$"></a></li> |
| 142 <li><a href="opera" id="platform-opera" title="$s14$"></a></li> |
| 143 <li><a href="internet-explorer" id="platform-internet-explorer" title="$s15$"></
a></li> |
| 144 </ul> |
| 145 </div> |
OLD | NEW |