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