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