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