1/* Copyright 2014 The Chromium Authors. All rights reserved. 2 Use of this source code is governed by a BSD-style license that can be 3 found in the LICENSE file. 4*/ 5@font-face { 6 font-family: 'Roboto2'; 7 font-weight: 400; 8 src: local('Roboto'), local('Roboto2-Regular'), 9 url(/roboto.woff2) format('woff2'), url(/roboto.woff) format('woff'); 10} 11 12body { 13 color: #414141; 14 font-family: 'Roboto2', sans-serif; 15 margin: 0; 16} 17 18a { 19 text-decoration: none; 20} 21 22a.colored-link { 23 color: rgb(66, 133, 244); 24} 25 26#button-container { 27 text-align: end; 28 width: 100%; 29} 30 31#container.hide { 32 -webkit-transform: scale(0.95); 33 -webkit-transition-duration: 218ms; 34 -webkit-transition-property: opacity, -webkit-transform; 35 opacity: 0; 36} 37 38#description { 39 font-size: 16px; 40 line-height: 1.4em; 41 margin: 24px 16px 4px 16px; 42} 43 44/* Some properties below can be overridden in landscape orientation. */ 45#heading { 46 font-size: 24px; 47 letter-spacing: 1px; 48 margin-top: 0; 49 text-align: center; 50} 51#header-image { 52 height: 100px; 53 margin: 0 auto 24px auto; 54} 55.portrait { 56 display: block; 57} 58.landscape { 59 display: none; 60} 61 62/* Landscape */ 63@media screen and (orientation:landscape) { 64 #heading { 65 padding-top: 16px; 66 } 67 #header-image { 68 margin: 0 24px; 69 } 70 .portrait { 71 display: none; 72 } 73 .landscape { 74 display: block; 75 float: left; 76 } 77 html[dir='rtl'] .landscape { 78 float: right; 79 } 80} 81 82.label { 83 display: inline-block; 84 font-size: 14px; 85 margin: 14px 0; 86 /* We use a slightly different top-bottom padding because Roboto has a 87 rendering bug which makes an extra padding to be rendered at the bottom of 88 text. */ 89 padding: 17px 14px 13px 14px; 90 white-space: nowrap; 91} 92 93.label a { 94 text-transform: uppercase; 95} 96 97#optin-label { 98 background: rgb(66, 133, 244); 99 background-clip: padding-box; 100 border-radius: 3px; 101 margin-right: 24px; 102} 103 104#optin-label a { 105 color: white; 106} 107 108#optout-label a { 109 color: rgb(66, 133, 244); 110} 111