15821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Copyright (c) 2012 The Chromium Authors. All rights reserved. 25821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 35821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * found in the LICENSE file. */ 45821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 55821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)html.loading [jsdisplay] { 65821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: none; 75821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 85821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 92a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)[hidden] { 102a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) display: none !important; 112a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 122a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body { 145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: url('images/stripe.png') rgb(140, 0, 0); 155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 0; 165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).box { 195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-border-radius: 5px; 205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-shadow: 3px 3px 8px rgb(140, 0, 0); 215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-color: white; 225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: rgb(75, 75, 77); 232a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) margin: 40px auto; 245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 40px; 255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-align: start; 265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 700px; 275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).float { 305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) float: right; 315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)html[dir='rtl'] .float { 345821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) float: left; 355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).icon { 385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-top: 23px; 395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 405821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).clear { 425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) clear: both; 435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#logo { 465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) content: -webkit-image-set( 475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) url('../../../app/theme/%DISTRIBUTION%/product_logo_name_48.png') 1x, 485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) url('../../../app/theme/%DISTRIBUTION%/product_logo_name_96.png') 2x); 492a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) max-width: 100%; 505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#headline { 535821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-margin-end: 260px; 545821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #333; 555821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 22px; 565821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-weight: bold; 575821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-top: 20px; 585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 595821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 605821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).main { 615821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-margin-end: 260px; 625821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 16px; 635821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) line-height: 22px; 645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-bottom: 21px; 655821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-top: 14px; 665821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 675821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 685821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).advanced { 695821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-margin-start: 10px; 702a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) display: inline-block; 715821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 13px; 725821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 735821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 745821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)footer { 755821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 13px; 765821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-top: 50px; 775821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 785821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 795821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#learn-more-link { 802a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) display: inline-block; 815821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 13px; 825821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 835821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 845821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#privacy-link { 852a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) display: inline-block; 865821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 875821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 885821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).submission { 895821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-margin-end: 5px; 905821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-bottom: 15px; 915821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 0; 925821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 935821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 945821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)button { 955821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-shadow: inset 0 1px 0 0 rgb(129, 169, 243), 965821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 0 1px 2px rgba(0, 0, 0, .2); 975821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: -webkit-linear-gradient(rgb(112, 154, 241), 985821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) rgb(108, 148, 240) 44%, rgb(95, 132, 238)); 995821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid rgb(53, 116, 203); 1005821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-radius: 3px; 1015821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: white; 1025821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) cursor: pointer; 1035821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: inline-block; 1045821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 14px; 1055821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-weight: bold; 1065821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) line-height: 1; 1075821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 11px 38px 10px 38px; 1085821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-align: center; 1095821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-decoration: none; 1105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-shadow: 0 -1px 0 rgb(72, 101, 228); 1115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)button:hover, 1145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)button:focus { 1155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-shadow: inset 0 1px 0 0 rgb(129, 169, 243), 1165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 0 1px 2px rgba(0, 0, 0, .3); 1175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: -webkit-linear-gradient(rgb(165, 188, 245), 1185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) rgb(108, 148, 240) 70%, rgb(95, 132, 238)); 1195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid rgb(53, 116, 203); 1205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)button:active { 1235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, .1); 1245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: -webkit-linear-gradient(rgb(112, 154, 241), 1255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) rgb(108, 148, 240) 44%, rgb(95, 132, 238)); 1265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid rgb(53, 116, 203); 1275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)a { 1305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: rgb(17, 84, 204); 1315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)a:link, 1345821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)a:visited { 1355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-decoration: none; 1365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)a:hover, 1395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)a:active { 1405821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-decoration: underline; 1415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).checkbox { 1445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-top: 11px; 1455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: relative; 1465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).checkbox input { 1495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-margin-start: 1px; 1505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-top: 3px; 1515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: absolute; 1525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1535821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1545821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).checkbox span { 1555821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-margin-start: 21px; 1565821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: inline-block; 1575821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1592a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)/* When the window is 860px or smaller, switch to dynamically scaling the 1602a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) * contents. The text is also allowed to flow around the icon rather than 1612a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) * staying in a separate column. The percentage values below are derived so 1622a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) * that at 860px everything is the same size as the static values above, and 1632a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) * then scales down smoothly from there. */ 1642a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)@media screen and (max-width: 860px) { 1652a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) .box { 1662a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) margin: 4.6%; 1672a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) padding: 4.6%; 1682a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) width: 81.6%; 1692a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) } 1702a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) .icon { 1712a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) -webkit-margin-start: 2%; 1722a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) margin-bottom: 2%; 1732a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) max-width: 33%; 1742a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) } 1752a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) #headline, 1762a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) .main { 1772a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) -webkit-margin-end: 0; 1782a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) } 1792a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 180