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