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