Side by Side Diff: anwiki/_override-static/global/global/css/index.css
Issue 9051084:
Changed images to use CSS sprites (Closed)
Patch Set: Removed regression fix
Created Dec. 21, 2012, 9:47 a.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« anwiki/_override-static/global/global/css/features-mobile.css ('k')
|
anwiki/_override-static/global/global/css/main.css » ('j')
|
no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| OLD | NEW |
|---|---|
| 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 | |
| 7 { | |
| 8 background-image: url(/_override-static/global/global/img/sprite-index.png); | |
| 9 } | |
| 10 | |
| 6 #main, #video | 11 #main, #video |
| 7 { | 12 { |
| 8 display: inline-block; | 13 display: inline-block; |
| 9 } | 14 } |
| 10 | 15 |
| 11 #video | 16 #video |
| 12 { | 17 { |
| 13 background: white; | 18 background: white; |
| 14 padding: 10px; | 19 padding: 10px; |
| 15 border: 1px solid #c9c9c9; | 20 border: 1px solid #c9c9c9; |
| (...skipping 14 matching lines...) Expand all Loading... | |
| 30 } | 35 } |
| 31 | 36 |
| 32 #summary h2 | 37 #summary h2 |
| 33 { | 38 { |
| 34 font-size: 22px; | 39 font-size: 22px; |
| 35 color: #d50215; | 40 color: #d50215; |
| 36 } | 41 } |
| 37 | 42 |
| 38 #summary ul | 43 #summary ul |
| 39 { | 44 { |
| 40 list-style-image: url(/_override-static/global/global/img/tick.png); | 45 list-style-type: none; |
| 41 margin: 10px 0px 27px 0px; | 46 margin: 10px 0px 27px 0px; |
| 42 padding-left: 30px; | 47 padding-left: 40px; |
| 43 color: #333333; | 48 color: #333333; |
| 44 } | 49 } |
| 45 | 50 |
| 46 #summary li | 51 #summary li |
| 47 { | 52 { |
| 48 margin-bottom: 5px; | 53 margin-bottom: 5px; |
| 49 line-height: 24px; | 54 line-height: 24px; |
| 50 } | 55 } |
| 51 | 56 |
| 52 #summary li.emphasized | 57 #summary li.emphasized |
| 53 { | 58 { |
| 54 font-weight: bold; | 59 font-weight: bold; |
| 55 } | 60 } |
| 56 | 61 |
| 62 #summary li .sprite | |
| 63 { | |
| 64 position: absolute; | |
| 65 width: 12px; | |
| 66 height: 11px; | |
| 67 margin-top: 4px; | |
| 68 margin-left: -17px; | |
| 69 background-image: url(/_override-static/global/global/img/sprite-main.png); | |
| 70 background-repeat: no-repeat; | |
| 71 background-position: -164px 0px; | |
| 72 } | |
| 73 | |
| 57 #install .install-button | 74 #install .install-button |
| 58 { | 75 { |
| 59 display: none; | 76 display: none; |
| 60 position: relative; | 77 position: relative; |
| 61 width: 300px; | 78 width: 300px; |
| 62 height: 50px; | 79 height: 50px; |
| 63 color: #fff; | 80 color: #fff; |
| 64 font-size: 24px; | 81 font-size: 24px; |
| 65 text-decoration: none; | 82 text-decoration: none; |
| 66 text-align: center; | 83 text-align: center; |
| (...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 115 padding: 0; | 132 padding: 0; |
| 116 vertical-align: bottom; | 133 vertical-align: bottom; |
| 117 } | 134 } |
| 118 | 135 |
| 119 #install li | 136 #install li |
| 120 { | 137 { |
| 121 display: inline-block; | 138 display: inline-block; |
| 122 margin: 0 3px; | 139 margin: 0 3px; |
| 123 } | 140 } |
| 124 | 141 |
| 142 #install li a | |
| 143 { | |
| 144 width: 19px; | |
| 145 height: 20px; | |
| 146 } | |
| 147 | |
| 148 #platform-firefox | |
| 149 { | |
| 150 background-position: -105px -67px; | |
| 151 } | |
| 152 | |
| 153 #platform-chrome | |
| 154 { | |
| 155 background-position: -86px -67px; | |
| 156 } | |
| 157 | |
| 158 #platform-android | |
| 159 { | |
| 160 background-position: -67px -67px; | |
| 161 } | |
| 162 | |
| 163 #platform-opera | |
| 164 { | |
| 165 background-position: -67px -107px; | |
| 166 } | |
| 167 | |
| 125 #key-facts section | 168 #key-facts section |
| 126 { | 169 { |
| 127 display: inline-block; | 170 display: inline-block; |
| 128 } | 171 } |
| 129 | 172 |
| 130 #key-facts section h1 | 173 #key-facts section h1 |
| 131 { | 174 { |
| 132 margin-top: 0px; | 175 margin-top: 0px; |
| 133 } | 176 } |
| 134 | 177 |
| 135 #key-facts section img | 178 #key-facts section .sprite |
| 136 { | 179 { |
| 137 position: absolute; | 180 position: absolute; |
| 181 width: 67px; | |
| 182 height: 67px; | |
| 138 margin-top: 0px; | 183 margin-top: 0px; |
| 139 margin-left: -80px; | 184 margin-left: -80px; |
| 185 border: none; | |
| 186 } | |
| 187 | |
| 188 #facts-open-source | |
| 189 { | |
| 190 background-position: -67px 0px; | |
| 191 } | |
| 192 | |
| 193 #facts-downloads | |
| 194 { | |
| 195 background-position: 0px 0px; | |
| 196 } | |
| 197 | |
| 198 #facts-privacy | |
| 199 { | |
| 200 background-position: 0px -67px; | |
| 140 } | 201 } |
| 141 | 202 |
| 142 #key-facts section p | 203 #key-facts section p |
| 143 { | 204 { |
| 144 margin-bottom: 0px; | 205 margin-bottom: 0px; |
| 145 font-size: 14px; | 206 font-size: 14px; |
| 146 } | 207 } |
| 147 | 208 |
| 148 #key-facts section a | 209 #key-facts section a |
| 149 { | 210 { |
| 150 font-size: 14px; | 211 font-size: 14px; |
| 151 } | 212 } |
| OLD | NEW |
« no previous file with comments
|
« anwiki/_override-static/global/global/css/features-mobile.css ('k')
|
anwiki/_override-static/global/global/css/main.css » ('j')
|
no next file with comments »
