xp-dev.com Git - RRRRHHHH_Artifacts/blob - It2Artifacts(E)/html-docs/assets/css/main.css

   1 /* bootstrap.css override
   2 ---------------------------------------------------------*/
   3
   4 body {
   5   margin: 0;
   6   font-family: source-sans-pro, Helvetica, Arial, sans-serif !imporant;
   7   font-size: 14px;
   8   font-weight: 400;
   9   color: #555;
  10   background-color: #F8F8F8;
  11   -webkit-font-smoothing: antialiased;
  12 }
  13
  14 .module, .left-section {
  15     overflow-y: auto;
  16     height: calc(100vh - 95px);
  17 }
  18
  19 a {
  20   color: #137cd4;
  21 }
  22
  23 a:focus {
  24     outline: none;
  25       -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 2px #6fb5f1;
  26      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 2px #6fb5f1;
  27           box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 2px #6fb5f1;
  28 }
  29
  30 p {
  31     margin-bottom: 20px;
  32 }
  33
  34 code,
  35 pre {
  36   padding: 20px;
  37   font-family: source-code-pro, Monaco, Menlo, Consolas, "Courier New", monospace;
  38   font-size: 12px;
  39   color: #454545;
  40   -webkit-border-radius: 3px;
  41      -moz-border-radius: 3px;
  42           border-radius: 3px;
  43 }
  44
  45 p code,
  46 p pre,
  47 li code,
  48 li pre {
  49     border-radius: 2px;
  50     padding: 0;
  51 }
  52
  53 h1,
  54 h2,
  55 h3,
  56 h4,
  57 h5,
  58 h6 {
  59   margin: 10px 0 0;
  60   font-weight: 300;
  61   line-height: 20px;
  62   color: #000;
  63   text-rendering: optimizelegibility;
  64 }
  65
  66 h1 small,
  67 h2 small,
  68 h3 small,
  69 h4 small,
  70 h5 small,
  71 h6 small {
  72   color: #888;
  73 }
  74
  75 h1,
  76 h2,
  77 h3 {
  78   line-height: 1.3em;
  79 }
  80
  81 h1 {
  82   font-size: 40px;
  83   font-weight: 400;
  84   margin-top: 30px;
  85 }
  86
  87 h2 {
  88   font-size: 30px;
  89 }
  90
  91 h3 {
  92   font-size: 27px;
  93 }
  94
  95 h4 {
  96   font-size: 17.5px;
  97 }
  98
  99 h5 {
 100   font-size: 14px;
 101 }
 102
 103 h6 {
 104   font-size: 11.9px;
 105 }
 106
 107 h1 small {
 108   font-size: 24.5px;
 109 }
 110
 111 dl {
 112   margin-bottom: 0;
 113 }
 114
 115 dt,
 116 dd {
 117   line-height: 20px;
 118 }
 119
 120 dt {
 121   color: #000;
 122   font-weight: 400;
 123   margin-bottom: 5px;
 124   -webkit-font-smoothing: subpixel-antialiased; /* this makes it slightly bolder */
 125 }
 126
 127 dd {
 128   display: inline-block;
 129   margin-bottom: 20px;
 130 }
 131
 132 input,
 133 button,
 134 select,
 135 textarea {
 136   font-family: source-sans-pro, Helvetica, Arial, sans-serif;
 137 }
 138
 139 table p {
 140   margin-bottom: 0px;
 141 }
 142
 143 .btn {
 144   padding: 4px 12px;
 145   margin-bottom: 0;
 146   *margin-left: .3em;
 147   font-size: 14px;
 148   line-height: 20px;
 149   color: #454545;
 150   text-align: center;
 151   text-shadow: none;
 152   background-color: #e5e9e9;
 153   *background-color: #e5e9e9;
 154   background-image: none;
 155
 156   border: 1px solid #cdcdcd;
 157   -webkit-border-radius: 3px;
 158      -moz-border-radius: 3px;
 159           border-radius: 3px;
 160
 161   -webkit-box-shadow: none;
 162      -moz-box-shadow: none;
 163           box-shadow: none;
 164 }
 165
 166 .btn:hover,
 167 .btn:focus,
 168 .btn:active,
 169 .btn.active,
 170 .btn.disabled,
 171 .btn[disabled] {
 172   color: #454545;
 173   background-color: #e5e9e9;
 174   *background-color: #e5e9e9;
 175 }
 176
 177 .btn:active,
 178 .btn.active {
 179   background-color: #d3d7d7;
 180 }
 181
 182 .btn:first-child {
 183   *margin-left: 0;
 184 }
 185
 186 .btn:hover,
 187 .btn:focus {
 188   color: #454545;
 189   text-decoration: none;
 190   background-position: 0 -15px;
 191   -webkit-transition: background-position 0.1s linear;
 192      -moz-transition: background-position 0.1s linear;
 193        -o-transition: background-position 0.1s linear;
 194           transition: background-position 0.1s linear;
 195 }
 196
 197 .btn:focus {
 198   border: 1px solid #2893ef;
 199   outline: 0;
 200   outline: thin dotted \9;
 201   /* IE6-9 */
 202
 203   -webkit-box-shadow: 0 0 0 1px #94ceff;
 204      -moz-box-shadow: 0 0 0 1px #94ceff;
 205           box-shadow: 0 0 0 1px #94ceff;
 206 }
 207
 208 .btn.active,
 209 .btn:active {
 210   background-image: none;
 211   outline: 0;
 212   -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
 213      -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
 214           box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
 215 }
 216
 217 .btn.disabled,
 218 .btn[disabled] {
 219   cursor: default;
 220   background-image: none;
 221   opacity: 0.65;
 222   filter: alpha(opacity=65);
 223   -webkit-box-shadow: none;
 224      -moz-box-shadow: none;
 225           box-shadow: none;
 226 }
 227
 228 .btn-large {
 229   padding: 11px 19px;
 230   font-size: 17.5px;
 231   -webkit-border-radius: 6px;
 232      -moz-border-radius: 6px;
 233           border-radius: 6px;
 234 }
 235
 236 .btn-large [class^="icon-"],
 237 .btn-large [class*=" icon-"] {
 238   margin-top: 4px;
 239 }
 240
 241 .btn-small {
 242   padding: 2px 10px;
 243   font-size: 11.9px;
 244   -webkit-border-radius: 3px;
 245      -moz-border-radius: 3px;
 246           border-radius: 3px;
 247 }
 248
 249 .btn-small [class^="icon-"],
 250 .btn-small [class*=" icon-"] {
 251   margin-top: 0;
 252 }
 253
 254 .btn-mini [class^="icon-"],
 255 .btn-mini [class*=" icon-"] {
 256   margin-top: -1px;
 257 }
 258
 259 .btn-mini {
 260   padding: 0 6px;
 261   font-size: 10.5px;
 262   -webkit-border-radius: 3px;
 263      -moz-border-radius: 3px;
 264           border-radius: 3px;
 265 }
 266
 267 .btn-block {
 268   display: block;
 269   width: 100%;
 270   padding-right: 0;
 271   padding-left: 0;
 272   -webkit-box-sizing: border-box;
 273      -moz-box-sizing: border-box;
 274           box-sizing: border-box;
 275 }
 276
 277 .btn-block + .btn-block {
 278   margin-top: 5px;
 279 }
 280
 281 input[type="submit"].btn-block,
 282 input[type="reset"].btn-block,
 283 input[type="button"].btn-block {
 284   width: 100%;
 285 }
 286
 287 .btn-primary.active,
 288 .btn-warning.active,
 289 .btn-danger.active,
 290 .btn-success.active,
 291 .btn-info.active,
 292 .btn-inverse.active {
 293   color: rgba(255, 255, 255, 0.75);
 294 }
 295
 296 .btn-primary {
 297   color: #ffffff;
 298   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 299   background-color: #006dcc;
 300   *background-color: #0044cc;
 301   background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
 302   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
 303   background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
 304   background-image: -o-linear-gradient(top, #0088cc, #0044cc);
 305   background-image: linear-gradient(to bottom, #0088cc, #0044cc);
 306   background-repeat: repeat-x;
 307   border-color: #0044cc #0044cc #002a80;
 308   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 309   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
 310   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 311 }
 312
 313 .btn-primary:hover,
 314 .btn-primary:focus,
 315 .btn-primary:active,
 316 .btn-primary.active,
 317 .btn-primary.disabled,
 318 .btn-primary[disabled] {
 319   color: #ffffff;
 320   background-color: #0044cc;
 321   *background-color: #003bb3;
 322 }
 323
 324 .btn-primary:active,
 325 .btn-primary.active {
 326   background-color: #003399 \9;
 327 }
 328
 329
 330 select,
 331 textarea,
 332 input[type="text"],
 333 input[type="password"],
 334 input[type="datetime"],
 335 input[type="datetime-local"],
 336 input[type="date"],
 337 input[type="month"],
 338 input[type="time"],
 339 input[type="week"],
 340 input[type="number"],
 341 input[type="email"],
 342 input[type="url"],
 343 input[type="search"],
 344 input[type="tel"],
 345 input[type="color"],
 346 .uneditable-input {
 347   color: #454545;
 348   -webkit-border-radius: 3px;
 349      -moz-border-radius: 3px;
 350           border-radius: 3px;
 351 }
 352
 353 textarea:focus,
 354 input[type="text"]:focus,
 355 input[type="password"]:focus,
 356 input[type="datetime"]:focus,
 357 input[type="datetime-local"]:focus,
 358 input[type="date"]:focus,
 359 input[type="month"]:focus,
 360 input[type="time"]:focus,
 361 input[type="week"]:focus,
 362 input[type="number"]:focus,
 363 input[type="email"]:focus,
 364 input[type="url"]:focus,
 365 input[type="search"]:focus,
 366 input[type="tel"]:focus,
 367 input[type="color"]:focus,
 368 .uneditable-input:focus {
 369   border-color: #2893ef;
 370   outline: 0;
 371   outline: thin dotted \9;
 372   /* IE6-9 */
 373
 374   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 1px #94ceff;
 375      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 1px #94ceff;
 376           box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 1px #94ceff;
 377 }
 378
 379 .nav > li > a:hover,
 380 .nav > li > a:focus {
 381   background-color: #e0f0fa;
 382   border-radius: 3px;
 383   color: #137cd4;
 384   text-decoration: none;
 385 }
 386
 387 .navbar .nav > li > a {
 388   padding: 10px 15px 10px;
 389   color: #000;
 390   font-weight: 300;
 391   text-shadow: none;
 392 }
 393
 394 .nav-list {
 395     margin-left: 15px;
 396 }
 397
 398 .package-list.nav-list {
 399     margin-left: 0;
 400 }
 401
 402 .nav-list > li > a,
 403 .nav-list .nav-header {
 404     text-shadow: none;
 405 }
 406
 407 .nav-header a,
 408 .nav-header a:hover {
 409     color: #000 !important;
 410 }
 411
 412 .navbar .brand {
 413   font-weight: 500;
 414   color: #000;
 415   text-shadow: none;
 416 }
 417
 418 .navbar-inner {
 419   min-height: 40px;
 420   border: none;
 421   -webkit-border-radius: 0;
 422      -moz-border-radius: 0;
 423           border-radius: 0;
 424 }
 425
 426 .navbar-inverse .navbar-inner {
 427     background-image: none;
 428     background: #fff;
 429     border-bottom: 1px solid rgba(0, 0, 0, 0.12);
 430
 431   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
 432      -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
 433           box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
 434 }
 435
 436 .navbar-inverse .brand,
 437 .navbar-inverse .nav > li > a {
 438   color: #000;
 439   text-shadow: none;
 440 }
 441
 442 .navbar-inverse .brand:hover,
 443 .navbar-inverse .nav > li > a:hover,
 444 .navbar-inverse .brand:focus,
 445 .navbar-inverse .nav > li > a:focus {
 446   color: #000;
 447 }
 448
 449 .navbar-inverse .brand {
 450   color: #000;
 451   margin-left: -10px;
 452 }
 453
 454 .navbar-inverse .navbar-text {
 455   color: #454545;
 456 }
 457
 458 .navbar-inverse .nav > li > a:focus,
 459 .navbar-inverse .nav > li > a:hover {
 460   color: #000;
 461   background-color: transparent;
 462 }
 463
 464 .navbar-inverse .nav .active > a,
 465 .navbar-inverse .nav .active > a:hover,
 466 .navbar-inverse .nav .active > a:focus {
 467   color: #000;
 468   background-color: transparent;
 469 }
 470
 471 .navbar-inverse .navbar-link {
 472   color: #000;
 473 }
 474
 475 .navbar-inverse .navbar-link:hover,
 476 .navbar-inverse .navbar-link:focus {
 477   color: #000;
 478 }
 479
 480 .nav-header {
 481   padding: 3px 15px;
 482   font-size: 11px;
 483   font-weight: 400;
 484   line-height: 20px;
 485   color: #999999;
 486   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 487   text-transform: none;
 488   letter-spacing: 1px;
 489 }
 490
 491 .page-header {
 492   padding-bottom: 0;
 493   margin: 10px 0 40px;
 494   border-bottom: 1px solid #d7d7d7;
 495 }
 496
 497
 498 .page-header h1 {
 499   background: #F8F8F8;
 500   display: inline-block;
 501   position: relative;
 502   bottom: -19px;
 503 }
 504
 505 .alert {
 506     padding: 4px 7px;
 507 }
 508
 509 .alert-info {
 510     color: #000;
 511     background-color: #e0f0fa;
 512     border-color: #d9eaf4;
 513     border-radius: 3px;
 514     font-size: 12px;
 515     text-shadow: none;
 516 }
 517
 518 .radio input[type="radio"],
 519 .checkbox input[type="checkbox"] {
 520     float: left;
 521     margin-left: -15px;
 522 }
 523
 524 .label,
 525 badge {
 526     padding: 4px 7px;
 527     font-weight: 400;
 528     color: #ffffff;
 529     text-shadow: none;
 530 }
 531
 532 .label-non-nullable,
 533 .label-nullable,
 534 .label-optional,
 535 .label-info,
 536 .badge-info {
 537     background-color: #eee;
 538     color: #222;
 539     text-shadow: none;
 540 }
 541
 542 .well {
 543     padding: 19px 19px 0;
 544 }
 545
 546 .table {
 547     background-color: #fff;
 548 }
 549
 550 /* non-bootstrap css
 551 ---------------------------------------------------------*/
 552
 553 [class^="icon-"]{
 554     background: none;
 555 }
 556 body{
 557     padding-left: 1.5em;
 558     padding-right: 1.5em;
 559 }
 560
 561 .number-of-modules {
 562     font-size: 14px;
 563     font-weight: 400;
 564     line-height: 1.5em;
 565     margin: 10px 0 0 15px;
 566 }
 567
 568 #other-module{
 569     display: none;
 570     overflow: scroll;
 571 }
 572 #toggle-other-modules i{
 573     font-size: 28px;
 574 }
 575 .nav-header{
 576 }
 577
 578 #description {
 579     font-size: 14px;
 580     line-height: 22px;
 581 }
 582 section > h2,
 583 section > h3{
 584     font-size: 30px;
 585     line-height: 30px;
 586     margin-bottom: 10px;
 587     margin-top: 25px;
 588     text-indent: 2px;
 589 }
 590 .properties > h3 {
 591     font-size: 20px;
 592     line-height: 20px;
 593     margin-bottom: 15px;
 594     margin-top: 30px;
 595     text-indent: 2px;
 596 }
 597 .methods > h3 {
 598     font-size: 20px;
 599     line-height: 20px;
 600     margin-bottom: 15px;
 601     margin-top: 30px;
 602     text-indent: 2px;
 603 }
 604 h3 .checkbox{
 605     display: inline-block;
 606     font-weight: 300;
 607     margin-left: 10px;
 608     vertical-align: middle;
 609     width: auto;
 610 }
 611 .element-list ul{
 612     margin: 0;
 613     padding: 0;
 614 }
 615 .element-list ul li {
 616     display: inline-block;
 617     padding: 3px 8px;
 618     margin-bottom: 10px;
 619     margin-right: 5px;
 620     font-size: 14px;
 621     line-height: 20px;
 622     color: #454545;
 623     text-align: center;
 624     background-color: #e0f0fa;
 625     *background-color: #e0f0fa;
 626     border: 1px solid #d9eaf4;
 627     background-image: none;
 628
 629     -webkit-border-radius: 3px;
 630        -moz-border-radius: 3px;
 631             border-radius: 3px;
 632 }
 633 .element-list ul li a {
 634     padding-top:0;
 635     padding-bottom:0;
 636 }
 637 .element-list ul li a:hover {
 638     background: transparent;
 639 }
 640 .member{
 641     background: #fff;
 642     color: #454545;
 643     margin-bottom: 20px;
 644     overflow: hidden; /* clearfix */
 645     padding: 20px 17px;
 646     border-radius: 4px;
 647     border: 1px solid #dedede;
 648     border-top: 1px solid #eee;
 649 }
 650 /*.member:last-of-type{*/
 651     /*margin-bottom: 0;*/
 652 /*}*/
 653 .member h4{
 654     border-bottom: 1px solid #e7e7e7;
 655     font-weight: 400;
 656     padding-bottom: 10px;
 657     margin-top: -10px;
 658     margin-bottom: 10px;
 659 }
 660 .member .code,
 661 .member .code {
 662     background: #f9f9f9;
 663     border: 1px solid #eee;
 664     border-top: 1px solid #e7e7e7;
 665     display: none;
 666     margin-top: 0;
 667     margin-bottom: 0;
 668 }
 669
 670 .member .example {
 671     display: block;
 672     margin-bottom: 15px;
 673     position: relative;
 674 }
 675
 676 .member .example:before {
 677     color: #888;
 678     content:  'Example';
 679     font-style: italic;
 680     position: absolute;
 681     right: 10px;
 682     top: 10px;
 683 }
 684
 685 .member.private{
 686     display: none;
 687     background: #fff;
 688 }
 689 .show-private .member.private{
 690     display: block;
 691 }
 692 .member .scope{
 693     color: #888;
 694     font-style: italic;
 695     padding-bottom: 10px;
 696     margin-top: -10px;
 697 }
 698
 699 .member .anchor {
 700     color: inherit;
 701     visibility: hidden
 702 }
 703
 704 .member .anchor:hover {
 705     text-decoration: none;
 706 }
 707
 708 .member .anchor:focus {
 709     box-shadow: none;
 710 }
 711
 712 .member .anchor .icon-link {
 713     line-height: 24px;
 714 }
 715
 716 .member:hover .anchor {
 717     visibility: visible;
 718 }
 719
 720 .deprecated {
 721     background: #EBEBEB;
 722     background-image: repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
 723 }
 724
 725 .deprecated .label-deprecated {
 726     margin-right: 10px;
 727 }
 728
 729 .deprecated .scope {
 730     text-decoration: line-through;
 731 }
 732
 733 .show-code {
 734     float: right;
 735 }
 736
 737 /* Typeahead styles (Bootstrap conflicts) */
 738
 739 .twitter-typeahead .tt-query,
 740 .twitter-typeahead .tt-hint {
 741   margin-bottom: 0;
 742 }
 743
 744 .tt-dropdown-menu {
 745   min-width: 160px;
 746   margin-top: 0;
 747   padding: 5px 0;
 748   background-color: #fff;
 749   border: 1px solid #d7d7d7;
 750   *border-right-width: 2px;
 751   *border-bottom-width: 2px;
 752   -webkit-border-radius: 4px;
 753      -moz-border-radius: 4px;
 754           border-radius: 4px;
 755   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
 756      -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
 757           box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
 758   -webkit-background-clip: padding-box;
 759      -moz-background-clip: padding;
 760           background-clip: padding-box;
 761 }
 762
 763 .tt-suggestion {
 764   display: block;
 765   font-family: source-sans-pro, Helvetica, Arial, sans-serif;
 766   font-size: 14px;
 767   padding: 3px 10px;
 768 }
 769
 770 .tt-suggestion.tt-is-under-cursor {
 771   color: #000;
 772   background-color: #e0f0fa;
 773   background-image: none;
 774 }
 775
 776 .tt-suggestion.tt-is-under-cursor a {
 777   color: #fff;
 778 }
 779
 780 .tt-suggestion p {
 781   margin: 0;
 782 }
 783
 784 .navbar-fixed-top .container {
 785     margin: 5px;
 786     width: auto;
 787 }
 788
 789 span.twitter-typeahead {
 790     float: right;
 791     margin: 5px;
 792 }
 793
 794 input.typeahead, input.tt-hint {
 795     margin: 0;
 796 }
 797
 798 input.tt-hint {
 799     color: #999;
 800 }
 801
 802 dl .label {
 803     margin-bottom: 7px;
 804 }
 805
 806 /* --------------- Appended ---------------- */
 807
 808 .node-icon {
 809     width: 16px;
 810     height: 16px;
 811     display: inline-block;
 812 }