Home | History | Annotate | Download | only in resources 
      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 body {
      6   margin: 10px 10px 0;
      7 <if expr="not is_android and not is_ios">
      8   min-width: 47em;
      9 </if>
     10   /* Should match needs-restart.height + 5 */
     11   padding-bottom: 75px;
     12 }
     13 
     14 a {
     15   color: blue;
     16   font-size: 103%;
     17 }
     18 
     19 .permalink {
     20   color: #A0A0A0;
     21 }
     22 
     23 #header {
     24   -webkit-padding-start: 75px;
     25   background: -webkit-image-set(
     26       url('../../app/theme/default_100_percent/flags_section.png') 1x,
     27       url('../../app/theme/default_200_percent/flags_section.png') 2x)
     28       no-repeat left center;
     29   box-sizing: border-box;
     30   display: table;
     31   margin-bottom: 1.05em;
     32   /* 67px is the height of the header's image. */
     33   min-height: 67px;
     34   overflow: hidden;
     35   position: relative;
     36 }
     37 
     38 #title-spacer {
     39   display: table-cell;
     40   vertical-align: middle;
     41 }
     42 
     43 html[dir=rtl] #header {
     44   background-position: right center;
     45 }
     46 
     47 h1 {
     48   font-size: 156%;
     49   font-weight: bold;
     50   margin: 0;
     51   padding: 0;
     52 }
     53 
     54 .blurb-container {
     55   font-size: 120%;
     56   padding-bottom: 1.5em;
     57 }
     58 
     59 #blurb-warning {
     60   color: red;
     61   font-weight: bold;
     62 }
     63 
     64 div.content {
     65   font-size: 88%;
     66   margin: 5px auto 10px;
     67 }
     68 
     69 div.content:last-of-type {
     70   margin-bottom: 0;
     71 }
     72 
     73 .section-header {
     74   background: rgb(235, 239, 249);
     75   border-top: 1px solid rgb(181, 199, 222);
     76   font-size: 99%;
     77   padding: 2px 5px 3px;
     78   width: 100%;
     79 }
     80 
     81 .section-header > table tr td:first-child {
     82   width: 100%;
     83 }
     84 
     85 .section-header > table {
     86   width: 100%;
     87 }
     88 
     89 .section-header-title {
     90   font-weight: bold;
     91   line-height: 200%;
     92 }
     93 
     94 #experiment-reset-all {
     95   float: right;
     96 }
     97 
     98 html[dir=rtl] #experiment-reset-all {
     99   float: left;
    100 }
    101 
    102 .vbox-container {
    103   -webkit-box-orient: vertical;
    104   display: -webkit-box;
    105 }
    106 
    107 .wbox {
    108   -webkit-box-align: stretch;
    109   -webkit-box-flex: 1;
    110   display: -webkit-box;
    111 }
    112 
    113 #top {
    114   -webkit-padding-end: 5px;
    115 }
    116 
    117 /* Disabled and unsupported experiments display grey text on a grey background.
    118    The title, however, should remain legible. */
    119 
    120 .experiment-unsupported > td,
    121 .experiment-disabled > td {
    122   background: #F0F0F0;
    123   color: #A0A0A0;
    124 }
    125 
    126 .experiment-unsupported .experiment-name,
    127 .experiment-disabled .experiment-name {
    128   color: #000;
    129 }
    130 
    131 .experiment {
    132   border-bottom: 1px solid #cdcdcd;
    133 }
    134 
    135 .experiment td {
    136   padding-bottom: 4px;
    137   padding-top: 5px;
    138 }
    139 
    140 /* Indent the text related to each experiment. */
    141 .experiment-text {
    142   -webkit-padding-start: 5px;
    143 }
    144 
    145 .experiment-name {
    146   font-weight: bold;
    147 }
    148 
    149 .referenced .experiment-name {
    150   background-color: rgb(255, 255, 0);
    151 }
    152 
    153 .no-experiments {
    154   font-size: 1.2em;
    155   margin: 6em 0;
    156   text-align: center;
    157 }
    158 
    159 /* Match the indentation of .experiment-text. */
    160 .experiment-actions {
    161   -webkit-padding-start: 5px;
    162   margin-bottom: 0.2em;
    163   margin-top: 0.2em;
    164 }
    165 
    166 div.needs-restart {
    167   background: #FFF;
    168   border-top: 1px solid rgb(181, 199, 222);
    169   bottom: 0;
    170   box-sizing: border-box;
    171   /* If you change this, update body.padding-bottom */
    172   height: 70px;
    173   left: 0;
    174   padding-bottom: 25px;
    175   padding-left: 15px;
    176   padding-right: 15px;
    177   padding-top: 15px;
    178   position: fixed;
    179   width: 100%;
    180 }
    181 
    182 button {
    183   font-size: 104%;
    184 }
    185 
    186