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