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