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 body {
      6   font-size: 84%;
      7   margin: 0;
      8   min-width: 45em;
      9   padding: 0.75em;
     10 }
     11 
     12 h1 {
     13   color: rgb(74, 142, 230);
     14   font-size: 110%;
     15   font-weight: bold;
     16   letter-spacing: -1px;
     17   margin: 0;
     18   padding: 0;
     19 }
     20 
     21 h2 {
     22   border-top: 1px solid rgb(58, 117, 189);
     23   color: rgb(58, 117, 189);
     24   font-size: 110%;
     25   font-weight: normal;
     26   letter-spacing: -1px;
     27   margin: 0;
     28   margin-left: -38px;
     29   padding: 0.5em 1em 0.5em 38px;
     30 }
     31 
     32 h2:first-child {
     33   border-top: 0;
     34   padding-top: 0;
     35 }
     36 
     37 span.th {
     38   padding-left: 0.35em;
     39 }
     40 
     41 a {
     42   color: black;
     43 }
     44 
     45 div#header {
     46   background: rgb(82, 150, 222);
     47   background-size: 100%;
     48   border: 1px solid rgb(58, 117, 189);
     49   border-radius: 6px;
     50   color: white;
     51   margin-bottom: 0.75em;
     52   overflow: hidden;
     53   padding: 0.6em 1em 0.75em 0;
     54   position: relative;
     55   text-shadow: 0 0 2px black;
     56 }
     57 
     58 div#header h1 {
     59   background: url('../images/gear.png') 12px 60% no-repeat;
     60   color: white;
     61   display: inline;
     62   margin: 0;
     63   padding-left: 37px;
     64 }
     65 
     66 div#header p {
     67   color: white;
     68   display: inline;
     69   font-size: 84%;
     70   font-style: italic;
     71   margin: 0;
     72   padding: 0;
     73   padding-left: 0.4em;
     74 }
     75 
     76 div#header div.navigation {
     77   font-size: 92%;
     78   line-height: 3.5em;
     79   position: absolute;
     80   right: 1em;
     81   top: 0;
     82 }
     83 
     84 div#header select {
     85   border: 1px solid rgb(58, 117, 189);
     86   color: rgb(49, 93, 148);
     87   font-size: 100%;
     88   line-height: 140%;
     89 }
     90 
     91 div#header select option {
     92   padding: 0 0.2em;
     93 }
     94 
     95 div#sidebar {
     96   border-right: 1px solid #cfcfcf;
     97   display: none;
     98   float: left;
     99   margin-left: 26px;
    100   min-height: 20em;
    101   padding: 0.75em;
    102   padding-top: 0;
    103   width: 45em;
    104 }
    105 
    106 div#content {
    107   margin-left: 0;
    108 }
    109 
    110 hr {
    111   display: inline;
    112   padding: 0 0.5em;
    113   visibility: hidden;
    114 }
    115 
    116 .k {
    117   font-weight: normal;
    118   opacity: 0.4;
    119   padding-left: 0.1em;
    120 }
    121 
    122 .legend {
    123   color: #7f7f7f;
    124   font-size: 84%;
    125   line-height: 140%;
    126   margin-top: 2em;
    127   padding: 0.4em 0 0;
    128   text-align: right;
    129 }
    130 
    131 .legend h3 {
    132   color: black;
    133   display: inline;
    134   font-size: 100%;
    135   font-weight: normal;
    136   margin: 0;
    137   padding: 0 0.5em 0 0;
    138 }
    139 
    140 .legend .swatch {
    141   display: inline-block;
    142   height: 0.9em;
    143   margin-right: 0.2em;
    144   opacity: 0.66;
    145   padding: 0 0.5em;
    146 }
    147 
    148 table.list {
    149   border-collapse: collapse;
    150   font-size: 84%;
    151   line-height: 200%;
    152   table-layout: fixed;
    153   width: 100%;
    154 }
    155 
    156 table.list:not([class*='filtered']) tr:nth-child(odd) td {
    157   background: rgb(239, 243, 255);
    158 }
    159 
    160 .hidden {
    161   display: none;
    162 }
    163 
    164 table.list th {
    165   color: black;
    166   font-weight: bold;
    167   padding: 0 0.5em;
    168   vertical-align: top;
    169   white-space: nowrap;
    170 }
    171 
    172 table.list .firstRow th {
    173   line-height: 100%;
    174   text-align: left;
    175 }
    176 
    177 table.list .secondRow * {
    178   border-bottom: 1px solid rgb(181, 198, 222);
    179   text-align: left;
    180 }
    181 
    182 table.list td {
    183   line-height: 1.4em;
    184   padding: 0.35em 0.5em 0;
    185   vertical-align: top;
    186 }
    187 
    188 table.list tr td:nth-last-child(1),
    189 table.list tr th:nth-last-child(1) {
    190   padding-right: 1em;
    191 }
    192 
    193 table.list:not([class*='filtered']) .tab .name {
    194   padding-left: 1.5em;
    195 }
    196 
    197 table.list .name {
    198   width: 100%;
    199 }
    200 
    201 table.list .name div {
    202   height: 1.6em;
    203   overflow: hidden;
    204   text-overflow: ellipsis;
    205   white-space: nowrap;
    206 }
    207 
    208 table.list .pid {
    209   text-align: right;
    210   width: 4em;
    211 }
    212 
    213 table.list .pid .th {
    214   padding: 0;
    215 }
    216 
    217 table.list .type {
    218   width: 5em;
    219 }
    220 
    221 table.list .number {
    222   text-align: right;
    223   width: 7em;
    224 }
    225 
    226 table.list .total {
    227   font-weight: bold;
    228 }
    229 
    230 table.list .total .name {
    231   color: rgb(49, 93, 148);
    232   text-align: right;
    233 }
    234 
    235 table.list .total td {
    236   background: white !important;
    237   border-top: 1px solid rgb(181, 198, 222);
    238 }
    239 
    240 table.list .noResults {
    241   display: none;
    242 }
    243 
    244 table.list.noResults .noResults {
    245   display: table-row;
    246 }
    247 
    248 table.list .noResults td {
    249   color: #3f3f3f;
    250   padding: 3em 0;
    251   text-align: center;
    252 }
    253 
    254 table.list#browserComparison .name {
    255   background-position: 5px center;
    256   background-repeat: no-repeat;
    257   padding-left: 25px;
    258 }
    259 
    260 div.help {
    261   background: url('../images/help.gif') center bottom no-repeat;
    262   display: inline-block;
    263   height: 14px;
    264   margin: -1px 0;
    265   opacity: 0.33;
    266   width: 14px;
    267 }
    268 
    269 div.help:hover {
    270   opacity: 1;
    271 }
    272 
    273 div.help div {
    274   display: none;
    275 }
    276 
    277 #helpTooltip {
    278   background: rgb(214, 232, 255);
    279   border: 1px solid rgb(168, 207, 255);
    280   border-radius: 0;
    281   box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.33);
    282   font-size: 92%;
    283   line-height: 140%;
    284   max-width: 30em;
    285   padding: 0.3em 0.8em;
    286   position: absolute;
    287   z-index: 1000;
    288 }
    289 
    290 #helpTooltip p {
    291   margin: 0.6em 0;
    292 }
    293 
    294 div.otherbrowsers {
    295   font-size: 84%;
    296   text-align: center;
    297   width: 100%;
    298 }
    299