chrome/browser/resources/flags.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 body {
   6   margin: 10px 10px 0;
   7 <if expr="not is_android and not is_ios">
   8   min-width: 47em;
   9 </if>
  10   /* Should be larger than the evaluated height of needs-restart. */
  11   padding-bottom: 100px;
  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 /* Default and unsupported experiments display grey text on a grey background.
 118    The title, however, should remain legible. */
 119
 120 .experiment-unsupported > td,
 121 .experiment-default > td {
 122   background: #F0F0F0;
 123   color: #A0A0A0;
 124 }
 125
 126 .experiment-unsupported .experiment-name,
 127 .experiment-default .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   /* If you modify properties that change the height of this,
 168    * update body.padding-bottom. */
 169   background: #FFF;
 170   border-top: 1px solid rgb(181, 199, 222);
 171   bottom: 0;
 172   box-shadow: 0 -2px 2px #ddd;
 173   box-sizing: border-box;
 174   left: 0;
 175   padding-bottom: 15px;
 176   padding-left: 15px;
 177   padding-right: 15px;
 178   padding-top: 15px;
 179   position: fixed;
 180   width: 100%;
 181 }
 182
 183 .experiment-restart-button {
 184   -webkit-user-select: none;
 185   background: rgb(76, 142, 250);
 186   border: 0;
 187   border-radius: 2px;
 188   box-sizing: border-box;
 189   color: #fff;
 190   cursor: pointer;
 191   font-weight: 700;
 192   margin-top: 10px;
 193   padding: 10px 24px;
 194   text-transform: uppercase;
 195   transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
 196 }
 197
 198 button {
 199   font-size: 104%;
 200 }
 201