Side by Side Diff: anwiki/_override-static/global/global/css/main-mobile.css
Issue 9051084:
Changed images to use CSS sprites (Closed)
Patch Set:
Created Dec. 20, 2012, 3:54 p.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/main-desktop.css ('k')
|
anwiki/_override-static/global/global/img/sprite-features.png » ('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 header | 1 header |
| 2 { | 2 { |
| 3 width: auto; | 3 width: auto; |
| 4 min-height: 60px; | 4 min-height: 60px; |
| 5 padding: 10px; | 5 padding: 10px; |
| 6 } | 6 } |
| 7 | 7 |
| 8 header li a | 8 header li a |
| 9 { | 9 { |
| 10 display: block; | 10 display: block; |
| (...skipping 11 matching lines...) Expand all Loading... | |
| 22 line-height: 84px; | 22 line-height: 84px; |
| 23 font-size: 28px; | 23 font-size: 28px; |
| 24 color: black; | 24 color: black; |
| 25 text-overflow: ellipsis; | 25 text-overflow: ellipsis; |
| 26 white-space: nowrap; | 26 white-space: nowrap; |
| 27 overflow: hidden; | 27 overflow: hidden; |
| 28 } | 28 } |
| 29 | 29 |
| 30 header nav li.selected::after | 30 header nav li.selected::after |
| 31 { | 31 { |
| 32 content: url(/_override-static/global/global/img/mobile/menu.png); | 32 content: ""; |
| 33 display: inline-block; | 33 display: inline-block; |
| 34 position: absolute; | |
| 35 width: 30px; | |
| 36 height: 30px; | |
| 37 top: 25px; | |
| 38 right: 10px; | |
| 34 font-size: 30px; | 39 font-size: 30px; |
| 35 position: absolute; | 40 background-image: url(/_override-static/global/global/img/sprite-main.png); |
| 36 top: 5px; | 41 background-position: 0px -164px; |
| 37 right: 10px; | |
| 38 } | 42 } |
| 39 | 43 |
| 40 header nav>ul | 44 #menu |
| 41 { | 45 { |
| 42 margin-top: 55px; | 46 margin-top: 55px; |
| 43 margin-left: -11px; | 47 margin-left: -11px; |
| 44 margin-right: -11px; | 48 margin-right: -11px; |
| 45 padding: 12px 12px 0px 12px; | 49 padding: 12px 12px 0px 12px; |
| 46 border: 1px solid #d9d9d9; | 50 border: 1px solid #d9d9d9; |
| 47 border-top: none; | 51 border-top: none; |
| 48 border-bottom: none; | 52 border-bottom: none; |
| 49 background-color: white; | 53 background-color: white; |
| 50 } | 54 } |
| 51 | 55 |
| 52 header nav>ul>li.selected, footer nav section h1 | 56 #menu>li.selected, footer nav section h1 |
| 53 { | 57 { |
| 54 cursor: pointer; | 58 cursor: pointer; |
| 55 } | 59 } |
| 56 | 60 |
| 57 header nav>ul>li:not(.selected) | 61 #menu>li:not(.selected) |
| 58 { | 62 { |
| 59 display: none; | 63 display: none; |
| 60 padding: 10px 5px; | 64 padding: 10px 5px; |
| 61 } | 65 } |
| 62 | 66 |
| 63 header nav>ul.visible>li | 67 #menu.visible>li |
| 64 { | 68 { |
| 65 display: block; | 69 display: block; |
| 66 } | 70 } |
| 67 | 71 |
| 68 header nav>ul>li a | 72 #menu>li a |
| 69 { | 73 { |
| 70 font-size: 24px; | 74 font-size: 24px; |
| 71 } | 75 } |
| 72 | 76 |
| 73 #search | 77 #search |
| 74 { | 78 { |
| 75 position: relative; | 79 position: relative; |
| 76 } | 80 } |
| 77 | 81 |
| 78 #search label, #current-language span | 82 #search label, #current-language span |
| (...skipping 20 matching lines...) Expand all Loading... | |
| 99 { | 103 { |
| 100 display: inline-block; | 104 display: inline-block; |
| 101 } | 105 } |
| 102 | 106 |
| 103 #logo | 107 #logo |
| 104 { | 108 { |
| 105 width: 76px; | 109 width: 76px; |
| 106 height: 76px; | 110 height: 76px; |
| 107 top: 2px; | 111 top: 2px; |
| 108 left: 2px; | 112 left: 2px; |
| 113 background-size: 128px; | |
| 114 background-position: -50px -50px; | |
| 109 } | 115 } |
| 110 | 116 |
| 111 footer | 117 footer |
| 112 { | 118 { |
| 113 text-align: center; | 119 text-align: center; |
| 114 } | 120 } |
| 115 | 121 |
| 116 #content | 122 #content |
| 117 { | 123 { |
| 118 margin: 20px 10px 50px 10px; | 124 margin: 20px 10px 50px 10px; |
| (...skipping 10 matching lines...) Expand all Loading... | |
| 129 margin: 0px; | 135 margin: 0px; |
| 130 } | 136 } |
| 131 | 137 |
| 132 footer nav li | 138 footer nav li |
| 133 { | 139 { |
| 134 display: none; | 140 display: none; |
| 135 } | 141 } |
| 136 | 142 |
| 137 footer nav section h1::after | 143 footer nav section h1::after |
| 138 { | 144 { |
| 139 content: url(/_override-static/global/global/img/mobile/arrow-right.png); | 145 content: ""; |
| 146 display: inline-block; | |
| 147 width: 11px; | |
| 148 height: 11px; | |
| 140 margin-left: 5px; | 149 margin-left: 5px; |
| 150 background-image: url(/_override-static/global/global/img/sprite-main.png); | |
| 151 background-position: -30px -164px; | |
| 141 } | 152 } |
| 142 | 153 |
| 143 footer nav section.visible h1::after | 154 footer nav section.visible h1::after |
| 144 { | 155 { |
| 145 content: url(/_override-static/global/global/img/mobile/arrow-down.png); | 156 background-position: -30px -175px; |
| 146 } | 157 } |
| 147 | 158 |
| 148 footer nav section.visible li | 159 footer nav section.visible li |
| 149 { | 160 { |
| 150 display: block; | 161 display: block; |
| 151 } | 162 } |
| 152 | 163 |
| 153 #social ul | 164 #social ul |
| 154 { | 165 { |
| 155 padding: 0px; | 166 padding: 0px; |
| 156 } | 167 } |
| 157 | 168 |
| 158 #anwiki-admin, #pageactions | 169 #anwiki-admin, #pageactions |
| 159 { | 170 { |
| 160 display: none; | 171 display: none; |
| 161 } | 172 } |
| OLD | NEW |
« no previous file with comments
|
« anwiki/_override-static/global/global/css/main-desktop.css ('k')
|
anwiki/_override-static/global/global/img/sprite-features.png » ('j')
|
no next file with comments »
