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

Side by Side Diff: anwiki/_override-static/global/global/css/main.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.
Jump to:
View unified diff | Download patch
OLDNEW
1 * 1 *
2 { 2 {
3 font-family: Arial, sans; 3 font-family: Arial, sans;
4 font-size: 16px; 4 font-size: 16px;
5 } 5 }
6 6
7 body 7 body
8 { 8 {
9 background: #fdfdfb url(/_override-static/global/global/img/background.png) re peat; 9 background: #fdfdfb url(/_override-static/global/global/img/background.png) re peat;
10 margin: 0; 10 margin: 0;
11 } 11 }
12 12
13 a img 13 a img
14 { 14 {
15 border: none; 15 border: none;
16 } 16 }
17 17
18 a:link, a:visited 18 a:link, a:visited
19 { 19 {
20 color: #7d7d7d; 20 color: #7d7d7d;
21 } 21 }
22 22
23 button 23 button
24 { 24 {
25 cursor: pointer; 25 cursor: pointer;
26 } 26 }
27 27
28 .sprite
29 {
30 display: inline-block;
31 font-size: 0px; /* fix for IE6 height bug */
32 background-image: url(/_override-static/global/global/img/sprite-main.png);
33 background-repeat: no-repeat;
34 }
35
28 nav ul 36 nav ul
29 { 37 {
30 list-style: none; 38 list-style: none;
31 margin: 0; 39 margin: 0;
32 padding: 0; 40 padding: 0;
33 } 41 }
34 42
35 nav a 43 nav a
36 { 44 {
37 text-decoration: none; 45 text-decoration: none;
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
72 } 80 }
73 81
74 #search input 82 #search input
75 { 83 {
76 -webkit-appearance: none; 84 -webkit-appearance: none;
77 -moz-appearance: none; 85 -moz-appearance: none;
78 -ms-appearance: none; 86 -ms-appearance: none;
79 appearance: none; 87 appearance: none;
80 } 88 }
81 89
82 #current-language, #language a 90 #language-arrow
83 { 91 {
84 padding-left: 22px; 92 width: 16px;
85 background-repeat: no-repeat; 93 height: 9px;
86 background-position: left center; 94 background-position: -30px -186px;
95 }
96
97 #language .flag
98 {
99 width: 16px;
100 height: 11px;
101 max-height: 11px;
102 margin-right: 5px;
103 border: 1px solid #777;
104 background-image: url(/_override-static/global/global/img/sprite-flags.png);
105 vertical-align: middle;
106 }
107
108 #flag-ar
109 {
110 background-position: 0px 0px;
111 }
112
113 #flag-bg
114 {
115 background-position: -16px 0px;
116 }
117
118 #flag-de
119 {
120 background-position: -32px 0px;
121 }
122
123 #flag-en
124 {
125 background-position: -48px 0px;
126 }
127
128 #flag-es
129 {
130 background-position: -64px 0px;
131 }
132
133 #flag-fr
134 {
135 background-position: 0px -11px;
136 }
137
138 #flag-he
139 {
140 background-position: -16px -11px;
141 }
142
143 #flag-hu
144 {
145 background-position: -32px -11px;
146 }
147
148 #flag-ko
149 {
150 background-position: -48px -11px;
151 }
152
153 #flag-lt
154 {
155 background-position: -64px -11px;
156 }
157
158 #flag-nl
159 {
160 background-position: 0px -22px;
161 }
162
163 #flag-pt_br
164 {
165 background-position: -16px -22px;
166 }
167
168 #flag-ru
169 {
170 background-position: -32px -22px;
171 }
172
173 #flag-zh_cn
174 {
175 background-position: -48px -22px;
176 }
177
178 #flag-zh_tw
179 {
180 background-position: -64px -22px;
87 } 181 }
88 182
89 #logo 183 #logo
90 { 184 {
91 position: absolute; 185 position: absolute;
186 width: 128px;
187 height: 128px;
188 background-position: -82px -82px;
92 } 189 }
93 190
94 #content h1 191 #content h1
95 { 192 {
96 font-size: 30px; 193 font-size: 30px;
97 } 194 }
98 195
99 #content h3 196 #content h3
100 { 197 {
101 font-size: 20px; 198 font-size: 20px;
(...skipping 29 matching lines...) Expand all
131 padding: 0; 228 padding: 0;
132 margin: 0; 229 margin: 0;
133 } 230 }
134 231
135 #social li 232 #social li
136 { 233 {
137 display: inline-block; 234 display: inline-block;
138 margin: 0px 5px; 235 margin: 0px 5px;
139 } 236 }
140 237
141 #social a img 238 #social a
142 { 239 {
240 width: 82px;
241 height: 82px;
143 -webkit-transition: opacity .5s ease; 242 -webkit-transition: opacity .5s ease;
144 -moz-transition: opacity .5s ease; 243 -moz-transition: opacity .5s ease;
145 -ms-transition: opacity .5s ease; 244 -ms-transition: opacity .5s ease;
146 transition: opacity .5s ease; 245 transition: opacity .5s ease;
147 opacity: .6; 246 opacity: .6;
148 } 247 }
149 248
150 #social a img:hover 249 #social a:hover
151 { 250 {
152 opacity: 1.0; 251 opacity: 1.0;
153 } 252 }
154 253
254 #social-facebook
255 {
256 background-position: 0px 0px;
257 }
258
259 #social-twitter
260 {
261 background-position: 0px -82px;
262 }
263
264 #social-gplus
265 {
266 background-position: -82px 0px;
267 }
OLDNEW
« no previous file with comments | « anwiki/_override-static/global/global/css/index.css ('k') | anwiki/_override-static/global/global/css/main-desktop.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld