src/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("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
  18 html {
  19   height: 100%;  /* For printing. */
  20 }
  21
  22 html.loading * {
  23   -webkit-transition-delay: 0 !important;
  24   -webkit-transition-duration: 0 !important;
  25 }
  26
  27 body {
  28   cursor: default;
  29   margin: 0;
  30 }
  31
  32 p {
  33   line-height: 1.8em;
  34 }
  35
  36 h1,
  37 h2,
  38 h3 {
  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
  45 h1 {
  46   font-size: 1.5em;
  47 }
  48
  49 h2 {
  50   font-size: 1.3em;
  51   margin-bottom: 0.4em;
  52 }
  53
  54 h3 {
  55   color: black;
  56   font-size: 1.2em;
  57   margin-bottom: 0.8em;
  58 }
  59
  60 a {
  61   color: rgb(17, 85, 204);
  62   text-decoration: underline;
  63 }
  64
  65 a: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  */
  72 html[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  */
  81 html[dir='rtl'] div.weakrtl input {
  82   direction: ltr;
  83   text-align: right;
  84 }
  85
  86 html[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  */
  95 html[dir='rtl'] select.weakrtl {
  96   direction: rtl;
  97 }
  98
  99 html[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  */
 107 html[dir='rtl'] input.weakrtl::-webkit-input-placeholder,
 108 html[dir='rtl'] .weakrtl input::-webkit-input-placeholder {
 109   direction: rtl;
 110 }