styleguide/c++/c++11.css

   1 /*
   2  * Copyright 2014 The Chromium Authors. All rights reserved.
   3  * Use of this source code is governed by a BSD-style license that can be
   4  * found in the LICENSE file.
   5  */
   6 html {
   7   margin:0;
   8   padding:0;
   9   border:0;
  10 }
  11
  12 .bp-reset-element,
  13 body,
  14 h1,
  15 h2,
  16 h3,
  17 h4,
  18 h5,
  19 h6,
  20 article,
  21 aside,
  22 details,
  23 figcaption,
  24 figure,
  25 footer,
  26 header,
  27 hgroup,
  28 menu,
  29 nav,
  30 section,
  31 summary,
  32 blockquote,
  33 q,
  34 th,
  35 td,
  36 caption,
  37 table,
  38 div,
  39 span,
  40 object,
  41 iframe,
  42 p,
  43 pre,
  44 a,
  45 abbr,
  46 acronym,
  47 address,
  48 code,
  49 del,
  50 dfn,
  51 em,
  52 img,
  53 dl,
  54 dt,
  55 dd,
  56 ol,
  57 ul,
  58 li,
  59 fieldset,
  60 form,
  61 label,
  62 legend,
  63 caption,
  64 tbody,
  65 tfoot,
  66 thead,
  67 tr {
  68   margin:0;
  69   padding:0;
  70   border:0;
  71   font-weight:inherit;
  72   font-style:inherit;
  73   font-size:100%;
  74   font-family:inherit;
  75   vertical-align:baseline;
  76 }
  77
  78 body {
  79   font-family:'Arial', sans-serif;
  80   font-size:81.25%;
  81   color:#222;
  82   background-color:#fff;
  83   line-height:1.67;
  84   overflow: auto;
  85   margin-right: 100px;
  86   margin-left: 100px;
  87   margin-top: 50px;
  88   margin-bottom: 80px;
  89 }
  90
  91 p {
  92   width:600px;
  93 }
  94
  95 h1,
  96 h2,
  97 p.h2,
  98 h3,
  99 h4,
 100 h5,
 101 h6 {
 102   font-weight:bold;
 103 }
 104
 105 h1 {
 106   margin-bottom:.50em;
 107 }
 108
 109 h2,
 110 p.h2,
 111 h3,
 112 h4,
 113 h5,
 114 h6 {
 115   margin-top:1.5em;
 116   margin-bottom:.75em;
 117 }
 118
 119 h1,header {font-size:192%;}
 120 #gc-content h1 {font-size:2em;}
 121 h2, p.h2 {font-size:167%;}
 122 h3 {font-size:145%;}
 123 h4 {font-size:130%;}
 124 h5 {font-size:110%;}
 125
 126 p {
 127   margin:0 0 1.5em;
 128 }
 129
 130 p .left {
 131   display:inline;
 132   float:left;
 133   margin:1.5em 1.5em 1.5em 0;
 134   padding:0;
 135 }
 136
 137 p .right {
 138   display:inline;
 139   float:right;
 140   margin:1.5em 0 1.5em 1.5em;
 141   padding:0;
 142 }
 143
 144 article,
 145 aside,
 146 details,
 147 figcaption,
 148 figure,
 149 footer,
 150 header,
 151 hgroup,
 152 menu,
 153 nav,
 154 section,
 155 summary {
 156   display:block;
 157 }
 158
 159 blockquote,
 160 q {
 161   quotes:'' '';
 162 }
 163 blockquote:before,
 164 blockquote:after,
 165 q:before,
 166 q:after {
 167   content:'';
 168 }
 169
 170 blockquote {
 171   margin:1.5em;
 172 }
 173
 174 blockquote#nav {
 175   margin-top:0;
 176 }
 177
 178 section {
 179   margin-bottom:1.5em;
 180 }
 181
 182 a[href=''] {
 183   cursor:default;
 184 }
 185
 186 strong,
 187 dfn {
 188   font-weight:bold;
 189 }
 190
 191 em,
 192 dfn {
 193   font-style:italic;
 194 }
 195
 196 sup,
 197 sub {
 198   line-height:0;
 199 }
 200
 201 abbr,
 202 acronym {
 203   border-bottom:1px dotted #666;
 204 }
 205
 206 address {
 207   margin:0 0 1.5em;
 208   font-style:italic;
 209 }
 210
 211 del {
 212   color:#666;
 213 }
 214
 215 pre {
 216   margin:1.5em 0;
 217   white-space:pre;
 218 }
 219
 220 pre,
 221 code,
 222 kbd,
 223 tt {
 224   font:1em 'Droid Sans Mono', monospace;
 225   line-height:1.5;
 226 }
 227
 228 dl {
 229   margin:0 0 1.5em 0;
 230 }
 231
 232 dl dt {
 233   font-weight:bold;
 234 }
 235
 236 dd {
 237   margin-left:1.5em;
 238 }
 239
 240 hr {
 241   height:0;
 242   border:0;
 243   border-top:1px solid #ccc;
 244   background-color:#ccc;
 245 }
 246
 247 table {
 248   border:1px solid #bbb;
 249   border-spacing:0;
 250   border-collapse:collapse;
 251   margin:0 0 1.5em;
 252   vertical-align:middle;
 253   width:100%;
 254 }
 255
 256 table.unlined,
 257 table.unlined th,
 258 table.unlined tr,
 259 table.unlined td {
 260   border:0;
 261 }
 262
 263 th,
 264 td,
 265 caption {
 266   float:none !important;
 267   text-align:left;
 268   font-weight:normal;
 269   vertical-align:middle;
 270   padding:4px;
 271 }
 272
 273 caption {
 274   padding:0;
 275 }
 276
 277 td {
 278   border:1px solid #bbb;
 279   vertical-align:top;
 280 }
 281
 282 th {
 283   border:0;
 284   border-bottom:1px solid black;
 285   font-weight:bold;
 286   background:rgb(229, 236, 249);
 287 }
 288
 289 th:only-of-type {
 290   border-bottom:1px solid rgb(244, 244, 244);
 291   background-color: rgb(238, 238, 238);
 292   vertical-align: top;
 293 }
 294
 295 table th code {
 296   background-color:inherit;
 297   color:inherit;
 298 }
 299
 300 table tfoot th {
 301   border:1px solid #bbb;
 302 }
 303
 304 tfoot {
 305   font-style:italic;
 306 }
 307
 308 caption {
 309   background:#eee;
 310 }
 311
 312 table[border='0'] {
 313   border:none;
 314 }
 315
 316 table[border='0']>tbody>tr>td,
 317 table[border='0']>tr>td {
 318   border:none;
 319 }
 320
 321 tr.alt td,
 322 td.alt {
 323   background-color:#efefef;
 324 }
 325
 326 table.striped tr:nth-child(even) td,
 327 table tr.even td {
 328   background:#efefef;
 329 }
 330
 331 table.columns {
 332   border:none;
 333 }
 334
 335 table.columns>tbody>tr>td,
 336 table.columns>tr>td {
 337   border:none;
 338   padding:0 3em 0 0;
 339 }
 340
 341 table.columns>tbody>tr>td:last-child,
 342 table.columns>tr>td:last-child {
 343   border:none;
 344   padding:0;
 345 }
 346
 347 .two-columns td {
 348   width: 50%;
 349   vertical-align:top;
 350 }
 351
 352 ul,
 353 ol {
 354   margin:0 1.5em 1.5em 0;
 355   padding-left:2em;
 356 }
 357
 358 li ul,
 359 li ol {
 360   margin:0;
 361 }
 362
 363 ul {
 364   list-style-type:disc;
 365 }
 366
 367 ol {
 368   list-style-type:decimal;
 369 }
 370
 371 ul {
 372   list-style-type:disc;
 373 }
 374
 375 ul ul {
 376   list-style-type:circle;
 377 }
 378
 379 ul ul ul {
 380   list-style-type:square;
 381 }
 382
 383 ul.disc {
 384   list-style-type:disc;
 385 }
 386
 387 ul.circle {
 388   list-style-type:circle;
 389 }
 390
 391 ul.square {
 392   list-style-type:square;
 393 }
 394
 395 ol {
 396   list-style-type:decimal;
 397 }
 398
 399 ol ol {
 400   list-style-type:lower-alpha;
 401 }
 402
 403 ol ol ol {
 404   list-style-type:lower-roman;
 405 }
 406
 407 ol ul {
 408   list-style-type:circle;
 409 }
 410
 411 ol.decimal {
 412   list-style-type:decimal;
 413 }
 414
 415 ol.upper-alpha {
 416   list-style-type:upper-alpha;
 417 }
 418
 419 ol.lower-alpha {
 420   list-style-type:lower-alpha;
 421 }
 422
 423 ol.upper-roman {
 424   list-style-type:upper-roman;
 425 }
 426
 427 ol.lower-roman {
 428   list-style-type:lower-roman;
 429 }
 430
 431 ol.nolist,
 432 ul.nolist {
 433   padding-left:0;
 434   list-style-image:none;
 435   list-style-type:none;
 436   margin-left:0;
 437 }
 438
 439 li p {
 440   margin-bottom:0.75em;
 441 }
 442
 443 figure {
 444   margin:0 0 1.5em;
 445   text-align:center;
 446 }
 447
 448 figure.right {
 449   float:right;
 450   margin:5px 1em 1em;
 451 }
 452
 453 figcaption {
 454   font-style:italic;
 455   font-size:90%;
 456   text-align:center;
 457 }
 458
 459 .center {
 460   text-align:center;
 461 }
 462
 463 .clear, .clearboth {
 464   clear:both;
 465 }
 466
 467 .class-done {
 468   padding-top:2em;
 469 }
 470
 471 a.file {
 472   font-family:monospace;
 473   font-size:120%;
 474 }
 475
 476 .navtop {
 477   font-size: xx-small;
 478   float:right;
 479 }
 480
 481 .loud {
 482   font-weight:bold;
 483 }
 484
 485 .quiet {
 486   color:#999;
 487   stress:30;
 488 }
 489
 490 .light-title {
 491   font-size:150%;
 492   border:0;
 493   color:#666;
 494 }
 495
 496 code,
 497 kbd,
 498 pre {
 499   color:#009900;
 500 }
 501
 502 code {
 503   white-space: nowrap;
 504 }
 505
 506 pre > code {
 507   white-space: inherit;
 508 }
 509
 510 kbd {
 511   font-weight: bold;
 512 }
 513
 514 table.striped code {
 515   background-color:inherit;
 516 }
 517
 518 pre {
 519   padding:6px 10px;
 520   background-color:#FAFAFA;
 521   border:1px solid #bbb;
 522   overflow:auto;
 523 }
 524
 525 pre.prettyprint {
 526   padding:6px 10px !important;
 527   border:1px solid #bbb !important;
 528 }
 529
 530 code.bad, code.badcode {
 531   color: magenta;
 532 }
 533
 534 pre.bad, pre.badcode {
 535   background-color:#ffe6d8;
 536   border-top:1px inset #a03;
 537   border-left:1px inset #a03;
 538 }
 539
 540 .codesample {
 541   border-top:1px inset silver;
 542   border-left:1px inset silver;
 543   display:inline-block;
 544   margin-bottom:10px;
 545 }
 546
 547 .codesample pre {
 548   margin-bottom:0;
 549 }
 550
 551 .codesample.good {
 552   border-top:1px inset green;
 553   border-left:1px inset green;
 554   vertical-align: top;
 555 }
 556
 557 .codesample.bad {
 558   border-top:1px inset #a03;
 559   border-left:1px inset #a03;
 560   vertical-align: top;
 561 }
 562
 563 .codesample > p {
 564   margin-bottom: 0;
 565   font-weight: bold;
 566   border: 1px solid #888;
 567   border-bottom: 0;
 568   padding: 0 .25em;
 569 }
 570
 571 .codesample.bad > p {
 572   background-color: #ffeaea;
 573 }
 574
 575 .codesample.bad > p:before {
 576   content: "BAD: ";
 577 }
 578
 579 .codesample.good > p {
 580   background-color: #eaffea;
 581 }
 582
 583 .codesample.good > p:before {
 584     content: "GOOD: ";
 585 }
 586
 587 .codesample.bad > pre {
 588     background-color: #ffe6d8;
 589 }
 590
 591 .codesample > pre {
 592     margin-top: 0;
 593 }
 594
 595 .border {
 596   border:1px solid #aaa;
 597   padding:3px;
 598 }
 599
 600 .expandable {
 601   display:block;
 602   margin-left:16px;
 603   min-height:20px;
 604 }
 605
 606 .expandable .exw-control {
 607   position:absolute;
 608   margin-top:-6px;
 609   margin-left:-16px;
 610   cursor:pointer;
 611   display:block;
 612   text-decoration:none;
 613   color:#222;
 614   font-size:20px;
 615 }
 616
 617 .hide {
 618   display:none !important;
 619 }
 620
 621 .show {
 622   display:block !important;
 623 }
 624
 625 .hidden {
 626   display:none;
 627 }
 628
 629 .invisible {
 630   width:0 !important;
 631   height:0 !important;
 632   border:0 !important;
 633 }
 634
 635 .announcement {
 636   background-color:#FFECBC;
 637   border-radius:2px;
 638   border:1px solid #ffbf68;
 639   padding:10px 20px;
 640   color:#666;
 641   margin-top:10px;
 642   margin-right:16px;
 643 }
 644
 645 .announcement>div strong {
 646   font-size:1.2em;
 647 }
 648
 649 .announcement>div#gc-description a {
 650   text-decoration:underline;
 651 }
 652
 653 .quiet {
 654   color:#919191;
 655 }
 656
 657 .quieter {
 658   color:#ccc;
 659 }
 660
 661 .doublespace,
 662 .doublespace li {
 663   margin-top:1em;
 664   line-height:200%;
 665 }
 666
 667 .yellow {
 668   background-color:#fffbd9;
 669   border-left-color:#ffef70;
 670 }
 671
 672 .orange {
 673   background-color:#FFECBC;
 674   border-left-color:#ffef70;
 675 }
 676
 677 .red {
 678   background-color:#ffe6d8;
 679   border-left-color:#a03;
 680 }
 681
 682
 683 aside.caution,
 684 aside.lapswarning,
 685 aside.note,
 686 aside.special,
 687 aside.tip,
 688 aside.warning {
 689   margin-bottom:1.5em;
 690 }
 691
 692 .note,
 693 .caution,
 694 .tip,
 695 .warning,
 696 .special {
 697   background-color:#efefef;
 698   padding:6px 8px 6px 10px;
 699   border-left:6px solid #999;
 700 }
 701
 702 .note>h4,
 703 .caution>h4,
 704 .tip>h4,
 705 .warning>h4,
 706 .special>h4,
 707 .sidebar>h4,
 708 .special-sidebox>h4{
 709   font-weight:bold;
 710   font-size:1em;
 711   margin:0.125em;
 712 }
 713
 714 .note>p:last-child,
 715 .caution>p:last-child,
 716 .special>p:last-child,
 717 .tip>p:last-child,
 718 .warning>p:last-child {
 719   margin:0;
 720 }
 721
 722 .caution,
 723 .tip {
 724   background-color:#fffbd9;
 725   border-left-color:#ffef70;
 726 }
 727
 728 .warning {
 729   background-color:#ffe6d8;
 730   border-left-color:#a03;
 731 }
 732
 733 .note,
 734 .special {
 735   background-color:#e5ecf9;
 736   border-left-color:#36c;
 737 }
 738
 739 .attention {
 740   color:#990000;
 741   font-weight:bold;
 742 }