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 > .container,
 475     .general-content-body > .container > .column
 476     {
 477         margin: 0;
 478         padding: 10px;
 479
 480     }
 481     .general-content-intro > .container,
 482     .general-content-body > .container > .column
 483     {
 484         padding: 0;
 485     }
 486     .general-content-body  > h1
 487     {
 488         margin: 10px;
 489         margin-top: 50px;
 490
 491     }
 492     roo-select2-container
 493     .services .main-content {
 494         margin-top: 40px;
 495     }
 496     .news-page .form-group .roo-select2-container {
 497         display:inline-block;
 498     }
 499     .news-page .form-group  {
 500         display:inline-block;
 501     }
 502     .slide-container {
 503         margin-top: 50px;
 504         margin-left: 0;
 505         margin-right: 0;
 506     }
 507
 508     .projects-options .projects-option-selector {
 509         padding: 1px 0;
 510     }
 511     .form-group {
 512         margin-bottom: 5px;
 513     }
 514     .main-content-projects.main-content,
 515     .services .main-content {
 516         margin-left: 0;
 517         margin-right: 0;
 518     }
 519     .main-content-projects .header-column h1,
 520     .services .header-column h1 {
 521         text-align: center;
 522         font-weight: 500;
 523         font-size: 24px;
 524         margin-top: 0px;
 525         border-bottom: 1px solid #eee;
 526         padding-bottom: 8px;
 527         text-transform: uppercase;
 528
 529     }
 530     .services .header-column h1
 531     {
 532         margin-bottom: 0;
 533     }
 534     .main-content-projects .x-combo-noedit {
 535         border: 0;
 536         border-color: white !important;
 537         border-radius: 0;
 538         font-size: 10px;
 539         box-shadow: none;
 540         text-transform: uppercase;
 541
 542     }
 543
 544
 545     .navbar-header .navbar-toggle  {
 546         border: none;
 547     }
 548     .main-content-projects-container form {
 549         margin-bottom: 0;
 550             margin-top: -10px;
 551     }
 552     .navbar-default,
 553     .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
 554         background: white;
 555     }
 556
 557
 558     .general-content-body .navbar .navbar-nav .nav-item {
 559         width: 32%;
 560             float: left;
 561     }
 562     .general-content-body .navbar .navbar-nav {
 563         margin-top: 20px;
 564         margin-bottom: 0;
 565     }
 566     .general-content-body .navbar {
 567         margin-bottom: 0;
 568     }
 569
 570     /** home page tiles text larger */
 571
 572     body.home .masonry-brick-title {
 573         font-size: 19px;
 574     }
 575
 576     .services .masonry-brick-image.masonry-center-title > .masonry-brick-paragraph .masonry-brick-title {
 577         font-size: 28px;
 578     }
 579
 580 }
 581
 582  .dropdown-menu b,
 583  .masonry-brick-paragraph .masonry-brick-title,
 584  .roo-select2-container input
 585  {
 586         font-size:14px;
 587         font-weight: normal;
 588    }
 589
 590
 591  /* .masonry-brick-paragraph .masonry-brick-title, */
 592  .roo-select2-container input
 593  {
 594          text-transform: uppercase;
 595    }
 596
 597
 598 @media (min-width: 992px) {
 599
 600     .masonry-brick-paragraph .masonry-brick-title {
 601         font-size: 18px;
 602     }
 603
 604 }
 605
 606 .mobile-header-menu .navbar-header a.navbar-brand {
 607     display:block;
 608     width: 200px;
 609     height: 34px;
 610     background-repeat: no-repeat;
 611     margin: 10px 10px 2px;
 612         background-size: contain;
 613
 614 }
 615
 616
 617
 618 .mobile-header-menu .navbar-header a.navbar-brand {
 619     text-transform: uppercase;
 620 }
 621
 622 .mobile-header-menu .navbar-nav li > a
 623 {
 624     font-weight: normal;
 625 }
 626
 627 .mobile-header-menu .mobile-header-menu-options,
 628 .roo-combobox-touch-view .roo-combobox-list-group-item-value,
 629 .roo-combobox-touch-view .modal-header,
 630 .roo-combobox-touch-view .btn
 631 {
 632     text-transform: uppercase;
 633     font-weight: normal;
 634 }
 635 .roo-combobox-touch-view .modal-content,
 636 .roo-combobox-touch-view .list-group-item
 637 {
 638     border: none;
 639     border-radius: 0;
 640 }
 641
 642
 643 .roo-combobox-touch-view .list-group-item {
 644     padding: 10px 0;
 645 }
 646
 647 .roo-combobox-touch-view .selected .roo-combobox-list-group-item-value {
 648     font-weight: 900;
 649     text-transform: uppercase;
 650 }
 651
 652 .roo-combobox-touch-view .roo-combobox-list-group-item-box {
 653     display:none;
 654 }
 655 .roo-combobox-touch-view .btn {
 656     color: #333;
 657     background-color: #fff;
 658     border-color: #ccc;
 659 }
 660
 661 .roo-touchview-combobox .dropdown-toggle {
 662     display: none;
 663 }
 664
 665 /**
 666  * youtube / youku
 667  */
 668
 669 .lang-en .link-youku {
 670     display:none;
 671 }
 672
 673 .lang-zh-hk .link-youtube,
 674 .lang-zh-cn .link-youtube
 675 {
 676     display:none;
 677 }
 678
 679 .enable-overflow {
 680     overflow : auto;
 681 }
 682
 683 .mobile-footer {
 684     background-color: #333;
 685     color: #9e9e9e;
 686     padding: 25px 15px;
 687     font-size: 12px;
 688   /*  text-transform: uppercase;  */
 689 }
 690
 691 .mobile-footer .title {
 692     color: #fff;
 693     letter-spacing: 1.5px;
 694     font-size: 100%;
 695 }
 696
 697 .mobile-footer a {
 698     color: #9e9e9e;
 699 }
 700
 701 .slideshow-text {
 702     text-align: center;
 703     color: #fff;
 704     text-shadow: 4px 4px 6px rgba(0,0,0,.6);
 705     font-size: 20px;
 706     text-transform: uppercase;
 707     position: absolute;
 708     bottom: 0;
 709     width: 100%;
 710     left: 0%;
 711     background: linear-gradient(to top,rgba(0,0,0,.5),rgba(1,1,1,0));
 712     padding: 5px;
 713 }
 714
 715 .contact-us-location-content h4.roo-brick-title
 716 {
 717     font-weight: normal;
 718      font-size: 14px;
 719 }
 720 .contact-us-location-content .roo-brick-text
 721 {
 722     font-size: 12px;
 723 }
 724 @media (max-width: 768px) {
 725     .contact-us-location-content h4.roo-brick-title
 726     {
 727         font-weight: normal;
 728         font-size: 12px;
 729     }
 730     .contact-us-location-content .roo-brick-text
 731     {
 732             font-size: 10px;
 733             line-height: 1.0em;
 734     }
 735 }
 736
 737 .roo-required-indicator.left-indicator {
 738     display: none;
 739 }
 740
 741 .panel-hpa > .panel-heading {
 742     background-color: #16114C;
 743     color: white;
 744 }
 745
 746
 747 /** - share this.. lighten... */
 748 .st-btn {
 749     background: #666 !important;
 750 }
 751 .st-btn:hover {
 752     background: #16114C !important;
 753 }
 754
 755 .st-right {
 756     top: 15px !important;
 757 }
 758
 759 .home .masonry-md-brick.masonry-bottom-title h4 ,
 760 .home .masonry-sm-brick.masonry-bottom-title h4 {
 761     font-size:  28px;
 762 }
 763 @media (max-width: 768px) {
 764     .home .masonry-md-brick.masonry-bottom-title h4 ,
 765     .home .masonry-sm-brick.masonry-bottom-title h4 {
 766         font-size:  16px;
 767         vertical-align: middle;
 768         text-align: center;
 769     }
 770 }
 771
 772 .contact-us-location-content .roo-brick.deep-grey
 773 {
 774     background-color: #c2cde0;
 775 }
 776
 777
 778
 779 .dont-break-out {
 780     /* These are technically the same, but use both */
 781     overflow-wrap: break-word;
 782     word-wrap: break-word;
 783
 784     -ms-word-break: break-all;
 785     /* This is the dangerous one in WebKit, as it breaks things wherever */
 786     word-break: break-all;
 787     /* Instead use this non-standard one: */
 788     word-break: break-word;
 789
 790     /* Adds a hyphen where the word breaks, if supported (No Blink) */
 791     -ms-hyphens: auto;
 792     -moz-hyphens: auto;
 793     -webkit-hyphens: auto;
 794     hyphens: auto;
 795 }
 796
 797
 798 .doc-table-container .panel-body  {
 799     padding: 0
 800 }
 801 .doc-table-container .table {
 802     margin-bottom: 0;
 803 }
 804  /** --------- from original --------*/
 805 td.attributes,
 806 .fixedFont
 807 {
 808         line-height: 15px;
 809 /*      color: #002EBE; */
 810         font-family: "Courier New",Courier,monospace;
 811         font-size: 13px;
 812  }
 813 td>.fixedFont {
 814     cursor: pointer;
 815 }
 816 .itemname
 817 {
 818     color: #002EBE;
 819 }
 820 .doc-table-container .table>tbody>tr>td {
 821     padding: 2px 14px 0px 4px;
 822 }
 823
 824 .doc-table-container .short,
 825 .doc-table-container .long
 826 {
 827     vertical-align: top;
 828     padding: 5px 10px;
 829     font-size: 13px;
 830
 831 }
 832 .doc-table-container .short {
 833     color: #666;
 834 }
 835 .doc-table-container tfoot {
 836     display: none;
 837 }
 838
 839 .doc-table-container td.short {
 840     display : block;
 841 }
 842 .doc-table-container td.expanded .short {
 843     display : none;
 844 }
 845 .doc-table-container td .long {
 846     display : none;
 847 }
 848 .doc-table-container td.expanded .long {
 849     display : block;
 850     margin-bottom: 10px;
 851 }
 852
 853 .doc-table-container td.expanded>.fixedFont::before {
 854     font-family: 'Font Awesome 5 Free';
 855     font-weight: 900;
 856     content: "\f068";
 857         margin-right: 10px;
 858     font-size: 10px;
 859     color: #002EBE;
 860 }
 861
 862 .doc-table-container td>.fixedFont::before {
 863     font-family: 'Font Awesome 5 Free';
 864     font-weight: 900;
 865     content: "\f067";
 866         margin-right: 10px;
 867     font-size: 10px;
 868     color: #002EBE;
 869 }
 870
 871
 872 .detailList {
 873     margin-left: 20px;
 874     padding-top: 10px;
 875     line-height: 20px;
 876     padding-bottom: 0px;
 877     margin-bottom: 0px;
 878     display: block;
 879     clear: both;
 880 }
 881 .detailList dt,
 882 .detailList dd
 883 {
 884     margin-left: 20px;
 885     display: block;
 886     float:left;
 887     padding-bottom: 10px;
 888 }
 889 .detailList dt {
 890     clear: both;
 891 }
 892 .detailList .heading
 893 {
 894     font-weight: bold;
 895     padding-bottom: 6px;
 896     margin-left: 0;
 897     display: block;
 898     clear:both;
 899
 900 }
 901 .long pre, .description pre {
 902     background: #F8F8F8 none repeat scroll 0% 0%;
 903     border-color: #ccc;
 904     border-style: solid;
 905     border-width: 1px 1px 1px 5px;
 906     font-size: 12px !important;
 907     line-height: 14px !important;
 908     margin: 10px 10px 10px 0px;
 909     padding: 10px;
 910 }
 911 .doc-augments .panel-body
 912 {
 913     padding: 0;
 914 }
 915 .doc-augments .panel-body pre {
 916     margin: 0;
 917 }
 918 pre code {
 919     color: #000;
 920     font-family: monospace; /** default font is too soft.. */
 921 }
 922 .doc-not-member {
 923     background-color:  #fcf8e3;
 924
 925 }
 926  code.jsdoc-pretty {
 927     background-color: #fff;
 928 }
 929
 930 /* optoional */
 931 .detailList dt i {
 932     margin-left: 20px;
 933     font-size: 10px;
 934     font-weight: 100;
 935 }
 936
 937
 938 a.dropdown-toggle::before {
 939     display: inline-block;
 940     margin-right: .255em;
 941     vertical-align: .255em;
 942     content: "";
 943     border-top: .3em solid;
 944     border-right: .3em solid transparent;
 945     border-bottom: 0;
 946     border-left: .3em solid transparent;
 947 }
 948 .doc-implementors .panel-body {
 949     max-height: 300px;
 950     overflow-y: scroll;
 951     overflow-x: hidden;
 952     padding-left: 0;
 953 }