1/* Copyright (c) 2012 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/* This file holds CSS that should be shared, in theory, by all user-visible
6 * chrome:// pages. */
7
8@import url("widgets.css");
9<if expr="chromeos">
10  @import url("chromeos/ui_account_tweaks.css");
11</if>
12
13/* Prevent CSS from overriding the hidden property. */
14[hidden] {
15  display: none !important;
16}
17
18html {
19  height: 100%;  /* For printing. */
20}
21
22html.loading * {
23  -webkit-transition-delay: 0 !important;
24  -webkit-transition-duration: 0 !important;
25}
26
27body {
28  cursor: default;
29  margin: 0;
30}
31
32p {
33  line-height: 1.8em;
34}
35
36h1,
37h2,
38h3 {
39  -webkit-user-select: none;
40  font-weight: normal;
41  /* Makes the vertical size of the text the same for all fonts. */
42  line-height: 1;
43}
44
45h1 {
46  font-size: 1.5em;
47}
48
49h2 {
50  font-size: 1.3em;
51  margin-bottom: 0.4em;
52}
53
54h3 {
55  color: black;
56  font-size: 1.2em;
57  margin-bottom: 0.8em;
58}
59
60a {
61  color: rgb(17, 85, 204);
62  text-decoration: underline;
63}
64
65a:active {
66  color: rgb(5, 37, 119);
67}
68
69/* Elements that need to be LTR even in an RTL context, but should align
70 * right. (Namely, URLs, search engine names, etc.)
71 */
72html[dir='rtl'] .weakrtl {
73  direction: ltr;
74  text-align: right;
75}
76
77/* Input fields in search engine table need to be weak-rtl. Since those input
78 * fields are generated for all cr.ListItem elements (and we only want weakrtl
79 * on some), the class needs to be on the enclosing div.
80 */
81html[dir='rtl'] div.weakrtl input {
82  direction: ltr;
83  text-align: right;
84}
85
86html[dir='rtl'] .favicon-cell.weakrtl {
87  -webkit-padding-end: 22px;
88  -webkit-padding-start: 0;
89}
90
91/* weakrtl for selection drop downs needs to account for the fact that
92 * Webkit does not honor the text-align attribute for the select element.
93 * (See Webkit bug #40216)
94 */
95html[dir='rtl'] select.weakrtl {
96  direction: rtl;
97}
98
99html[dir='rtl'] select.weakrtl option {
100  direction: ltr;
101}
102
103/* WebKit does not honor alignment for text specified via placeholder attribute.
104 * This CSS is a workaround. Please remove once WebKit bug is fixed.
105 * https://bugs.webkit.org/show_bug.cgi?id=63367
106 */
107html[dir='rtl'] input.weakrtl::-webkit-input-placeholder,
108html[dir='rtl'] .weakrtl input::-webkit-input-placeholder {
109  direction: rtl;
110}
111