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