Home | History | Annotate | Download | only in css
      1 /* Copyright (c) 2014 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 /* GENERAL */
      6 .inline-toc ul, .inline-toc ol {list-style-type: none;}
      7 .small-gap                     {margin-top: 0.5em;}
      8 .small-gap li, dt              {margin-top: 1em;}
      9 .no-gap                        {margin-bottom: 0;}
     10 .no-gap-li li                  {margin-top: 0;}
     11 .indent                        {margin-left: 40px;}
     12 .indent-small                  {margin-left: 20px;}
     13 
     14 table {width: auto;}
     15 .showcase, .showcase-list {margin: auto;}
     16 body table.showcase td {text-align: center; vertical-align: middle;}
     17 .showcase-list th, .generic th {text-align: center;}
     18 .showcase-list tbody th, .generic tbody th {text-align: left;}
     19 body table.showcase-list td {vertical-align: middle;}
     20 table.showcase td.empty {border-bottom-style: hidden; border-right-style: hidden;}
     21 table.showcase-list td.top-left, table.generic td.top-left {border-top-style: hidden; border-left-style: hidden;}
     22 th.center {text-align: center;}
     23 
     24 .showcase img.hold {opacity: 0.5;}
     25 .showcase span.hold {color: #888;}
     26 .col3 td {width: 33%;}
     27 .col4 td {width: 25%;}
     28 .col5 td {width: 20%;}
     29 .kd-butterbar.shown.pepper-version {text-align: right; top: 150px; right: 44px; width: 31em;}
     30 .kd-butterbar.shown.pepper-version span {background-color: #E5ECF9; border: 1px solid #36C;}
     31 .kd-butterbar.shown.pepper-version span.deprecated {background-color: #FCC; border: 1px solid #A03;}
     32 .kd-butterbar.shown.special-announcement {text-align: right; /* top: 185px; */ top: 150px; right: 44px; width: 31em;}
     33 .kd-butterbar.shown.special-announcement span {background-color: #F9EDBE; border: 1px solid #F0C36D;}
     34 
     35 /* HOME PAGE */
     36 .features section h3   {font-weight: bold; margin-bottom: 0.2em; margin-top: 0;}
     37 .features section p    {margin-bottom: 0;}
     38 p.date                 {margin-top: 0; margin-bottom: 0.5em; font-style: italic;}
     39 blockquote.indent-only {font-style: normal; color: #000; }
     40 #home .button-nacl {
     41     border-top: 1px solid #96d1f8;
     42     background: #65a9d7;
     43     background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
     44     background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
     45     background: -moz-linear-gradient(top, #3e779d, #65a9d7);
     46     background: -ms-linear-gradient(top, #3e779d, #65a9d7);
     47     background: -o-linear-gradient(top, #3e779d, #65a9d7);
     48     padding: 5px 10px;
     49     -webkit-border-radius: 5px;
     50     -moz-border-radius: 5px;
     51     border-radius: 5px;
     52     -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
     53     -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
     54     box-shadow: rgba(0,0,0,1) 0 1px 0;
     55     text-shadow: rgba(0,0,0,.4) 0 1px 0;
     56     color: white;
     57     font-size: 18px;
     58     text-decoration: none;
     59     vertical-align: middle;
     60     }
     61 #home .button-nacl:visited {
     62     color: #fff;
     63     }
     64 #home .button-nacl:hover {
     65     border-top-color: #28597a;
     66     background: #28597a;
     67     color: #ccc;
     68     }
     69 #home .button-nacl:active {
     70     border-top-color: #1b435e;
     71     background: #1b435e;
     72     }
     73 #home .button-download {
     74     float: right;
     75     margin: 2em 4em;
     76     }
     77 #home .big-intro {
     78     font-size: 16px;
     79     }
     80 #home iframe.video {
     81     display: block;
     82     margin: 1em auto 0;
     83     }
     84 #home .left-side {
     85     float: left;
     86     width: 54%;
     87     background-color: #FFF;
     88     }
     89 #home .left-side-inner {
     90     padding-right: 40px;
     91     }
     92 #home .pull-quote {
     93     background-color: #f5f5f5;
     94     border-bottom: 1px solid;
     95     border-top: 1px solid;
     96     font-size: 14px;
     97     float: right;
     98     margin: .5em 2em 2em 2em;
     99     padding: 1em;
    100 }
    101 #home .right-side {
    102     float: right;
    103     width: 54%;
    104     background-color: #FFF;
    105     }
    106 #home .right-side-inner {
    107     padding-left: 40px;
    108     }
    109 
    110 /* CSS for the Release Notes page */
    111 .functions {list-style-type: none;}
    112 li.gap, .gap li {margin-top: 1.5em;}
    113 .gap li li {margin-top: 0.2em;}
    114 
    115 /*
    116  * The #doxygen-ref is an id tag which encompasses code generated by doxygen
    117  * and allows override of standard html tags while not affecting the rest
    118  * of the page such as sidebars.
    119  */
    120 
    121 #doxygen-ref table {
    122   margin: 0;
    123 }
    124 
    125 #doxygen-ref td {
    126   border: none;
    127 }
    128 
    129 #doxygen-ref tr {
    130   border: none;
    131 }
    132 
    133 #doxygen-ref .memitem {
    134   margin-top: 2em;
    135 }
    136 
    137 #doxygen-ref .memproto {
    138   background-color: #e1e1e4;
    139   border: 1px solid #e1e1f4;
    140   font-weight: bold;
    141   border-radius: 8px;
    142   -moz-border-radius: 8px;
    143   -webkit-border-radius: 8px;
    144 }
    145 
    146 /*
    147 TODO(binji): remove
    148 
    149 This is the old doxygen CSS formatting from devsite. It causes problems on many
    150 pages, but it is probably useful to keep around while we are transitioning to
    151 chromesite.
    152 
    153 #doxygen-ref A.el {
    154   text-decoration: none;
    155   font-weight: bold;
    156   text-align:left;
    157 
    158 }
    159 
    160 #doxygen-ref A.code:link,
    161 A.code:visited {
    162   text-decoration: none;
    163   font-weight: normal;
    164   color: #00F;
    165 }
    166 #doxygen-ref A.codeRef:link,
    167 A.codeRef:visited {
    168   font-weight: normal;
    169   color: #00F;
    170 }
    171 #doxygen-ref A:hover {
    172   text-decoration: none;
    173   background-color: #f2f2ff;
    174 }
    175 
    176 #doxygen-ref DL.el {
    177   margin-left: -1cm;
    178 }
    179 #doxygen-ref .fragment {
    180   font-family: Fixed, monospace;
    181   font-size: 95%;
    182 }
    183 #doxygen-ref PRE.fragment {
    184   border: 1px solid #CCC;
    185   background-color: #f5f5f5;
    186   margin: 4px 8px 4px 2px
    187   padding: 4px 6px;
    188 }
    189 
    190 #doxygen-ref TD {
    191         margin: 0;
    192         padding: 0;
    193 }
    194 
    195 #doxygen-ref TD.memname {
    196         width: 50%;
    197 }
    198 
    199 #doxygen-ref TD.paramtype {
    200         width: auto;
    201 
    202 }
    203 
    204 #doxygen-ref TD.md {
    205   background-color: #e1e1e4;
    206   font-weight: bold;
    207   border: none;
    208 }
    209 
    210 #doxygen-ref .memberdecls {
    211         border: "0";
    212 }
    213 
    214 #doxygen-ref .memitem {
    215   padding: 4px;
    216   background-color: #ffff;
    217 }
    218 
    219 #doxygen-ref .memItemLeft {
    220   white-space: nowrap;
    221 }
    222 
    223 #doxygen-ref .memItemRight {
    224   white-space: nowrap;
    225 }
    226 
    227 #doxygen-ref .memname {
    228   background-color: #e1e1e4;
    229   white-space: nowrap;
    230   font-weight: bold;
    231 }
    232 #doxygen-ref .memdoc{
    233   padding-left: 10px;
    234 }
    235 #doxygen-ref div.memproto td {
    236   background-color: #e1e1e4;
    237 }
    238 #doxygen-ref .memproto {
    239   background-color: #e1e1e4;
    240   width: auto;
    241   border-width: 1px;
    242   border-style: solid;
    243   border-color: #e1e1f4;
    244   font-weight: bold;
    245   -moz-border-radius: 8px 8px 8px 8px;
    246 }
    247 #doxygen-ref .memproto .deprecated,
    248 .memname .deprecated,
    249 .summary .deprecated {
    250   color: red;
    251 }
    252 #doxygen-ref .paramkey {
    253   text-align: right;
    254 }
    255 #doxygen-ref .paramtype {
    256   white-space: nowrap;
    257 }
    258 #doxygen-ref .paramname {
    259   color: #602020;
    260   font-style: italic;
    261   white-space: nowrap;
    262 }
    263 #doxygen-ref DIV.groupHeader {
    264   margin: 12px 16px 6px auto;
    265   font-weight: bold;
    266 }
    267 
    268 #doxygen-ref TR.memlist {
    269   background-color: #f0f0f0;
    270 }
    271 
    272 #doxygen-ref table.memname {
    273         width: auto;
    274 }
    275 
    276 #doxygen-ref td.memname {
    277         width: auto;
    278 }
    279 
    280 #doxygen-ref table.memname td {
    281         padding: 0 2px;
    282 }
    283 
    284 #doxygen-ref .memberdecls td {
    285         width: auto;
    286         border: none;
    287 }
    288 
    289 #doxygen-ref th {
    290   font-size: 16px;
    291   background-color: #DDD;
    292   padding: 0 4px;
    293 }
    294 
    295 #doxygen-ref SPAN.keyword,
    296 SPAN.keywordflow {
    297   color: #008000;
    298 }
    299 #doxygen-ref SPAN.keywordtyp {
    300   color: #604020;
    301 }
    302 #doxygen-ref SPAN.comment {
    303   color: #800000;
    304 }
    305 #doxygen-ref SPAN.preprocessor {
    306   color: #806020;
    307 }
    308 #doxygen-ref SPAN.stringliteral {
    309   color: #002080;
    310 }
    311 #doxygen-ref SPAN.charliteral {
    312   color: #008080;
    313 }
    314 
    315 #doxygen-ref .mdescLeft,
    316 #doxygen-ref .mdescRight {
    317   padding: 0 8px 4px 8px;
    318   font-size: 80%;
    319   font-style: italic;
    320   background-color: #FAFAFA;
    321   border: 1px none #E0E0E0;
    322   margin: 0;
    323 }
    324 #doxygen-ref .search {
    325   color: #039;
    326   font-weight: bold;
    327 }
    328 
    329 #doxygen-ref HR {
    330   height: 1px;
    331   border: none;
    332   display: none;
    333 }
    334 #doxygen-ref table,
    335 #doxygen-ref td,
    336 #doxygen-ref tr {
    337   border:none;
    338   width: auto;
    339   text-align: left;
    340   padding: 10px;
    341   margin-bottom: 0;
    342 }
    343 #doxygen-ref .contents H1 {
    344   text-align: center;
    345   background-color: #ffffff;
    346   border: 0;
    347 }
    348 
    349 #doxygen-ref CAPTION {
    350   font-weight: bold;
    351 }
    352 #doxygen-ref .contents .summary {
    353   line-height: 1em;
    354 }
    355 #doxygen-ref .contents .summary TD {
    356 }
    357 #doxygen-ref .contents .summary .type {
    358   text-align: right;
    359 }
    360 #doxygen-ref .memdoc {
    361   padding-left: 30px;
    362 }
    363 #doxygen-ref .memitem {
    364   border-top:1px solid #E5ECF9;
    365   border:none;
    366 }
    367 #doxygen-ref .doxygen-global {
    368   background-color: #ffcc66;
    369 }
    370 
    371 */
    372