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