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