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: 55px;
  25   background: url(../../../ui/webui/resources/images/hazard.svg)
  26       left center / 48px no-repeat;
  27   line-height: 48px;
  28   margin-bottom: 1.05em;
  29 }
  30
  31 #title-spacer {
  32   display: table-cell;
  33   vertical-align: middle;
  34 }
  35
  36 html[dir=rtl] #header {
  37   background-position: right center;
  38 }
  39
  40 h1 {
  41   font-size: 156%;
  42   font-weight: bold;
  43   margin: 0;
  44   padding: 0;
  45 }
  46
  47 .blurb-container {
  48   font-size: 120%;
  49   padding-bottom: 1.5em;
  50 }
  51
  52 #blurb-warning {
  53   color: red;
  54   font-weight: bold;
  55 }
  56
  57 div.content {
  58   font-size: 88%;
  59   margin: 5px auto 10px;
  60 }
  61
  62 div.content:last-of-type {
  63   margin-bottom: 0;
  64 }
  65
  66 .section-header {
  67   background: rgb(235, 239, 249);
  68   border-top: 1px solid rgb(181, 199, 222);
  69   font-size: 99%;
  70   padding: 2px 5px 3px;
  71   width: 100%;
  72 }
  73
  74 .section-header > table tr td:first-child {
  75   width: 100%;
  76 }
  77
  78 .section-header > table {
  79   width: 100%;
  80 }
  81
  82 .section-header-title {
  83   font-weight: bold;
  84   line-height: 200%;
  85 }
  86
  87 #experiment-reset-all {
  88   float: right;
  89 }
  90
  91 html[dir=rtl] #experiment-reset-all {
  92   float: left;
  93 }
  94
  95 .vbox-container {
  96   -webkit-box-orient: vertical;
  97   display: -webkit-box;
  98 }
  99
 100 .wbox {
 101   -webkit-box-align: stretch;
 102   -webkit-box-flex: 1;
 103   display: -webkit-box;
 104 }
 105
 106 #top {
 107   -webkit-padding-end: 5px;
 108 }
 109
 110 /* Default and unsupported experiments display grey text on a grey background.
 111    The title, however, should remain legible. */
 112
 113 .experiment-unsupported > td,
 114 .experiment-default > td {
 115   background: #F0F0F0;
 116   color: #A0A0A0;
 117 }
 118
 119 .experiment-unsupported .experiment-name,
 120 .experiment-default .experiment-name {
 121   color: #000;
 122 }
 123
 124 .experiment {
 125   border-bottom: 1px solid #cdcdcd;
 126 }
 127
 128 .experiment td {
 129   padding-bottom: 4px;
 130   padding-top: 5px;
 131 }
 132
 133 /* Indent the text related to each experiment. */
 134 .experiment-text {
 135   -webkit-padding-start: 5px;
 136 }
 137
 138 .experiment-name {
 139   font-weight: bold;
 140 }
 141
 142 .referenced .experiment-name {
 143   background-color: rgb(255, 255, 0);
 144 }
 145
 146 .no-experiments {
 147   font-size: 1.2em;
 148   margin: 6em 0;
 149   text-align: center;
 150 }
 151
 152 /* Match the indentation of .experiment-text. */
 153 .experiment-actions {
 154   -webkit-padding-start: 5px;
 155   margin-bottom: 0.2em;
 156   margin-top: 0.2em;
 157 }
 158
 159 div.needs-restart {
 160   /* If you modify properties that change the height of this,
 161    * update body.padding-bottom. */
 162   background: #FFF;
 163   border-top: 1px solid rgb(181, 199, 222);
 164   bottom: 0;
 165   box-shadow: 0 -2px 2px #ddd;
 166   box-sizing: border-box;
 167   left: 0;
 168   padding-bottom: 15px;
 169   padding-left: 15px;
 170   padding-right: 15px;
 171   padding-top: 15px;
 172   position: fixed;
 173   width: 100%;
 174 }
 175
 176 .experiment-restart-button {
 177   -webkit-user-select: none;
 178   background: rgb(76, 142, 250);
 179   border: 0;
 180   border-radius: 2px;
 181   box-sizing: border-box;
 182   color: #fff;
 183   cursor: pointer;
 184   font-weight: 700;
 185   margin-top: 10px;
 186   padding: 10px 24px;
 187   text-transform: uppercase;
 188   transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
 189 }
 190
 191 button {
 192   font-size: 104%;
 193 }
 194