ui/webui/resources/css/chrome_shared.css

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