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

Side by Side Diff: static/css/index.css

Issue 29341378: Issue 4027 - make the download button available for windows insider users (Closed)
Patch Set: Created May 18, 2016, 12:13 p.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 #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 6 #content .sprite
7 { 7 {
8 background-image: url(../img/sprite-index.png); 8 background-image: url(../img/sprite-index.png);
9 } 9 }
10 10
(...skipping 153 matching lines...) Expand 10 before | Expand all | Expand 10 after
164 { 164 {
165 display: inline; 165 display: inline;
166 } 166 }
167 167
168 html[dir="rtl"] #summary li .sprite 168 html[dir="rtl"] #summary li .sprite
169 { 169 {
170 margin-right: -17px; 170 margin-right: -17px;
171 margin-left: 0px; 171 margin-left: 0px;
172 } 172 }
173 173
174 h3.edge-message 174 #content h3.edge-message,
175 #content h3.edge-message a
175 { 176 {
176 color: #2d79c0; 177 color: #2d79c0;
178 font-size: 20px;
177 } 179 }
178 180
179 /* This cannot be just .install-button because a:link will have a higher 181 /* This cannot be just .install-button because a:link will have a higher
180 specificity otherwise (overrides text color) */ 182 specificity otherwise (overrides text color) */
181 #install .install-button 183 #install .install-button
182 { 184 {
183 display: none; 185 display: none;
184 position: relative; 186 position: relative;
185 width: 305px; 187 width: 305px;
186 height: 50px; 188 height: 50px;
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after
229 bottom: 4px; 231 bottom: 4px;
230 } 232 }
231 233
232 #content.android .install-button, 234 #content.android .install-button,
233 #content.firefox.ua-firefox .install-button, 235 #content.firefox.ua-firefox .install-button,
234 #content.chrome.ua-chrome .install-button, 236 #content.chrome.ua-chrome .install-button,
235 #content.opera.ua-opera .install-button, 237 #content.opera.ua-opera .install-button,
236 #content.internet-explorer.ua-internet-explorer .install-button, 238 #content.internet-explorer.ua-internet-explorer .install-button,
237 #content.safari.ua-safari .install-button, 239 #content.safari.ua-safari .install-button,
238 #content.yandex-browser.ua-yandex-browser .install-button, 240 #content.yandex-browser.ua-yandex-browser .install-button,
241 #content.edge.ua-edge .install-button,
239 /* IE6 fixes */ 242 /* IE6 fixes */
240 #content.firefox_ua-firefox .install-button, 243 #content.firefox_ua-firefox .install-button,
241 #content.chrome_ua-chrome .install-button, 244 #content.chrome_ua-chrome .install-button,
242 #content.opera_ua-opera .install-button, 245 #content.opera_ua-opera .install-button,
243 #content.internet-explorer_ua-internet-explorer .install-button, 246 #content.internet-explorer_ua-internet-explorer .install-button,
244 #content.safari_ua-safari .install-button, 247 #content.safari_ua-safari .install-button,
245 #content.yandex-browser_ua-yandex-browser .install-button 248 #content.yandex-browser_ua-yandex-browser .install-button,
249 #content.edge_ua-edge .install-button
246 { 250 {
247 background: #62c52b; 251 background: #62c52b;
248 background: -webkit-linear-gradient(top, #62c52b, #4f9d22); 252 background: -webkit-linear-gradient(top, #62c52b, #4f9d22);
249 background: -moz-linear-gradient(top, #62c52b, #4f9d22); 253 background: -moz-linear-gradient(top, #62c52b, #4f9d22);
250 background: -ms-linear-gradient(top, #62c52b, #4f9d22); 254 background: -ms-linear-gradient(top, #62c52b, #4f9d22);
251 background: -o-linear-gradient(top, #62c52b, #4f9d22); 255 background: -o-linear-gradient(top, #62c52b, #4f9d22);
252 background: linear-gradient(top, #62c52b, #4f9d22); 256 background: linear-gradient(top, #62c52b, #4f9d22);
253 box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422; 257 box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422;
254 text-shadow: 2px 2px 2px #327d14; 258 text-shadow: 2px 2px 2px #327d14;
255 } 259 }
256 260
257 #content.android .install-button:hover, 261 #content.android .install-button:hover,
258 #content.firefox.ua-firefox .install-button:hover, 262 #content.firefox.ua-firefox .install-button:hover,
259 #content.chrome.ua-chrome .install-button:hover, 263 #content.chrome.ua-chrome .install-button:hover,
260 #content.opera.ua-opera .install-button:hover, 264 #content.opera.ua-opera .install-button:hover,
261 #content.internet-explorer.ua-internet-explorer .install-button:hover, 265 #content.internet-explorer.ua-internet-explorer .install-button:hover,
262 #content.safari.ua-safari .install-button:hover, 266 #content.safari.ua-safari .install-button:hover,
263 #content.yandex-browser.ua-yandex-browser .install-button:hover, 267 #content.yandex-browser.ua-yandex-browser .install-button:hover,
268 #content.edge.ua-edge .install-button:hover,
264 /* IE6 fixes */ 269 /* IE6 fixes */
265 #content.firefox_ua-firefox .install-button:hover, 270 #content.firefox_ua-firefox .install-button:hover,
266 #content.chrome_ua-chrome .install-button:hover, 271 #content.chrome_ua-chrome .install-button:hover,
267 #content.opera_ua-opera .install-button:hover, 272 #content.opera_ua-opera .install-button:hover,
268 #content.internet-explorer_ua-internet-explorer .install-button:hover, 273 #content.internet-explorer_ua-internet-explorer .install-button:hover,
269 #content.safari_ua-safari .install-button:hover, 274 #content.safari_ua-safari .install-button:hover,
270 #content.yandex-browser_ua-yandex-browser .install-button:hover 275 #content.yandex-browser_ua-yandex-browser .install-button:hover,
276 #content.edge_ua-edge .install-button:hover
271 { 277 {
272 box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15; 278 box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15;
273 } 279 }
274 280
275 #content.android .install-button:active, 281 #content.android .install-button:active,
276 #content.firefox.ua-firefox .install-button:active, 282 #content.firefox.ua-firefox .install-button:active,
277 #content.chrome.ua-chrome .install-button:active, 283 #content.chrome.ua-chrome .install-button:active,
278 #content.opera.ua-opera .install-button:active, 284 #content.opera.ua-opera .install-button:active,
279 #content.internet-explorer.ua-internet-explorer .install-button:active, 285 #content.internet-explorer.ua-internet-explorer .install-button:active,
280 #content.safari.ua-safari .install-button:active, 286 #content.safari.ua-safari .install-button:active,
281 #content.yandex-browser.ua-yandex-browser .install-button:active, 287 #content.yandex-browser.ua-yandex-browser .install-button:active,
288 #content.edge.ua-edge .install-button:active,
282 /* IE6 fixes */ 289 /* IE6 fixes */
283 #content.firefox_ua-firefox .install-button:active, 290 #content.firefox_ua-firefox .install-button:active,
284 #content.chrome_ua-chrome .install-button:active, 291 #content.chrome_ua-chrome .install-button:active,
285 #content.opera_ua-opera .install-button:active, 292 #content.opera_ua-opera .install-button:active,
286 #content.internet-explorer_ua-internet-explorer .install-button:active, 293 #content.internet-explorer_ua-internet-explorer .install-button:active,
287 #content.safari_ua-safari .install-button:active, 294 #content.safari_ua-safari .install-button:active,
288 #content.yandex-browser_ua-yandex-browser .install-button:active 295 #content.yandex-browser_ua-yandex-browser .install-button:active,
296 #content.edge_ua-edge .install-button:active
289 { 297 {
290 background: #4f9d22; 298 background: #4f9d22;
291 background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22); 299 background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22);
292 background: -moz-linear-gradient(bottom, #62c52b, #4f9d22); 300 background: -moz-linear-gradient(bottom, #62c52b, #4f9d22);
293 background: -ms-linear-gradient(bottom, #62c52b, #4f9d22); 301 background: -ms-linear-gradient(bottom, #62c52b, #4f9d22);
294 background: -o-linear-gradient(bottom, #62c52b, #4f9d22); 302 background: -o-linear-gradient(bottom, #62c52b, #4f9d22);
295 background: linear-gradient(bottom, #62c52b, #4f9d22); 303 background: linear-gradient(bottom, #62c52b, #4f9d22);
296 box-shadow: 0px 0px 7px #486c15; 304 box-shadow: 0px 0px 7px #486c15;
297 } 305 }
298 306
299 #content.firefox #install-firefox, #content.chrome #install-chrome, 307 #content.firefox #install-firefox, #content.chrome #install-chrome,
300 #content.opera #install-opera, #content.android #install-android, 308 #content.opera #install-opera, #content.android #install-android,
301 #content.internet-explorer #install-internet-explorer, 309 #content.internet-explorer #install-internet-explorer,
302 #content.safari #install-safari, 310 #content.safari #install-safari,
303 #content.yandex-browser #install-yandex-browser 311 #content.yandex-browser #install-yandex-browser,
312 #content.edge.edge-supported #install-edge
304 { 313 {
305 display: inline-block; 314 display: inline-block;
306 } 315 }
307 316
308 #other-platform ul 317 #other-platform ul
309 { 318 {
310 list-style: none; 319 list-style: none;
311 display: inline-block; 320 display: inline-block;
312 margin: 0px; 321 margin: 0px;
313 padding: 0; 322 padding: 0;
(...skipping 120 matching lines...) Expand 10 before | Expand all | Expand 10 after
434 443
435 #content h3.subscribe-header 444 #content h3.subscribe-header
436 { 445 {
437 font-size: 18px; 446 font-size: 18px;
438 margin-bottom: 0px; 447 margin-bottom: 0px;
439 } 448 }
440 449
441 #other-platform > div, 450 #other-platform > div,
442 #content.edge #video, 451 #content.edge #video,
443 #edge-teaser, 452 #edge-teaser,
444 h3.edge-message 453 h3.edge-message,
454 #content.edge.edge-supported h3.edge-message,
455 #content.edge.edge-supported #other-platform > div
445 { 456 {
446 display: none; 457 display: none;
447 } 458 }
448 459
449 #content.edge #other-platform > div, 460 #content.edge #other-platform > div,
450 #content.edge h3.edge-message 461 #content.edge h3.edge-message
451 { 462 {
452 display: block; 463 display: block;
453 } 464 }
454 465
(...skipping 200 matching lines...) Expand 10 before | Expand all | Expand 10 after
655 #more-container.opera #more-opera, 666 #more-container.opera #more-opera,
656 #more-container.android #more-android, 667 #more-container.android #more-android,
657 #more-container.internet-explorer #more-internet-explorer, 668 #more-container.internet-explorer #more-internet-explorer,
658 #more-container.safari #more-safari, 669 #more-container.safari #more-safari,
659 #more-container.yandex-browser #more-yandex-browser, 670 #more-container.yandex-browser #more-yandex-browser,
660 #more-container.maxthon #more-maxthon 671 #more-container.maxthon #more-maxthon
661 #more-container.edge #more-edge 672 #more-container.edge #more-edge
662 { 673 {
663 background-color: #dbd4c7; 674 background-color: #dbd4c7;
664 } 675 }
OLDNEW
« no previous file with comments | « includes/index.tmpl ('k') | static/img/edge_teaser.png » ('j') | static/js/index.js » ('J')

Powered by Google App Engine
This is Rietveld