chrome/third_party/chromevox/chromevox/background/chrome_shared2.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. 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
  14 html.loading * {
  15   -webkit-transition-delay: 0ms !important;
  16   -webkit-transition-duration: 0ms !important;
  17 }
  18
  19 body {
  20   cursor: default;
  21   margin: 0;
  22 }
  23
  24 p {
  25   line-height: 1.8em;
  26 }
  27
  28 h1,
  29 h2,
  30 h3 {
  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
  37 h1 {
  38   font-size: 1.5em;
  39 }
  40
  41 h2 {
  42   font-size: 1.3em;
  43   margin-bottom: 0.4em;
  44 }
  45
  46 h3 {
  47   color: black;
  48   font-size: 1.2em;
  49   margin-bottom: 0.5em;
  50 }
  51
  52 a {
  53   color: rgb(17, 85, 204);
  54   text-decoration: underline;
  55 }
  56
  57 a: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  */
  64 html[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  */
  73 html[dir='rtl'] div.weakrtl input {
  74   direction: ltr;
  75   text-align: right;
  76 }
  77
  78 html[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  */
  87 html[dir='rtl'] select.weakrtl {
  88   direction: rtl;
  89 }
  90
  91 html[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  */
  99 html[dir='rtl'] input.weakrtl::-webkit-input-placeholder,
 100 html[dir='rtl'] .weakrtl input::-webkit-input-placeholder {
 101   direction: rtl;
 102 }