Home | History | Annotate | Download | only in google-styleguide
      1 table {
      2   border-collapse: collapse;
      3 }
      4 
      5 td, th {
      6   border: 1px solid #ccc;
      7   padding: 2px 12px;
      8   font-size: 10pt;
      9 }
     10 
     11 code, samp, var {
     12   color: #060;
     13 }
     14 
     15 pre {
     16   font-size: 10pt;
     17   display: block;
     18   color: #060;
     19   background-color: #e8fff6;
     20   border-color: #f0fff0;
     21   border-style: solid;
     22   border-top-width: 1px;
     23   border-bottom-width: 1px;
     24   border-right-width: 1px;
     25   border-left-width: 5px;
     26   padding-left: 12px;
     27   padding-right: 12px;
     28   padding-top: 4px;
     29   padding-bottom: 4px;
     30 }
     31 
     32 pre.badcode {
     33   color: #c00;
     34   background-color: #ffe6d8;
     35   border-color: #fff0f0;
     36 }
     37 
     38 hr {
     39   margin-top: 3.5em;
     40   border-width: 1px;
     41   color: #fff;
     42 }
     43 
     44 html {
     45   margin-top:2em;
     46   margin-left:10%;
     47   margin-right:10%;
     48   padding:0;
     49 }
     50 
     51 .bp-reset-element,
     52 body,
     53 h1,
     54 h2,
     55 h3,
     56 h4,
     57 h5,
     58 h6,
     59 article,
     60 aside,
     61 details,
     62 figcaption,
     63 figure,
     64 footer,
     65 header,
     66 hgroup,
     67 menu,
     68 nav,
     69 section,
     70 summary,
     71 blockquote,
     72 q,
     73 th,
     74 td,
     75 caption,
     76 table,
     77 div,
     78 span,
     79 object,
     80 iframe,
     81 p,
     82 pre,
     83 a,
     84 abbr,
     85 acronym,
     86 address,
     87 code,
     88 del,
     89 dfn,
     90 em,
     91 img,
     92 dl,
     93 dt,
     94 dd,
     95 ol,
     96 ul,
     97 li,
     98 fieldset,
     99 form,
    100 label,
    101 legend,
    102 caption,
    103 tbody,
    104 tfoot,
    105 thead,
    106 tr {
    107   margin:0;
    108   padding:0;
    109   border:0;
    110   font-weight:inherit;
    111   font-style:inherit;
    112   font-size:100%;
    113   font-family:inherit;
    114   vertical-align:baseline;
    115 }
    116 
    117 body {
    118   font-family:'Arial', sans-serif;
    119   font-size:81.25%;
    120   color:#222;
    121   background-color:#fff;
    122   line-height:1.67;
    123   overflow: auto;
    124 }
    125 
    126 .change {
    127   text-align: right;
    128   margin-bottom:1em;
    129 }
    130 
    131 em {
    132   font-style: italic
    133 }
    134 
    135 h1,
    136 h2,
    137 h3,
    138 h4,
    139 h5,
    140 h6 {
    141   font-weight:bold;
    142 }
    143 
    144 h1 {
    145   margin-bottom:.50em;
    146   text-align: center
    147 }
    148 
    149 h2,
    150 h3,
    151 h4,
    152 h5,
    153 h6 {
    154   margin-top:1.5em;
    155   margin-bottom:.75em;
    156 }
    157 
    158 h1 {font-size:200%;}
    159 h2 {font-size:167%;}
    160 h3 {font-size:133%;}
    161 h4 {font-size:120%;}
    162 h5 {font-size:110%;}
    163 
    164 p {
    165   margin:0 0 1.5em;
    166 }
    167 
    168 a[href=''] {
    169   cursor:default;
    170 }
    171 
    172 h1 img,
    173 h2 img,
    174 h3 img,
    175 h4 img,
    176 h5 img,
    177 h6 img {
    178   margin:0;
    179 }
    180 
    181 a img {
    182   border:none;
    183 }
    184 
    185 pre {
    186   margin:1.5em 0;
    187   white-space:pre;
    188 }
    189 
    190 pre,
    191 code,
    192 kbd,
    193 tt {
    194   font:1em 'Droid Sans Mono', monospace;
    195   line-height:1.5;
    196 }
    197 
    198 dl {
    199   margin:0 0 1.5em 0;
    200 }
    201 
    202 dl dt {
    203   font-weight:bold;
    204 }
    205 
    206 dd {
    207   margin-left:1.5em;
    208 }
    209 
    210 dd.toc3 {
    211   margin-left:3em;
    212 }
    213 
    214 hr {
    215   height:0;
    216   border:0;
    217   border-top:1px solid #ccc;
    218   background-color:#ccc;
    219 }
    220 
    221 table {
    222   border:1px solid #bbb;
    223   border-spacing:0;
    224   border-collapse:collapse;
    225   margin:0 0 1.5em;
    226   vertical-align:middle;
    227   width:100%;
    228 }
    229 
    230 table.unlined,
    231 table.unlined th,
    232 table.unlined tr,
    233 table.unlined td {
    234   border:0;
    235 }
    236 
    237 th,
    238 td,
    239 caption {
    240   float:none !important;
    241   text-align:left;
    242   font-weight:normal;
    243   vertical-align:middle;
    244   padding:4px;
    245 }
    246 
    247 caption {
    248   padding:0;
    249 }
    250 
    251 td {
    252   border:1px solid #bbb;
    253   vertical-align:top;
    254 }
    255 
    256 th {
    257   border:0;
    258   border-bottom:1px solid black;
    259   font-weight:bold;
    260   background:rgb(229, 236, 249);
    261 }
    262 
    263 table th code {
    264   background-color:inherit;
    265   color:inherit;
    266 }
    267 
    268 table tfoot th {
    269   border:1px solid #bbb;
    270 }
    271 
    272 tfoot {
    273   font-style:italic;
    274 }
    275 
    276 caption {
    277   background:#eee;
    278 }
    279 
    280 table[border='0'] {
    281   border:none;
    282 }
    283 
    284 table[border='0']>tbody>tr>td,
    285 table[border='0']>tr>td {
    286   border:none;
    287 }
    288 
    289 tr.alt td,
    290 td.alt {
    291   background-color:#efefef;
    292 }
    293 
    294 table.striped tr:nth-child(even) td,
    295 table tr.even td {
    296   background:#efefef;
    297 }
    298 
    299 table.columns {
    300   border:none;
    301 }
    302 
    303 table.columns>tbody>tr>td,
    304 table.columns>tr>td {
    305   border:none;
    306   padding:0 3em 0 0;
    307 }
    308 
    309 table.columns>tbody>tr>td:last-child,
    310 table.columns>tr>td:last-child {
    311   border:none;
    312   padding:0;
    313 }
    314 
    315 ul,
    316 ol {
    317   margin:0 1.5em 1.5em 0;
    318   padding-left:2em;
    319 }
    320 
    321 li ul,
    322 li ol {
    323   margin:0;
    324 }
    325 
    326 ul {
    327   list-style-type:disc;
    328 }
    329 
    330 ol {
    331   list-style-type:decimal;
    332 }
    333 
    334 ul {
    335   list-style-type:disc;
    336 }
    337 
    338 ul ul {
    339   list-style-type:circle;
    340 }
    341 
    342 ul ul ul {
    343   list-style-type:square;
    344 }
    345 
    346 ul.disc {
    347   list-style-type:disc;
    348 }
    349 
    350 ul.circle {
    351   list-style-type:circle;
    352 }
    353 
    354 ul.square {
    355   list-style-type:square;
    356 }
    357 
    358 ol {
    359   list-style-type:decimal;
    360 }
    361 
    362 ol ol {
    363   list-style-type:lower-alpha;
    364 }
    365 
    366 ol ol ol {
    367   list-style-type:lower-roman;
    368 }
    369 
    370 ol ul {
    371   list-style-type:circle;
    372 }
    373 
    374 ol.decimal {
    375   list-style-type:decimal;
    376 }
    377 
    378 ol.upper-alpha {
    379   list-style-type:upper-alpha;
    380 }
    381 
    382 ol.lower-alpha {
    383   list-style-type:lower-alpha;
    384 }
    385 
    386 ol.upper-roman {
    387   list-style-type:upper-roman;
    388 }
    389 
    390 ol.lower-roman {
    391   list-style-type:lower-roman;
    392 }
    393 
    394 ol.nolist,
    395 ul.nolist {
    396   padding-left:0;
    397   list-style-image:none;
    398   list-style-type:none;
    399   margin-left:0;
    400 }
    401 
    402 .center {
    403   text-align:center;
    404 }
    405 
    406 code,
    407 kbd,
    408 pre {
    409   color:#009900;
    410 }
    411 
    412 kbd {
    413   font-weight: bold;
    414 }
    415 
    416 table.striped code {
    417   background-color:inherit;
    418 }
    419 
    420 pre {
    421   padding:6px 10px;
    422   background-color:#FAFAFA;
    423   border:1px solid #bbb;
    424   overflow:auto;
    425 }
    426 
    427 pre.prettyprint {
    428   padding:6px 10px !important;
    429   border:1px solid #bbb !important;
    430 }
    431 
    432 code.bad, code.badcode {
    433   color: magenta;
    434 }
    435 pre.bad, pre.badcode {
    436   background-color:#ffe6d8;
    437   border-top:1px inset #a03;
    438   border-left:1px inset #a03;
    439 }
    440 
    441 .tip {
    442   background-color:#fffbd9;
    443   padding:6px 8px 6px 10px;
    444   border-left:6px solid #ffef70;
    445 }
    446 
    447 .note {
    448   background-color:#e5ecf9;
    449   padding:6px 8px 6px 10px;
    450   border-left:6px solid #36c;
    451 }
    452 
    453 @media print {
    454 
    455   .str {
    456     color:#060;
    457   }
    458 
    459   .kwd {
    460     color:#006;
    461     font-weight:bold;
    462   }
    463 
    464   .com {
    465     color:#600;
    466     font-style:italic;
    467   }
    468 
    469   .typ {
    470     color:#404;
    471     font-weight:bold;
    472   }
    473 
    474   .lit {
    475     color:#044;
    476   }
    477 
    478   .pun,
    479   .opn,
    480   .clo {
    481     color:#440;
    482   }
    483 
    484   .pln {
    485     color:#000;
    486   }
    487 
    488   .tag {
    489     color:#006;
    490     font-weight:bold;
    491   }
    492 
    493   .atn {
    494     color:#404;
    495   }
    496 
    497   .atv {
    498     color:#060;
    499   }
    500 
    501   h1 {
    502     font-style:italic;
    503   }
    504 }
    505 
    506 ol.linenums {
    507   margin-top:0;
    508   margin-bottom:0;
    509 }
    510 
    511 code {
    512   background-color:#FAFAFA;
    513   padding: 0.25em 0.5em;
    514   white-space: nowrap
    515 }
    516 
    517 
    518 /* TOC CSS */
    519 
    520 table.columns {
    521   border: none;
    522 }
    523 
    524 td.two_columns {
    525   -webkit-column-count: 2;
    526   column-count: 2;
    527 }
    528 
    529 .toc_category {
    530   font-size: 10pt;
    531   padding-top: 1em;
    532   padding-bottom: 1em;
    533   border-left-width: 2px;
    534   border-right-width: 2px;
    535   border-color: grey;
    536 }
    537 
    538 .toc_stylepoint {
    539   font-size: 10pt;
    540   padding-top: 1em;
    541   padding-bottom: 1em;
    542 }
    543 
    544 li.toc_entry {
    545   padding-right: 1em;
    546   display: inline;
    547   list-style-type: none;
    548 }
    549 
    550 /*
    551  * This space is required to trigger the linewrap on the links
    552  * at href boundaries
    553  */
    554 li.toc_entry::after {
    555     content: " ";
    556   }
    557 
    558 li.toc_entry a {
    559   white-space: nowrap;
    560 }
    561 
    562 /* Horizontal TOC */
    563 .toc td, .toc th {
    564   border-width: 1px 5px;
    565   overflow: hidden;
    566 }
    567 
    568 /* Vertical TOC */
    569 
    570 .toc td.two_columns {
    571   border-width: 0px;
    572 }
    573