git.roojs.org Git - roojs1/blob - docs/docs.css

   1 /* fonts and font effects */
   2
   3 body,
   4 .tooltip,
   5 .popover {
   6     font-family: "Roboto", Helvetica, Arial, sans-serif;
   7     font-weight: 400;
   8 }
   9 h1,
  10 h2,
  11 h3,
  12 h4,
  13 h5,
  14 h6,
  15 .h1,
  16 .h2,
  17 .h3,
  18 .h4,
  19 .h5,
  20 .h6 {
  21     font-family:  "Roboto", Helvetica, Arial, sans-serif;
  22     font-weight: 900;
  23  }
  24
  25 .general-content-body .navbar .nav-item,
  26 .general-content-body h2,
  27 .general-content-body h3,
  28 .general-content-body h5,
  29 .header-column h1 {
  30     font-weight: 500;
  31     font-size: 24px;
  32
  33 }
  34 .header-column h1 {
  35     text-align: center;
  36 }
  37 .general-content-body h5 {
  38     font-size: 12px;
  39 }
  40 .news-page .general-content-body h5 {
  41     font-size: 20px;
  42     font-weight: bold;
  43 }
  44 .news-page .general-content-body .btn-link.active  {
  45     font-weight:  bold;
  46 }
  47
  48 .general-content-body .navbar .nav-item {
  49     font-size: 18px;
  50 }
  51
  52 .left-menu-sidebar {
  53     font-size:16px;
  54
  55 }
  56 .left-menu-sidebar-options
  57 {
  58     text-transform: uppercase;
  59
  60 }
  61
  62 .left-menu-sidebar.sidebar .sidebar-menu.active  {
  63     font-weight: bold;
  64 }
  65
  66 .left-menu-sidebar.sidebar .sidebar-menu > li > a  {
  67     color: #16114C;
  68     padding: 12px 5px 12px 20px;
  69 }
  70
  71 .left-menu-sidebar.sidebar .sidebar-menu>li>a, .sidebar .sidebar-menu li.open li.treeview-menu > a {
  72     color: #16114C;
  73 }
  74
  75 .left-menu-sidebar.sidebar .left-menu-sidebar-options {
  76     padding-left: 8px;
  77 }
  78
  79 .left-menu-sidebar.sidebar .sidebar-menu > li > a i {
  80     color: #999;
  81 }
  82
  83 .left-menu-sidebar.sidebar .sidebar-menu > li.active  {
  84     background-color: #fff;
  85     border-color: #eee;
  86 }
  87
  88 .mobile-header-menu ul > li.active > a,
  89 .left-menu-sidebar.sidebar .sidebar-menu > li.active > a  {
  90     font-weight: bold;
  91 }
  92
  93 .left-menu-sidebar.sidebar .sidebar-menu .treeview-menu > li.active {
  94     background-color: #fff;
  95     border-color: #eee;
  96 }
  97
  98 .left-menu-sidebar.sidebar .sidebar-menu .treeview-menu > li.active > a  {
  99     font-weight: bold;
 100 }
 101
 102 .left-menu-sidebar.sidebar .left-menu-sidebar-options .languages li a:hover {
 103     color: #16114C;
 104     font-weight: bold;
 105 }
 106
 107 .left-menu-sidebar.sidebar .left-menu-sidebar-options .socials li a:hover > i {
 108     background-color: #16114C;
 109 }
 110
 111 .left-menu-sidebar.sidebar .sidebar-menu > li .treeview-menu a:hover,
 112 .left-menu-sidebar.sidebar .sidebar-menu > li a:hover {
 113     color: #666;
 114     font-weight: bold;
 115 }
 116 /* block the broken bit from sidbar... */
 117 .sidebar .sidebar-menu li.open li.treeview-menu>a  {
 118     display: none;
 119 }
 120
 121 /**-----subsubsub menuds... **/
 122 .left-menu-sidebar.sidebar .sidebar-menu .treeview-menu.dropdown-toggle > a.dropdown-item,
 123 .left-menu-sidebar.sidebar .sidebar-menu .treeview-menu.dropdown-toggle > li.treeview-menu
 124 {
 125     display: none;
 126 }
 127
 128 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu > li.treeview-menu.dropdown-toggle > a.dropdown-item,
 129 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu > li.treeview-menu.dropdown-toggle >  li.treeview-menu
 130 {
 131     display: none;
 132 }
 133
 134
 135 .left-menu-sidebar.sidebar .sidebar-menu  ul.treeview-menu.show, /* the actuall menu that is shown */
 136 .left-menu-sidebar.sidebar .sidebar-menu  ul.treeview-menu.show > li.treeview-menu > a.dropdown-item, /* the actuall menu that is shown */
 137
 138 /* expanded non-menu item */
 139
 140 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show > li.treeview-menu.dropdown-toggle > a.dropdown-item,
 141 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show > li.treeview-menu.dropdown-toggle >  li.treeview-menu
 142 {
 143     display: block;
 144 }
 145 /* expanded sub menu item */
 146 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show    > li.treeview-menu.dropdown-toggle >   li.treeview-menu
 147             > li.treeview-menu.dropdown-toggle > a.dropdown-item
 148  {
 149     display: block;
 150 }
 151
 152 /* ------------------logo */
 153
 154 .logo {
 155     display:block;
 156     width:225px;
 157     height:62px;
 158     /* might need to make this base 64, so that it works with other browsers? */
 159     background-repeat: no-repeat;
 160
 161     background-origin: content-box;
 162     background-size: contain;
 163 }
 164
 165 .left-menu-sidebar.sidebar .sidebar-menu > li > a.logo
 166 {
 167     margin: 15px 0 0 18px;
 168     padding: 0;
 169 }
 170
 171
 172  .logo,
 173  .mobile-header-menu .navbar-header a.navbar-brand {
 174     background-image: url("../images/roojsorg_logo-100.png");
 175 }
 176
 177
 178 .sidebar-menu .nav-item .logo {
 179     padding: 15px;
 180 }
 181
 182
 183 .sidebar .sidebar-menu > li, .sidebar .sidebar-menu li.active li.treeview-menu {
 184     margin: 0;
 185
 186     padding: 0;
 187     border-bottom: 1px solid #eee;
 188     background-color: #fff;
 189 }
 190
 191 .sidebar .sidebar-menu li.open ul {
 192     margin-left: 14px;
 193 }
 194
 195 .left-menu-sidebar {
 196     position: fixed;
 197     width: 250px; /*320px;*/
 198     height: 100%;
 199     top: 0;
 200     left: 0;
 201     z-index: 999;
 202     background-repeat: no-repeat;
 203     background-position: center center;
 204     -webkit-background-size: cover;
 205     -moz-background-size: cover;
 206     -o-background-size: cover;
 207     background-size: cover;
 208     display: none;
 209     overflow-y: auto;
 210     overflow-x: hidden;
 211 }
 212
 213 .left-menu-sidebar .left-menu-sidebar-options  {
 214     position: fixed;
 215     width: 250px; /*320px;*/
 216     bottom: 10;
 217     left: 0;
 218     z-index: 999;
 219     background: #fff;
 220 }
 221
 222 .left-menu-sidebar .left-menu-sidebar-options ul.languages,
 223 .left-menu-sidebar .left-menu-sidebar-options ul.socials,
 224 .mobile-header-menu .mobile-header-menu-options ul.languages,
 225 .mobile-header-menu .mobile-header-menu-options ul.socials,
 226 .mobile-footer ul.socials {
 227     list-style: none;
 228     margin: 0;
 229     padding: 0;
 230     font-size: 12px;
 231 }
 232
 233 .left-menu-sidebar .left-menu-sidebar-options ul.languages > li,
 234 .mobile-header-menu .mobile-header-menu-options ul.languages > li {
 235     float: left;
 236     padding: 0 15px;
 237     border-right: 1px solid #000;
 238 }
 239
 240 .left-menu-sidebar .left-menu-sidebar-options ul.languages > li:last-child,
 241 .mobile-header-menu .mobile-header-menu-options ul.languages > li:last-child {
 242     border-right: none;
 243 }
 244
 245 .left-menu-sidebar .left-menu-sidebar-options ul.languages > li > a {
 246     color: #000;
 247 }
 248
 249 .mobile-header-menu .mobile-header-menu-options ul.languages > li > a {
 250     color: #777;
 251 }
 252
 253 .left-menu-sidebar .left-menu-sidebar-options ul.socials > li:first-child,
 254 .mobile-header-menu .mobile-
 255 header-menu-options ul.socials > li:first-child,
 256 .mobile-footer ul.socials > li:first-child {
 257     padding-left: 15px;
 258 }
 259
 260 .left-menu-sidebar .left-menu-sidebar-options ul.socials > li
 261 {
 262     float: left;
 263     padding: 0 1px;
 264 }
 265 .mobile-header-menu .mobile-header-menu-options ul.socials > li,
 266 .mobile-footer ul.socials > li {
 267     float: left;
 268     padding: 0 3px;
 269 }
 270
 271 .left-menu-sidebar .left-menu-sidebar-options ul.socials > li i {
 272     width: 30px;
 273     height: 30px;
 274     background-color: #666;
 275     line-height: 30px;
 276     text-align: center;
 277     border-radius: 50%;
 278     color: #fff;
 279     font-size: 14px;
 280 }
 281
 282 .mobile-header-menu .mobile-header-menu-options ul.socials > li i,
 283 .mobile-footer ul.socials > li i {
 284     width: 35px;
 285     height: 35px;
 286     background-color: #777;
 287     line-height: 35px;
 288     text-align: center;
 289     border-radius: 50%;
 290     color: #fff;
 291     font-size: 14px;
 292 }
 293
 294 .main-content,
 295 .general-content-head,
 296 .about-us-head {
 297     margin-right: 10px;
 298     margin-left:10px;
 299     margin-top: 60px;
 300 }
 301 /* articles need footer padding really */
 302 .main-content {
 303     margin-right: 10px;
 304     margin-bottom: 100px;
 305 }
 306 .home .main-content,
 307 .services .main-content,
 308 .main-content-projects.main-content {
 309     margin-bottom: 0px;
 310 }
 311
 312 /* head is diplay none by default - but shown on bigger screens */
 313 .home .main-content,
 314 .general-content-head {
 315     display: none;
 316 }
 317
 318 .mobile-general-content-head {
 319     display: block;
 320     margin-top: 60px;
 321 }
 322
 323 .mobile-general-content-head {
 324     /*padding-right: 10px;*/
 325 }
 326
 327 .mobile-footer {
 328     display: block;
 329 }
 330
 331
 332 .home .mobile-main-content {
 333     display: block;
 334     /*margin-bottom: 100px;*/
 335     margin-top: 50px;
 336 }
 337
 338 .mobile-header-menu {
 339     display: block;
 340 }
 341
 342
 343 .main-content-projects-container label {
 344     display: none;
 345 }
 346
 347 .main-content-projects-container {
 348     margin-top:0px;
 349     width:100%;
 350     padding: 0px;
 351 }
 352
 353 .left-menu-sidebar .languages,
 354 .mobile-header-menu .languages {
 355     font-weight: normal;
 356 }
 357
 358 .left-menu-sidebar .languages .active,
 359 .mobile-header-menu .languages .active {
 360     font-weight: bold;
 361 }
 362
 363
 364 .general-content-body {
 365     margin-top: 7px;
 366 }
 367
 368
 369
 370
 371
 372
 373 .main-content-projects-container form {
 374     margin-bottom: 0;
 375 }
 376
 377 @media (min-width: 768px) {
 378
 379
 380
 381     .left-menu-sidebar {
 382         display: block;
 383     }
 384
 385     .mobile-header-menu {
 386         display: none;
 387     }
 388
 389     .main-content,
 390     .general-content-head,
 391     .about-us-head {
 392         margin-left:260px;
 393         margin-top: 10px;
 394     }
 395
 396     .general-content-head {
 397         display: block;
 398     }
 399
 400     .mobile-general-content-head {
 401         display: none;
 402     }
 403
 404     .mobile-footer {
 405         display: none;
 406     }
 407
 408     .general-content-body,
 409     .slide-container {
 410         margin-left: 260px;
 411     }
 412
 413     .project-detail .general-content-body,
 414     .project-detail .slide-container {
 415         margin-right: 40px;
 416     }
 417
 418     .home .main-content {
 419         display: block;
 420     }
 421
 422     .home .mobile-main-content {
 423         display: none;
 424     }
 425
 426
 427     .main-content .header-column h1 {
 428         text-align: center;
 429         padding-bottom: 11px;
 430
 431     }
 432
 433
 434 }
 435
 436 @media (min-width: 992px) {
 437     .awards-item-image + .awards-item-image {
 438         margin-top: 0px;
 439         margin-bottom: 15px;
 440     }
 441
 442
 443
 444 }
 445 @media (min-width: 1170px) {
 446     .main-content,
 447     .general-content-body,
 448     .slide-container {
 449         margin-left: 260px;
 450         margin-right: 10px;
 451     }
 452
 453     .project-detail .general-content-body,
 454     .project-detail .slide-container {
 455         margin-left: 370px;
 456         margin-right: 100px;
 457     }
 458 }
 459  /* -- mobile -- */
 460
 461 .news-page .input-group {
 462     display:inline-table;
 463 }
 464 @media (max-width: 768px) {
 465     .general-content-body,
 466     .slide-container {
 467         margin: 10px;
 468     }
 469     roo-select2-container
 470     .services .main-content {
 471         margin-top: 40px;
 472     }
 473     .news-page .form-group .roo-select2-container {
 474         display:inline-block;
 475     }
 476     .news-page .form-group  {
 477         display:inline-block;
 478     }
 479     .slide-container {
 480         margin-top: 50px;
 481         margin-left: 0;
 482         margin-right: 0;
 483     }
 484
 485     .projects-options .projects-option-selector {
 486         padding: 1px 0;
 487     }
 488     .form-group {
 489         margin-bottom: 5px;
 490     }
 491     .main-content-projects.main-content,
 492     .services .main-content {
 493         margin-left: 0;
 494         margin-right: 0;
 495     }
 496     .main-content-projects .header-column h1,
 497     .services .header-column h1 {
 498         text-align: center;
 499         font-weight: 500;
 500         font-size: 24px;
 501         margin-top: 0px;
 502         border-bottom: 1px solid #eee;
 503         padding-bottom: 8px;
 504         text-transform: uppercase;
 505
 506     }
 507     .services .header-column h1
 508     {
 509         margin-bottom: 0;
 510     }
 511     .main-content-projects .x-combo-noedit {
 512         border: 0;
 513         border-color: white !important;
 514         border-radius: 0;
 515         font-size: 10px;
 516         box-shadow: none;
 517         text-transform: uppercase;
 518
 519     }
 520
 521
 522     .navbar-header .navbar-toggle  {
 523         border: none;
 524     }
 525     .main-content-projects-container form {
 526         margin-bottom: 0;
 527             margin-top: -10px;
 528     }
 529     .navbar-default,
 530     .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
 531         background: white;
 532     }
 533
 534
 535     .general-content-body .navbar .navbar-nav .nav-item {
 536         width: 32%;
 537             float: left;
 538     }
 539     .general-content-body .navbar .navbar-nav {
 540         margin-top: 20px;
 541         margin-bottom: 0;
 542     }
 543     .general-content-body .navbar {
 544         margin-bottom: 0;
 545     }
 546
 547     /** home page tiles text larger */
 548
 549     body.home .masonry-brick-title {
 550         font-size: 19px;
 551     }
 552
 553     .services .masonry-brick-image.masonry-center-title > .masonry-brick-paragraph .masonry-brick-title {
 554         font-size: 28px;
 555     }
 556
 557 }
 558
 559  .dropdown-menu b,
 560  .masonry-brick-paragraph .masonry-brick-title,
 561  .roo-select2-container input
 562  {
 563         font-size:14px;
 564         font-weight: normal;
 565    }
 566
 567
 568  /* .masonry-brick-paragraph .masonry-brick-title, */
 569  .roo-select2-container input
 570  {
 571          text-transform: uppercase;
 572    }
 573
 574
 575 @media (min-width: 992px) {
 576
 577     .masonry-brick-paragraph .masonry-brick-title {
 578         font-size: 18px;
 579     }
 580
 581 }
 582
 583 .mobile-header-menu .navbar-header a.navbar-brand {
 584     display:block;
 585     width: 200px;
 586     height: 34px;
 587     background-repeat: no-repeat;
 588     margin: 10px 10px 2px;
 589
 590 }
 591
 592
 593
 594 .mobile-header-menu .navbar-header a.navbar-brand {
 595     text-transform: uppercase;
 596 }
 597
 598 .mobile-header-menu .navbar-nav li > a
 599 {
 600     font-weight: normal;
 601 }
 602
 603 .mobile-header-menu .mobile-header-menu-options,
 604 .roo-combobox-touch-view .roo-combobox-list-group-item-value,
 605 .roo-combobox-touch-view .modal-header,
 606 .roo-combobox-touch-view .btn
 607 {
 608     text-transform: uppercase;
 609     font-weight: normal;
 610 }
 611 .roo-combobox-touch-view .modal-content,
 612 .roo-combobox-touch-view .list-group-item
 613 {
 614     border: none;
 615     border-radius: 0;
 616 }
 617
 618
 619 .roo-combobox-touch-view .list-group-item {
 620     padding: 10px 0;
 621 }
 622
 623 .roo-combobox-touch-view .selected .roo-combobox-list-group-item-value {
 624     font-weight: 900;
 625     text-transform: uppercase;
 626 }
 627
 628 .roo-combobox-touch-view .roo-combobox-list-group-item-box {
 629     display:none;
 630 }
 631 .roo-combobox-touch-view .btn {
 632     color: #333;
 633     background-color: #fff;
 634     border-color: #ccc;
 635 }
 636
 637 .roo-touchview-combobox .dropdown-toggle {
 638     display: none;
 639 }
 640
 641 /**
 642  * youtube / youku
 643  */
 644
 645 .lang-en .link-youku {
 646     display:none;
 647 }
 648
 649 .lang-zh-hk .link-youtube,
 650 .lang-zh-cn .link-youtube
 651 {
 652     display:none;
 653 }
 654
 655 .enable-overflow {
 656     overflow : auto;
 657 }
 658
 659 .mobile-footer {
 660     background-color: #333;
 661     color: #9e9e9e;
 662     padding: 25px 15px;
 663     font-size: 12px;
 664   /*  text-transform: uppercase;  */
 665 }
 666
 667 .mobile-footer .title {
 668     color: #fff;
 669     letter-spacing: 1.5px;
 670     font-size: 100%;
 671 }
 672
 673 .mobile-footer a {
 674     color: #9e9e9e;
 675 }
 676
 677 .slideshow-text {
 678     text-align: center;
 679     color: #fff;
 680     text-shadow: 4px 4px 6px rgba(0,0,0,.6);
 681     font-size: 20px;
 682     text-transform: uppercase;
 683     position: absolute;
 684     bottom: 0;
 685     width: 100%;
 686     left: 0%;
 687     background: linear-gradient(to top,rgba(0,0,0,.5),rgba(1,1,1,0));
 688     padding: 5px;
 689 }
 690
 691 .contact-us-location-content h4.roo-brick-title
 692 {
 693     font-weight: normal;
 694      font-size: 14px;
 695 }
 696 .contact-us-location-content .roo-brick-text
 697 {
 698     font-size: 12px;
 699 }
 700 @media (max-width: 768px) {
 701     .contact-us-location-content h4.roo-brick-title
 702     {
 703         font-weight: normal;
 704         font-size: 12px;
 705     }
 706     .contact-us-location-content .roo-brick-text
 707     {
 708             font-size: 10px;
 709             line-height: 1.0em;
 710     }
 711 }
 712
 713 .roo-required-indicator.left-indicator {
 714     display: none;
 715 }
 716
 717 .panel-hpa > .panel-heading {
 718     background-color: #16114C;
 719     color: white;
 720 }
 721
 722
 723 /** - share this.. lighten... */
 724 .st-btn {
 725     background: #666 !important;
 726 }
 727 .st-btn:hover {
 728     background: #16114C !important;
 729 }
 730
 731 .st-right {
 732     top: 15px !important;
 733 }
 734
 735 .home .masonry-md-brick.masonry-bottom-title h4 ,
 736 .home .masonry-sm-brick.masonry-bottom-title h4 {
 737     font-size:  28px;
 738 }
 739 @media (max-width: 768px) {
 740     .home .masonry-md-brick.masonry-bottom-title h4 ,
 741     .home .masonry-sm-brick.masonry-bottom-title h4 {
 742         font-size:  16px;
 743         vertical-align: middle;
 744         text-align: center;
 745     }
 746 }
 747
 748 .contact-us-location-content .roo-brick.deep-grey
 749 {
 750     background-color: #c2cde0;
 751 }
 752
 753
 754
 755 .dont-break-out {
 756     /* These are technically the same, but use both */
 757     overflow-wrap: break-word;
 758     word-wrap: break-word;
 759
 760     -ms-word-break: break-all;
 761     /* This is the dangerous one in WebKit, as it breaks things wherever */
 762     word-break: break-all;
 763     /* Instead use this non-standard one: */
 764     word-break: break-word;
 765
 766     /* Adds a hyphen where the word breaks, if supported (No Blink) */
 767     -ms-hyphens: auto;
 768     -moz-hyphens: auto;
 769     -webkit-hyphens: auto;
 770     hyphens: auto;
 771 }
 772
 773
 774 .doc-table-container .panel-body  {
 775     padding: 0
 776 }
 777 .doc-table-container .table {
 778     margin-bottom: 0;
 779 }
 780  /** --------- from original --------*/
 781 td.attributes,
 782 .fixedFont
 783 {
 784         line-height: 15px;
 785 /*      color: #002EBE; */
 786         font-family: "Courier New",Courier,monospace;
 787         font-size: 13px;
 788  }
 789 td>.fixedFont {
 790     cursor: pointer;
 791 }
 792 .itemname
 793 {
 794     color: #002EBE;
 795 }
 796 .doc-table-container .table>tbody>tr>td {
 797     padding: 2px 14px 0px 4px;
 798 }
 799
 800 .doc-table-container .short,
 801 .doc-table-container .long
 802 {
 803     vertical-align: top;
 804     padding: 5px 10px;
 805     font-size: 13px;
 806
 807 }
 808 .doc-table-container .short {
 809     color: #666;
 810 }
 811 .doc-table-container tfoot {
 812     display: none;
 813 }
 814
 815 .doc-table-container td.short {
 816     display : block;
 817 }
 818 .doc-table-container td.expanded .short {
 819     display : none;
 820 }
 821 .doc-table-container td .long {
 822     display : none;
 823 }
 824 .doc-table-container td.expanded .long {
 825     display : block;
 826     margin-bottom: 10px;
 827 }
 828
 829 .doc-table-container td.expanded>.fixedFont::before {
 830     font-family: 'Font Awesome 5 Free';
 831     font-weight: 900;
 832     content: "\f068";
 833         margin-right: 10px;
 834     font-size: 10px;
 835     color: #002EBE;
 836 }
 837
 838 .doc-table-container td>.fixedFont::before {
 839     font-family: 'Font Awesome 5 Free';
 840     font-weight: 900;
 841     content: "\f067";
 842         margin-right: 10px;
 843     font-size: 10px;
 844     color: #002EBE;
 845 }
 846
 847
 848 .detailList {
 849     margin-left: 20px;
 850     padding-top: 10px;
 851     line-height: 20px;
 852     padding-bottom: 0px;
 853     margin-bottom: 0px;
 854     display: block;
 855     clear: both;
 856 }
 857 .detailList dt,
 858 .detailList dd
 859 {
 860     margin-left: 20px;
 861     display: block;
 862     float:left;
 863     padding-bottom: 10px;
 864 }
 865 .detailList dt {
 866     clear: both;
 867 }
 868 .detailList .heading
 869 {
 870     font-weight: bold;
 871     padding-bottom: 6px;
 872     margin-left: 0;
 873     display: block;
 874     clear:both;
 875
 876 }
 877 .long pre, .description pre {
 878     background: #F8F8F8 none repeat scroll 0% 0%;
 879     border-color: #ccc;
 880     border-style: solid;
 881     border-width: 1px 1px 1px 5px;
 882     font-size: 12px !important;
 883     line-height: 14px !important;
 884     margin: 10px 10px 10px 0px;
 885     padding: 10px;
 886 }
 887 .doc-augments .panel-body
 888 {
 889     padding: 0;
 890 }
 891 .doc-augments .panel-body pre {
 892     margin: 0;
 893 }
 894 pre code {
 895     color: #000;
 896     font-family: monospace; /** default font is too soft.. */
 897 }
 898 .doc-not-member {
 899     background-color:  #fcf8e3;
 900
 901 }
 902  code.jsdoc-pretty {
 903     background-color: #fff;
 904 }