clang-tools-extra/clang-doc/assets/clang-doc-default-stylesheet.css

   1 .dark-primary-color    { background: #1976D2; }
   2 .default-primary-color { background: #2196F3; }
   3 .light-primary-color   { background: #BBDEFB; }
   4 .text-primary-color    { color: #FFFFFF; }
   5 .accent-color          { background: #00BCD4; }
   6 .primary-text-color    { color: #212121; }
   7 .secondary-text-color  { color: #727272; }
   8 .divider-color         { border-color: #B6B6B6; }
   9
  10 /* for layout */
  11 html,
  12 body {
  13   margin: 0;
  14   padding: 0;
  15   height: 100%;
  16   width: 100%;
  17   overflow: hidden;
  18   box-sizing: border-box;
  19 }
  20
  21 *, *:before, *:after {
  22   box-sizing: inherit;
  23 }
  24
  25 body {
  26   display: flex;
  27   flex-direction: column;
  28   min-height: 100vh;
  29 }
  30
  31 header {
  32   flex: 0 0 50px;
  33   display: flex;
  34   flex-direction: row;
  35   align-items: center;
  36   padding-left: 30px;
  37 }
  38
  39 header ol {
  40   list-style: none;
  41   margin: 0;
  42   padding: 0;
  43 }
  44
  45 header ol li {
  46   display: inline;
  47 }
  48
  49 header form {
  50   display: flex;
  51   flex: 1;
  52   justify-content: flex-end;
  53   padding-right: 30px;
  54 }
  55
  56 header#header-search-sidebar {
  57   height: 50px;
  58   margin-bottom: 25px;
  59 }
  60
  61 footer {
  62   flex: 0 0 16px;
  63   text-align: center;
  64   padding: 16px 20px;
  65 }
  66
  67 main {
  68   flex: 1;
  69   display: flex;
  70   flex-direction: row;
  71   padding: 20px;
  72   min-height: 0;
  73 }
  74
  75 .sidebar-offcanvas-left {
  76   flex: 0 1 230px;
  77   overflow-y: scroll;
  78   padding: 20px 0 15px 30px;
  79   margin: 5px 20px 0 0;
  80   visibility: visible; /* shown by Javascript after scroll position restore */
  81 }
  82
  83 ::-webkit-scrollbar-button{ display: none; height: 13px; border-radius: 0px; background-color: #AAA; }
  84 ::-webkit-scrollbar-button:hover{ background-color: #AAA; }
  85 ::-webkit-scrollbar-thumb{ background-color: #CCC; }
  86 ::-webkit-scrollbar-thumb:hover{ background-color: #CCC; }
  87 ::-webkit-scrollbar{ width: 4px; }
  88 /* ::-webkit-overflow-scrolling: touch; */
  89
  90 .main-content::-webkit-scrollbar{ width: 8px; }
  91
  92 .main-content {
  93   flex: 1;
  94   overflow-y: scroll;
  95   padding: 10px 20px 0 20px;
  96   visibility: visible; /* shown by Javascript after scroll position restore */
  97 }
  98
  99 .sidebar-offcanvas-right {
 100   flex: 0 1 12em;
 101   overflow-y: scroll;
 102   padding: 20px 15px 15px 15px;
 103   margin-top: 5px;
 104   margin-right: 20px;
 105   visibility: visible; /* shown by Javascript after scroll position restore */
 106 }
 107 /* end for layout */
 108
 109 body {
 110   -webkit-text-size-adjust: 100%;
 111   overflow-x: hidden;
 112   font-family: Roboto, sans-serif;
 113   font-size: 16px;
 114   line-height: 1.42857143;
 115   color: #111111;
 116   background-color: #fff;
 117 }
 118
 119 /* some of this is to reset bootstrap */
 120 nav.navbar {
 121   background-color: inherit;
 122   min-height: 50px;
 123   border: 0;
 124 }
 125
 126 @media (max-width: 768px) {
 127   .hidden-xs {
 128     display: none !important;
 129   }
 130 }
 131
 132 @media (min-width: 769px) {
 133   .hidden-l {
 134     display: none !important;
 135   }
 136 }
 137
 138 nav.navbar .row {
 139   padding-top: 8px;
 140 }
 141
 142 nav .container {
 143   white-space: nowrap;
 144 }
 145
 146 header {
 147   background-color: #eeeeee;
 148   box-shadow: 0 3px 5px rgba(0,0,0,0.1);
 149 }
 150
 151 header#project-title {
 152   background-color: #fff;
 153   font-size: 200%;
 154   padding-top: 0.25em;
 155   padding-bottom: 0.25em;
 156   /* padding: 0em; */
 157 }
 158
 159 header.header-fixed nav.navbar-fixed-top {
 160   box-shadow: 0 3px 5px rgba(0,0,0,0.1);
 161 }
 162
 163 header.container-fluid {
 164   padding: 0;
 165 }
 166
 167 header .masthead {
 168   padding-top: 64px;
 169 }
 170
 171 header .contents {
 172   padding: 0;
 173 }
 174
 175 @media screen and (max-width:768px) {
 176   header .contents {
 177     padding-left: 15px;
 178     padding-right: 15px;
 179   }
 180 }
 181
 182 a {
 183   text-decoration: none;
 184 }
 185
 186 .body {
 187   margin-top: 90px;
 188 }
 189
 190 section {
 191   margin-bottom: 36px;
 192 }
 193
 194 dl {
 195   margin: 0;
 196 }
 197
 198 h1,
 199 h2,
 200 h3,
 201 h4,
 202 h5,
 203 h6 {
 204   font-family: Roboto, sans-serif;
 205   font-weight: 400;
 206   margin-top: 1.5em;
 207   color: #111111;
 208 }
 209
 210 h1.title {
 211   overflow: hidden;
 212   text-overflow: ellipsis;
 213 }
 214
 215 h1 {
 216   font-size: 37px;
 217   margin-top: 0;
 218   margin-bottom: 0.67em;
 219 }
 220
 221 h2 {
 222   font-size: 28px;
 223 }
 224
 225 h5 {
 226   font-size: 16px;
 227 }
 228
 229 .subtitle {
 230   font-size: 17px;
 231   min-height: 1.4em;
 232 }
 233
 234 .title-description .subtitle {
 235   white-space: nowrap;
 236   overflow-x: hidden;
 237   text-overflow: ellipsis;
 238 }
 239
 240 p {
 241   margin-bottom: 1em;
 242   margin-top: 0;
 243 }
 244
 245 a {
 246   color: #0175C2;
 247 }
 248
 249 a:hover {
 250   color: #13B9FD;
 251 }
 252
 253 pre.prettyprint {
 254   font-family: 'Source Code Pro', Menlo, monospace;
 255   color: black;
 256   border-radius: 0;
 257   font-size: 15px;
 258   word-wrap: normal;
 259   line-height: 1.4;
 260   border: 0;
 261   margin: 16px 0 16px 0;
 262   padding: 8px;
 263 }
 264
 265 pre code {
 266   white-space: pre;
 267   word-wrap: initial;
 268   font-size: 100%
 269 }
 270
 271 .fixed {
 272   white-space: pre;
 273 }
 274
 275 pre {
 276   border: 1px solid #ddd;
 277   background-color: #eee;
 278   font-size: 14px;
 279 }
 280
 281 code {
 282   font-family: 'Source Code Pro', Menlo, monospace;
 283   /* overriding bootstrap */
 284   color: inherit;
 285   padding: 0.2em 0.4em;
 286   font-size: 85%;
 287   background-color: rgba(27,31,35,0.05);
 288   border-radius: 3px;
 289 }
 290
 291 @media(max-width: 768px) {
 292   nav .container {
 293     width: 100%
 294   }
 295
 296   h1 {
 297     font-size: 24px;
 298   }
 299
 300   pre {
 301     margin: 16px 0;
 302   }
 303 }
 304
 305 @media (min-width: 768px) {
 306   ul.subnav li {
 307     font-size: 17px;
 308   }
 309 }
 310
 311 header h1 {
 312   font-weight: 400;
 313   margin-bottom: 16px;
 314 }
 315
 316 header a,
 317 header p,
 318 header li {
 319   color: #111111;
 320 }
 321
 322 header a:hover {
 323   color: #0175C2;
 324 }
 325
 326 header h1 .kind {
 327   color: #555;
 328 }
 329
 330 dt {
 331   font-weight: normal;
 332 }
 333
 334 dd {
 335   color: #212121;
 336   margin-bottom: 1em;
 337   margin-left: 0;
 338 }
 339
 340 dd.callable, dd.constant, dd.property {
 341   margin-bottom: 24px;
 342 }
 343
 344 dd p {
 345   overflow-x: hidden;
 346   text-overflow: ellipsis;
 347   margin-bottom: 0;
 348 }
 349
 350 /* indents wrapped lines */
 351 section.summary dt {
 352   margin-left: 24px;
 353   text-indent: -24px;
 354 }
 355
 356 .dl-horizontal dd {
 357   margin-left: initial;
 358 }
 359
 360 dl.dl-horizontal dt {
 361   font-style: normal;
 362   text-align: left;
 363   color: #727272;
 364   margin-right: 20px;
 365   width: initial;
 366 }
 367
 368 dt .name {
 369   font-weight: 500;
 370 }
 371
 372 dl dt.callable .name {
 373   float: none;
 374   width: auto;
 375 }
 376
 377 .parameter {
 378   white-space: nowrap;
 379 }
 380
 381 .type-parameter {
 382   white-space: nowrap;
 383 }
 384
 385 .multi-line-signature .type-parameter .parameter {
 386   margin-left: 0px;
 387   display: unset;
 388 }
 389
 390 .signature {
 391   color: #727272;
 392 }
 393
 394 .signature a {
 395   /* 50% mix of default-primary-color and primary-text-color. */
 396   color: #4674a2;
 397 }
 398
 399 .optional {
 400   font-style: italic;
 401 }
 402
 403 .undocumented {
 404   font-style: italic;
 405 }
 406
 407 .is-const {
 408   font-style: italic;
 409 }
 410
 411 .deprecated {
 412   text-decoration: line-through;
 413 }
 414
 415 .category.linked {
 416   font-weight: bold;
 417   opacity: 1;
 418 }
 419
 420 /* Colors for category based on categoryOrder in dartdoc_options.config. */
 421 .category.cp-0 {
 422   background-color: #54b7c4
 423 }
 424
 425 .category.cp-1 {
 426   background-color: #54c47f
 427 }
 428
 429 .category.cp-2 {
 430   background-color: #c4c254
 431 }
 432
 433 .category.cp-3 {
 434   background-color: #c49f54
 435 }
 436
 437 .category.cp-4 {
 438   background-color: #c45465
 439 }
 440
 441 .category.cp-5 {
 442   background-color: #c454c4
 443 }
 444
 445 .category a {
 446   color: white;
 447 }
 448
 449 .category {
 450   padding: 2px 4px;
 451   font-size: 12px;
 452   border-radius: 4px;
 453   background-color: #999;
 454   text-transform: uppercase;
 455   color: white;
 456   opacity: .5;
 457 }
 458
 459 h1 .category {
 460   vertical-align: middle;
 461 }
 462
 463 .source-link {
 464   padding: 18px 4px;
 465   vertical-align: middle;
 466 }
 467
 468 .source-link .material-icons {
 469   font-size: 18px;
 470 }
 471
 472 @media (max-width: 768px) {
 473   .source-link {
 474     padding: 7px 2px;
 475     font-size: 10px;
 476   }
 477 }
 478
 479 #external-links {
 480   float: right;
 481 }
 482
 483 .btn-group {
 484   position: relative;
 485   display: inline-flex;
 486   vertical-align: middle;
 487 }
 488
 489 p.firstline {
 490   font-weight: bold;
 491 }
 492
 493 footer {
 494   color: #fff;
 495   background-color: #111111;
 496   width: 100%;
 497 }
 498
 499 footer p {
 500   margin: 0;
 501 }
 502
 503 footer .no-break {
 504   white-space: nowrap;
 505 }
 506
 507 footer .container,
 508 footer .container-fluid {
 509   padding-left: 0;
 510   padding-right: 0;
 511 }
 512
 513 footer a, footer a:hover {
 514   color: #fff;
 515 }
 516
 517 .markdown.desc {
 518   max-width: 700px;
 519 }
 520
 521 .markdown h1 {
 522   font-size: 24px;
 523   margin-bottom: 8px;
 524 }
 525
 526 .markdown h2 {
 527   font-size: 20px;
 528   margin-top: 24px;
 529   margin-bottom: 8px;
 530 }
 531
 532 .markdown h3 {
 533   font-size: 18px;
 534   margin-bottom: 8px;
 535 }
 536
 537 .markdown h4 {
 538   font-size: 16px;
 539   margin-bottom: 0;
 540 }
 541
 542 .markdown li p {
 543   margin: 0;
 544 }
 545
 546 .gt-separated {
 547   list-style: none;
 548   padding: 0;
 549   margin: 0;
 550 }
 551
 552 .gt-separated li {
 553   display: inline-block;
 554 }
 555
 556 .gt-separated li:before {
 557   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23DDDDDD' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>");
 558   background-position: center;
 559   content: "\00a0";
 560   margin: 0 6px 0 4px;
 561   padding: 0 3px 0 0;
 562 }
 563
 564 .gt-separated.dark li:before {
 565   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23727272' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>");
 566 }
 567
 568 .gt-separated li:first-child:before {
 569   background-image: none;
 570   content: "";
 571   margin: 0;
 572 }
 573
 574 /* The slug line under a declaration for things like "const", "read-only", etc. */
 575 .features {
 576   font-style: italic;
 577   color: #727272;
 578 }
 579
 580 .multi-line-signature {
 581   font-size: 17px;
 582   color: #727272;
 583 }
 584
 585 .multi-line-signature .parameter {
 586   margin-left: 24px;
 587   display: block;
 588 }
 589
 590 .breadcrumbs {
 591   padding: 0;
 592   margin: 8px 0 8px 0;
 593   white-space: nowrap;
 594   line-height: 1;
 595 }
 596
 597 @media screen and (min-width: 768px) {
 598   nav ol.breadcrumbs {
 599     float: left;
 600   }
 601 }
 602
 603 @media screen and (max-width: 768px) {
 604   .breadcrumbs {
 605     margin: 0 0 24px 0;
 606     overflow-x: hidden;
 607   }
 608 }
 609
 610 .self-crumb {
 611   color: #555;
 612 }
 613
 614 .self-name {
 615   color: #555;
 616   display: none;
 617 }
 618
 619 .annotation-list {
 620   list-style: none;
 621   padding: 0;
 622   display: inline;
 623 }
 624
 625 .comma-separated {
 626   list-style: none;
 627   padding: 0;
 628   display: inline;
 629 }
 630
 631 .comma-separated li {
 632   display: inline;
 633 }
 634
 635 .comma-separated li:after {
 636   content: ", ";
 637 }
 638
 639 .comma-separated li:last-child:after {
 640   content: "";
 641 }
 642
 643 .end-with-period li:last-child:after {
 644   content: ".";
 645 }
 646
 647 .container > section:first-child {
 648   border: 0;
 649 }
 650
 651 .constructor-modifier {
 652   font-style: italic;
 653 }
 654
 655 section.multi-line-signature div.parameters {
 656   margin-left: 24px;
 657 }
 658
 659 /* subnav styles */
 660
 661 ul.subnav {
 662   overflow: auto;
 663   white-space: nowrap;
 664   padding-left: 0;
 665   min-height: 25px;
 666 }
 667
 668 ul.subnav::-webkit-scrollbar {
 669   display: none;
 670 }
 671
 672 ul.subnav li {
 673   display: inline-block;
 674   text-transform: uppercase;
 675 }
 676
 677 ul.subnav li a {
 678   color: #111;
 679 }
 680
 681 ul.subnav li {
 682   margin-right: 24px;
 683 }
 684
 685 ul.subnav li:last-of-type {
 686   margin-right: 0;
 687 }
 688
 689 @media(max-width: 768px) {
 690   ul.subnav li {
 691     margin-right: 16px;
 692   }
 693 }
 694
 695 /* sidebar styles */
 696
 697 .sidebar ol {
 698   list-style: none;
 699   line-height: 22px;
 700   margin-top: 0;
 701   margin-bottom: 0;
 702   padding: 0 0 15px 0;
 703 }
 704
 705 .sidebar h5 a,
 706 .sidebar h5 a:hover {
 707   color: #727272;
 708 }
 709
 710 .sidebar h5,
 711 .sidebar ol li {
 712   text-overflow: ellipsis;
 713   overflow: hidden;
 714   padding: 3px 0;
 715 }
 716
 717 .sidebar h5 {
 718   color: #727272;
 719   font-size: 18px;
 720   margin: 0 0 25px 0;
 721   padding-top: 0;
 722 }
 723
 724 .sidebar ol li.section-title {
 725   font-size: 18px;
 726   font-weight: normal;
 727   text-transform: uppercase;
 728   padding-top: 25px;
 729 }
 730
 731 .sidebar ol li.section-subtitle a {
 732   color: inherit;
 733 }
 734
 735 .sidebar ol li.section-subtitle {
 736   font-weight: 400;
 737   text-transform: uppercase;
 738 }
 739
 740 .sidebar ol li.section-subitem {
 741   margin-left: 12px;
 742 }
 743
 744 .sidebar ol li:first-child {
 745   padding-top: 0;
 746   margin-top: 0;
 747 }
 748
 749 button {
 750   padding: 0;
 751 }
 752
 753 #sidenav-left-toggle {
 754   display: none;
 755   vertical-align: text-bottom;
 756   padding: 0;
 757 }
 758
 759 /* left-nav disappears, and can transition in from the left */
 760 @media screen and (max-width:768px) {
 761   #sidenav-left-toggle {
 762     display: inline;
 763     background: no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='%23111' d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/></svg>");
 764     background-position: center;
 765     width: 24px;
 766     height: 24px;
 767     border: none;
 768     margin-right: 24px;
 769   }
 770
 771   #overlay-under-drawer.active {
 772     opacity: 0.4;
 773     height: 100%;
 774     z-index: 1999;
 775     position: fixed;
 776     top: 0;
 777     left: 0;
 778     right: 0;
 779     bottom: 0;
 780     background-color: black;
 781     display: block;
 782   }
 783
 784   .sidebar-offcanvas-left {
 785     left: -100%;
 786     position: fixed;
 787     -webkit-transition:all .25s ease-out;
 788     -o-transition:all .25s ease-out;
 789     transition:all .25s ease-out;
 790     z-index: 2000;
 791     top: 0;
 792     width: 280px; /* works all the way down to an iphone 4 */
 793     height: 90%;
 794     background-color: white;
 795     overflow-y: scroll; /* TODO: how to hide scroll bars? */
 796     padding: 10px;
 797     margin: 10px 10px;
 798     box-shadow: 5px 5px 5px 5px #444444;
 799     visibility: hidden; /* shown by Javascript after scroll position restore */
 800   }
 801
 802   ol#sidebar-nav {
 803     font-size: 18px;
 804     white-space: pre-line;
 805   }
 806
 807   .sidebar-offcanvas-left.active {
 808     left: 0; /* this animates our drawer into the page */
 809   }
 810
 811   .self-name {
 812     display: inline-block;
 813   }
 814 }
 815
 816 .sidebar-offcanvas-left h5 {
 817   margin-bottom: 10px;
 818 }
 819
 820 .sidebar-offcanvas-left h5:last-of-type {
 821   border: 0;
 822   margin-bottom: 25px;
 823 }
 824
 825 /* the right nav disappears out of view when the window shrinks */
 826 @media screen and (max-width: 992px) {
 827   .sidebar-offcanvas-right {
 828      display: none;
 829    }
 830 }
 831
 832 #overlay-under-drawer {
 833   display: none;
 834 }
 835
 836 /* find-as-you-type search box */
 837
 838 /* override bootstrap defaults */
 839 .form-control {
 840   border-radius: 0;
 841   border: 0;
 842 }
 843
 844 @media screen and (max-width: 768px) {
 845   form.search {
 846     display: none;
 847   }
 848 }
 849
 850 .typeahead,
 851 .tt-query,
 852 .tt-hint {
 853   width: 200px;
 854   height: 20px;
 855   padding: 2px 7px 1px 7px;
 856   line-height: 20px;
 857   outline: none;
 858 }
 859
 860 .typeahead {
 861   background-color: #fff;
 862   border-radius: 2px;
 863 }
 864
 865 .tt-query {
 866   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 867      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 868           box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 869 }
 870
 871 .tt-hint {
 872   color: #999
 873 }
 874
 875 .navbar-right .tt-menu {
 876   right:0;
 877   left: inherit !important;
 878   width: 422px;
 879   max-height: 250px;
 880   overflow-y: scroll;
 881 }
 882
 883 .tt-menu {
 884   font-size: 14px;
 885   margin: 0;
 886   padding: 8px 0;
 887   background-color: #fff;
 888   border: 1px solid #ccc;
 889   border: 1px solid rgba(0, 0, 0, 0.2);
 890   -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
 891      -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
 892           box-shadow: 0 5px 10px rgba(0,0,0,.2);
 893 }
 894
 895 .tt-suggestion {
 896   padding: 3px 20px;
 897   color: #212121;
 898 }
 899
 900 .tt-suggestion:hover {
 901   cursor: pointer;
 902   color: #fff;
 903   background-color: #0097cf;
 904 }
 905
 906 .tt-suggestion:hover .search-from-lib {
 907   color: #ddd;
 908 }
 909
 910 .tt-suggestion.tt-cursor {
 911   color: #fff;
 912   background-color: #0097cf;
 913 }
 914
 915 .tt-suggestion.tt-cursor .search-from-lib {
 916   color: #ddd;
 917 }
 918
 919 .tt-suggestion p {
 920   margin: 0;
 921 }
 922
 923 .search-from-lib {
 924   font-style: italic;
 925   color: gray;
 926 }
 927
 928 #search-box {
 929   background-color: #ffffff;
 930 }
 931
 932 .search-body {
 933   border: 1px solid #7f7f7f;
 934   max-width: 400px;
 935   box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
 936 }
 937
 938 section#setter {
 939   border-top: 1px solid #ddd;
 940   padding-top: 36px;
 941 }
 942
 943 li.inherited a {
 944   opacity: 0.65;
 945   font-style: italic;
 946 }
 947
 948 #instance-methods dt.inherited .name,
 949 #instance-properties dt.inherited .name,
 950 #operators dt.inherited .name {
 951   font-weight: 300;
 952   font-style: italic;
 953 }
 954
 955 #instance-methods dt.inherited .signature,
 956 #instance-properties dt.inherited .signature,
 957 #operators dt.inherited .signature {
 958   font-weight: 300;
 959 }
 960
 961 @media print {
 962   .subnav, .sidebar {
 963     display:none;
 964   }
 965
 966   a[href]:after {
 967    content:"" !important;
 968   }
 969 }