css/themes/slate.css

   1 /*!
   2  * bootswatch v3.3.5
   3  * Homepage: http://bootswatch.com
   4  * Copyright 2012-2015 Thomas Park
   5  * Licensed under MIT
   6  * Based on Bootstrap
   7 */
   8 /*!
   9  * Bootstrap v3.3.5 (http://getbootstrap.com)
  10  * Copyright 2011-2015 Twitter, Inc.
  11  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  12  */
  13 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
  14 html {
  15   font-family: sans-serif;
  16   -ms-text-size-adjust: 100%;
  17   -webkit-text-size-adjust: 100%;
  18 }
  19 body {
  20   margin: 0;
  21 }
  22 article,
  23 aside,
  24 details,
  25 figcaption,
  26 figure,
  27 footer,
  28 header,
  29 hgroup,
  30 main,
  31 menu,
  32 nav,
  33 section,
  34 summary {
  35   display: block;
  36 }
  37 audio,
  38 canvas,
  39 progress,
  40 video {
  41   display: inline-block;
  42   vertical-align: baseline;
  43 }
  44 audio:not([controls]) {
  45   display: none;
  46   height: 0;
  47 }
  48 [hidden],
  49 template {
  50   display: none;
  51 }
  52 a {
  53   background-color: transparent;
  54 }
  55 a:active,
  56 a:hover {
  57   outline: 0;
  58 }
  59 abbr[title] {
  60   border-bottom: 1px dotted;
  61 }
  62 b,
  63 strong {
  64   font-weight: bold;
  65 }
  66 dfn {
  67   font-style: italic;
  68 }
  69 h1 {
  70   font-size: 2em;
  71   margin: 0.67em 0;
  72 }
  73 mark {
  74   background: #ff0;
  75   color: #000;
  76 }
  77 small {
  78   font-size: 80%;
  79 }
  80 sub,
  81 sup {
  82   font-size: 75%;
  83   line-height: 0;
  84   position: relative;
  85   vertical-align: baseline;
  86 }
  87 sup {
  88   top: -0.5em;
  89 }
  90 sub {
  91   bottom: -0.25em;
  92 }
  93 img {
  94   border: 0;
  95 }
  96 svg:not(:root) {
  97   overflow: hidden;
  98 }
  99 figure {
 100   margin: 1em 40px;
 101 }
 102 hr {
 103   box-sizing: content-box;
 104   height: 0;
 105 }
 106 pre {
 107   overflow: auto;
 108 }
 109 code,
 110 kbd,
 111 pre,
 112 samp {
 113   font-family: monospace, monospace;
 114   font-size: 1em;
 115 }
 116 button,
 117 input,
 118 optgroup,
 119 select,
 120 textarea {
 121   color: inherit;
 122   font: inherit;
 123   margin: 0;
 124 }
 125 button {
 126   overflow: visible;
 127 }
 128 button,
 129 select {
 130   text-transform: none;
 131 }
 132 button,
 133 html input[type="button"],
 134 input[type="reset"],
 135 input[type="submit"] {
 136   -webkit-appearance: button;
 137   cursor: pointer;
 138 }
 139 button[disabled],
 140 html input[disabled] {
 141   cursor: default;
 142 }
 143 button::-moz-focus-inner,
 144 input::-moz-focus-inner {
 145   border: 0;
 146   padding: 0;
 147 }
 148 input {
 149   line-height: normal;
 150 }
 151 input[type="checkbox"],
 152 input[type="radio"] {
 153   box-sizing: border-box;
 154   padding: 0;
 155 }
 156 input[type="number"]::-webkit-inner-spin-button,
 157 input[type="number"]::-webkit-outer-spin-button {
 158   height: auto;
 159 }
 160 input[type="search"] {
 161   -webkit-appearance: textfield;
 162   box-sizing: content-box;
 163 }
 164 input[type="search"]::-webkit-search-cancel-button,
 165 input[type="search"]::-webkit-search-decoration {
 166   -webkit-appearance: none;
 167 }
 168 fieldset {
 169   border: 1px solid #c0c0c0;
 170   margin: 0 2px;
 171   padding: 0.35em 0.625em 0.75em;
 172 }
 173 legend {
 174   border: 0;
 175   padding: 0;
 176 }
 177 textarea {
 178   overflow: auto;
 179 }
 180 optgroup {
 181   font-weight: bold;
 182 }
 183 table {
 184   border-collapse: collapse;
 185   border-spacing: 0;
 186 }
 187 td,
 188 th {
 189   padding: 0;
 190 }
 191 /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
 192 @media print {
 193   *,
 194   *:before,
 195   *:after {
 196     background: transparent !important;
 197     color: #000 !important;
 198     box-shadow: none !important;
 199     text-shadow: none !important;
 200   }
 201   a,
 202   a:visited {
 203     text-decoration: underline;
 204   }
 205   a[href]:after {
 206     content: " (" attr(href) ")";
 207   }
 208   abbr[title]:after {
 209     content: " (" attr(title) ")";
 210   }
 211   a[href^="#"]:after,
 212   a[href^="javascript:"]:after {
 213     content: "";
 214   }
 215   pre,
 216   blockquote {
 217     border: 1px solid #999;
 218     page-break-inside: avoid;
 219   }
 220   thead {
 221     display: table-header-group;
 222   }
 223   tr,
 224   img {
 225     page-break-inside: avoid;
 226   }
 227   img {
 228     max-width: 100% !important;
 229   }
 230   p,
 231   h2,
 232   h3 {
 233     orphans: 3;
 234     widows: 3;
 235   }
 236   h2,
 237   h3 {
 238     page-break-after: avoid;
 239   }
 240   .navbar {
 241     display: none;
 242   }
 243   .btn > .caret,
 244   .dropup > .btn > .caret {
 245     border-top-color: #000 !important;
 246   }
 247   .label {
 248     border: 1px solid #000;
 249   }
 250   .table {
 251     border-collapse: collapse !important;
 252   }
 253   .table td,
 254   .table th {
 255     background-color: #fff !important;
 256   }
 257   .table-bordered th,
 258   .table-bordered td {
 259     border: 1px solid #ddd !important;
 260   }
 261 }
 262 * {
 263   box-sizing: border-box;
 264 }
 265 *:before,
 266 *:after {
 267   box-sizing: border-box;
 268 }
 269 html {
 270   font-size: 10px;
 271   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 272 }
 273 body {
 274   font-family: "DejaVu Serif", Georgia, serif;
 275   font-size: 14px;
 276   line-height: 1.42857143;
 277   color: #c8c8c8;
 278   background-color: #272b30;
 279 }
 280 input,
 281 button,
 282 select,
 283 textarea {
 284   font-family: inherit;
 285   font-size: inherit;
 286   line-height: inherit;
 287 }
 288 a {
 289   color: #ffffff;
 290   text-decoration: none;
 291 }
 292 a:hover,
 293 a:focus {
 294   color: #ffffff;
 295   text-decoration: underline;
 296 }
 297 a:focus {
 298   outline: thin dotted;
 299   outline: 5px auto -webkit-focus-ring-color;
 300   outline-offset: -2px;
 301 }
 302 figure {
 303   margin: 0;
 304 }
 305 img {
 306   vertical-align: middle;
 307 }
 308 .img-responsive {
 309   display: block;
 310   max-width: 100%;
 311   height: auto;
 312 }
 313 .img-rounded {
 314   border-radius: 6px;
 315 }
 316 .img-thumbnail {
 317   padding: 4px;
 318   line-height: 1.42857143;
 319   background-color: #1c1e22;
 320   border: 1px solid #0c0d0e;
 321   border-radius: 4px;
 322   transition: all 0.2s ease-in-out;
 323   display: inline-block;
 324   max-width: 100%;
 325   height: auto;
 326 }
 327 .img-circle {
 328   border-radius: 50%;
 329 }
 330 hr {
 331   margin-top: 20px;
 332   margin-bottom: 20px;
 333   border: 0;
 334   border-top: 1px solid #1c1e22;
 335 }
 336 .sr-only {
 337   position: absolute;
 338   width: 1px;
 339   height: 1px;
 340   margin: -1px;
 341   padding: 0;
 342   overflow: hidden;
 343   clip: rect(0, 0, 0, 0);
 344   border: 0;
 345 }
 346 .sr-only-focusable:active,
 347 .sr-only-focusable:focus {
 348   position: static;
 349   width: auto;
 350   height: auto;
 351   margin: 0;
 352   overflow: visible;
 353   clip: auto;
 354 }
 355 [role="button"] {
 356   cursor: pointer;
 357 }
 358 h1,
 359 h2,
 360 h3,
 361 h4,
 362 h5,
 363 h6 {
 364   font-family: sans-serif;
 365   font-weight: 500;
 366   line-height: 1.1;
 367   color: inherit;
 368 }
 369 h1 small,
 370 h2 small,
 371 h3 small,
 372 h4 small,
 373 h5 small,
 374 h6 small {
 375   font-weight: normal;
 376   line-height: 1;
 377   color: #7a8288;
 378 }
 379 h1,
 380 h2,
 381 h3 {
 382   margin-top: 20px;
 383   margin-bottom: 10px;
 384 }
 385 h1 small,
 386 h2 small,
 387 h3 small {
 388   font-size: 65%;
 389 }
 390 h4,
 391 h5,
 392 h6 {
 393   margin-top: 10px;
 394   margin-bottom: 10px;
 395 }
 396 h4 small,
 397 h5 small,
 398 h6 small {
 399   font-size: 75%;
 400 }
 401 h1 {
 402   font-size: 36px;
 403 }
 404 h2 {
 405   font-size: 30px;
 406 }
 407 h3 {
 408   font-size: 24px;
 409 }
 410 h4 {
 411   font-size: 18px;
 412 }
 413 h5 {
 414   font-size: 14px;
 415 }
 416 h6 {
 417   font-size: 12px;
 418 }
 419 p {
 420   margin: 0 0 10px;
 421 }
 422 .lead {
 423   margin-bottom: 20px;
 424   font-size: 16px;
 425   font-weight: 300;
 426   line-height: 1.4;
 427 }
 428 @media (min-width: 768px) {
 429   .lead {
 430     font-size: 21px;
 431   }
 432 }
 433 small {
 434   font-size: 85%;
 435 }
 436 .text-left {
 437   text-align: left;
 438 }
 439 .text-right {
 440   text-align: right;
 441 }
 442 .text-center {
 443   text-align: center;
 444 }
 445 .text-justify {
 446   text-align: justify;
 447 }
 448 .text-nowrap {
 449   white-space: nowrap;
 450 }
 451 ul,
 452 ol {
 453   margin-top: 0;
 454   margin-bottom: 10px;
 455 }
 456 ul ul,
 457 ol ul {
 458   margin-bottom: 0;
 459 }
 460 .list-unstyled {
 461   padding-left: 0;
 462   list-style: none;
 463 }
 464 .list-inline {
 465   padding-left: 0;
 466   list-style: none;
 467   margin-left: -5px;
 468 }
 469 .list-inline > li {
 470   display: inline-block;
 471   padding-left: 5px;
 472   padding-right: 5px;
 473 }
 474 dl {
 475   margin-top: 0;
 476   margin-bottom: 20px;
 477 }
 478 dt,
 479 dd {
 480   line-height: 1.42857143;
 481 }
 482 dt {
 483   font-weight: bold;
 484 }
 485 dd {
 486   margin-left: 0;
 487 }
 488 @media (min-width: 768px) {
 489   .dl-horizontal dt {
 490     float: left;
 491     width: 160px;
 492     clear: left;
 493     text-align: right;
 494     overflow: hidden;
 495     text-overflow: ellipsis;
 496     white-space: nowrap;
 497   }
 498   .dl-horizontal dd {
 499     margin-left: 180px;
 500   }
 501 }
 502 abbr[title],
 503 abbr[data-original-title] {
 504   cursor: help;
 505   border-bottom: 1px dotted #7a8288;
 506 }
 507 blockquote {
 508   padding: 10px 20px;
 509   margin: 0 0 20px;
 510   font-size: 17.5px;
 511   border-left: 5px solid #7a8288;
 512 }
 513 address {
 514   margin-bottom: 20px;
 515   font-style: normal;
 516   line-height: 1.42857143;
 517 }
 518 code,
 519 kbd,
 520 pre,
 521 samp {
 522   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
 523 }
 524 code {
 525   padding: 2px 4px;
 526   font-size: 90%;
 527   color: #c7254e;
 528   background-color: #f9f2f4;
 529   border-radius: 4px;
 530 }
 531 kbd {
 532   padding: 2px 4px;
 533   font-size: 90%;
 534   color: #ffffff;
 535   background-color: #333333;
 536   border-radius: 3px;
 537   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
 538 }
 539 kbd kbd {
 540   padding: 0;
 541   font-size: 100%;
 542   font-weight: bold;
 543   box-shadow: none;
 544 }
 545 pre {
 546   display: block;
 547   padding: 9.5px;
 548   margin: 0 0 10px;
 549   font-size: 13px;
 550   line-height: 1.42857143;
 551   word-break: break-all;
 552   word-wrap: break-word;
 553   color: #3a3f44;
 554   background-color: #f5f5f5;
 555   border: 1px solid #cccccc;
 556   border-radius: 4px;
 557 }
 558 pre code {
 559   padding: 0;
 560   font-size: inherit;
 561   color: inherit;
 562   white-space: pre-wrap;
 563   background-color: transparent;
 564   border-radius: 0;
 565 }
 566 .pre-scrollable {
 567   max-height: 340px;
 568   overflow-y: scroll;
 569 }
 570 table {
 571   background-color: #2e3338;
 572 }
 573 caption {
 574   padding-top: 5px;
 575   padding-bottom: 5px;
 576   color: #7a8288;
 577   text-align: left;
 578 }
 579 th {
 580   text-align: left;
 581 }
 582 .table {
 583   width: 100%;
 584   max-width: 100%;
 585   margin-bottom: 20px;
 586 }
 587 .table > thead > tr > th,
 588 .table > tbody > tr > th,
 589 .table > thead > tr > td,
 590 .table > tbody > tr > td {
 591   padding: 5px;
 592   line-height: 1.42857143;
 593   vertical-align: top;
 594   border-top: 1px solid #1c1e22;
 595 }
 596 .table > thead > tr > th {
 597   vertical-align: bottom;
 598   border-bottom: 2px solid #1c1e22;
 599 }
 600 .table > thead:first-child > tr:first-child > th,
 601 .table > thead:first-child > tr:first-child > td {
 602   border-top: 0;
 603 }
 604 .table-bordered {
 605   border: 1px solid #1c1e22;
 606 }
 607 .table-bordered > thead > tr > th,
 608 .table-bordered > tbody > tr > th,
 609 .table-bordered > thead > tr > td,
 610 .table-bordered > tbody > tr > td {
 611   border: 1px solid #1c1e22;
 612 }
 613 .table-bordered > thead > tr > th,
 614 .table-bordered > thead > tr > td {
 615   border-bottom-width: 2px;
 616 }
 617 .table-striped > tbody > tr:nth-of-type(odd) {
 618   background-color: #353a41;
 619 }
 620 .table > tbody > tr > td.info,
 621 .table > tbody > tr.info > td {
 622   background-color: #5bc0de;
 623 }
 624 .table > tbody > tr > td.warning,
 625 .table > tbody > tr.warning > td {
 626   background-color: #f89406;
 627 }
 628 label {
 629   display: inline-block;
 630   max-width: 100%;
 631   margin-bottom: 5px;
 632   font-weight: bold;
 633 }
 634 input[type="radio"],
 635 input[type="checkbox"] {
 636   margin: 4px 0 0;
 637   margin-top: 1px \9;
 638   line-height: normal;
 639 }
 640 input[type="file"] {
 641   display: block;
 642 }
 643 input[type="file"]:focus,
 644 input[type="radio"]:focus,
 645 input[type="checkbox"]:focus {
 646   outline: thin dotted;
 647   outline: 5px auto -webkit-focus-ring-color;
 648   outline-offset: -2px;
 649 }
 650 .form-control {
 651   display: block;
 652   width: 100%;
 653   height: 38px;
 654   padding: 8px 12px;
 655   font-size: 14px;
 656   line-height: 1.42857143;
 657   color: #272b30;
 658   background-color: #ffffff;
 659   background-image: none;
 660   border: 1px solid #cccccc;
 661   border-radius: 4px;
 662   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 663   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 664 }
 665 .form-control:focus {
 666   border-color: #66afe9;
 667   outline: 0;
 668   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
 669 }
 670 .form-control::-moz-placeholder {
 671   color: #7a8288;
 672   opacity: 1;
 673 }
 674 .form-control:-ms-input-placeholder {
 675   color: #7a8288;
 676 }
 677 .form-control::-webkit-input-placeholder {
 678   color: #7a8288;
 679 }
 680 textarea.form-control {
 681   height: auto;
 682 }
 683 .form-group {
 684   margin-bottom: 15px;
 685 }
 686 .btn {
 687   display: inline-block;
 688   margin-bottom: 0;
 689   font-weight: normal;
 690   text-align: center;
 691   vertical-align: middle;
 692   -ms-touch-action: manipulation;
 693       touch-action: manipulation;
 694   cursor: pointer;
 695   background-image: none;
 696   border: 1px solid transparent;
 697   white-space: nowrap;
 698   padding: 8px 12px;
 699   font-size: 14px;
 700   line-height: 1.42857143;
 701   border-radius: 4px;
 702   -webkit-user-select: none;
 703   -moz-user-select: none;
 704   -ms-user-select: none;
 705   user-select: none;
 706 }
 707 .btn:focus,
 708 .btn:active:focus {
 709   outline: thin dotted;
 710   outline: 5px auto -webkit-focus-ring-color;
 711   outline-offset: -2px;
 712 }
 713 .btn:hover,
 714 .btn:focus {
 715   color: #ffffff;
 716   text-decoration: none;
 717 }
 718 .btn:active {
 719   outline: 0;
 720   background-image: none;
 721   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 722 }
 723 .btn-default {
 724   color: #ffffff;
 725   background-color: #3a3f44;
 726   border-color: #3a3f44;
 727 }
 728 .btn-default:focus {
 729   color: #ffffff;
 730   background-color: #232628;
 731   border-color: #000000;
 732 }
 733 .btn-default:hover {
 734   color: #ffffff;
 735   background-color: #232628;
 736   border-color: #1e2023;
 737 }
 738 .btn-default:active {
 739   color: #ffffff;
 740   background-color: #232628;
 741   border-color: #1e2023;
 742 }
 743 .btn-default:active:hover,
 744 .btn-default:active:focus {
 745   color: #ffffff;
 746   background-color: #121415;
 747   border-color: #000000;
 748 }
 749 .btn-default:active {
 750   background-image: none;
 751 }
 752 .btn-primary {
 753   color: #ffffff;
 754   background-color: #7a8288;
 755   border-color: #7a8288;
 756 }
 757 .btn-primary:focus {
 758   color: #ffffff;
 759   background-color: #62686d;
 760   border-color: #3e4245;
 761 }
 762 .btn-primary:hover {
 763   color: #ffffff;
 764   background-color: #62686d;
 765   border-color: #5d6368;
 766 }
 767 .btn-primary:active {
 768   color: #ffffff;
 769   background-color: #62686d;
 770   border-color: #5d6368;
 771 }
 772 .btn-primary:active:hover,
 773 .btn-primary:active:focus {
 774   color: #ffffff;
 775   background-color: #51565a;
 776   border-color: #3e4245;
 777 }
 778 .btn-primary:active {
 779   background-image: none;
 780 }
 781 .nav {
 782   margin-bottom: 0;
 783   padding-left: 0;
 784   list-style: none;
 785 }
 786 .nav > li {
 787   position: relative;
 788   display: block;
 789 }
 790 .nav > li > a {
 791   position: relative;
 792   display: block;
 793   padding: 10px 15px;
 794 }
 795 .nav > li > a:hover,
 796 .nav > li > a:focus {
 797   text-decoration: none;
 798   background-color: #3e444c;
 799 }
 800 .nav-pills > li {
 801   float: left;
 802 }
 803 .nav-pills > li > a {
 804   border-radius: 4px;
 805 }
 806 .nav-pills > li + li {
 807   margin-left: 2px;
 808 }
 809 .nav-pills > li.active > a,
 810 .nav-pills > li.active > a:hover,
 811 .nav-pills > li.active > a:focus {
 812   color: #ffffff;
 813   background-color: transparent;
 814 }
 815 .nav-stacked > li {
 816   float: none;
 817 }
 818 .nav-stacked > li + li {
 819   margin-top: 2px;
 820   margin-left: 0;
 821 }
 822 .nav-justified {
 823   width: 100%;
 824 }
 825 .nav-justified > li {
 826   float: none;
 827 }
 828 .nav-justified > li > a {
 829   text-align: center;
 830   margin-bottom: 5px;
 831 }
 832 @media (min-width: 768px) {
 833   .nav-justified > li {
 834     display: table-cell;
 835     width: 1%;
 836   }
 837   .nav-justified > li > a {
 838     margin-bottom: 0;
 839   }
 840 }
 841 .pager {
 842   padding-left: 0;
 843   margin: 20px 0;
 844   list-style: none;
 845   text-align: center;
 846 }
 847 .pager li {
 848   display: inline;
 849 }
 850 .pager li > a,
 851 .pager li > span {
 852   display: inline-block;
 853   padding: 5px 14px;
 854   background-color: #3a3f44;
 855   border: 1px solid rgba(0, 0, 0, 0.6);
 856   border-radius: 15px;
 857 }
 858 .pager li > a:hover,
 859 .pager li > a:focus {
 860   text-decoration: none;
 861   background-color: transparent;
 862 }
 863 .pager .next > a,
 864 .pager .next > span {
 865   float: right;
 866 }
 867 .pager .previous > a,
 868 .pager .previous > span {
 869   float: left;
 870 }
 871 .alert {
 872   padding: 15px;
 873   margin-bottom: 20px;
 874   border: 1px solid transparent;
 875   border-radius: 4px;
 876 }
 877 .alert h4 {
 878   margin-top: 0;
 879   color: inherit;
 880 }
 881 .alert .alert-link {
 882   font-weight: bold;
 883 }
 884 .alert > p,
 885 .alert > ul {
 886   margin-bottom: 0;
 887 }
 888 .alert > p + p {
 889   margin-top: 5px;
 890 }
 891 .alert-info {
 892   background-color: #5bc0de;
 893   border-color: #3dced8;
 894   color: #ffffff;
 895 }
 896 .alert-info hr {
 897   border-top-color: #2ac7d2;
 898 }
 899 .alert-info .alert-link {
 900   color: #e6e6e6;
 901 }
 902 .alert-warning {
 903   background-color: #f89406;
 904   border-color: #e96506;
 905   color: #ffffff;
 906 }
 907 .alert-warning hr {
 908   border-top-color: #d05a05;
 909 }
 910 .alert-warning .alert-link {
 911   color: #e6e6e6;
 912 }
 913 .well {
 914   min-height: 20px;
 915   padding: 19px;
 916   margin-bottom: 20px;
 917   background-color: #1c1e22;
 918   border: 1px solid #0c0d0e;
 919   border-radius: 4px;
 920   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 921 }
 922 .well blockquote {
 923   border-color: #ddd;
 924   border-color: rgba(0, 0, 0, 0.15);
 925 }
 926 .clearfix:before,
 927 .clearfix:after,
 928 .dl-horizontal dd:before,
 929 .dl-horizontal dd:after,
 930 .nav:before,
 931 .nav:after,
 932 .pager:before,
 933 .pager:after {
 934   content: " ";
 935   display: table;
 936 }
 937 .clearfix:after,
 938 .dl-horizontal dd:after,
 939 .nav:after,
 940 .pager:after {
 941   clear: both;
 942 }
 943 .center-block {
 944   display: block;
 945   margin-left: auto;
 946   margin-right: auto;
 947 }
 948 .pull-right {
 949   float: right !important;
 950 }
 951 .pull-left {
 952   float: left !important;
 953 }
 954 .hide {
 955   display: none !important;
 956 }
 957 .show {
 958   display: block !important;
 959 }
 960 .invisible {
 961   visibility: hidden;
 962 }
 963 .text-hide {
 964   font: 0/0 a;
 965   color: transparent;
 966   text-shadow: none;
 967   background-color: transparent;
 968   border: 0;
 969 }
 970 .hidden {
 971   display: none !important;
 972 }
 973 .affix {
 974   position: fixed;
 975 }
 976 @-ms-viewport {
 977   width: device-width;
 978 }
 979 .visible-xs-block,
 980 .visible-xs-inline {
 981   display: none !important;
 982 }
 983 @media (max-width: 767px) {
 984   .visible-xs-block {
 985     display: block !important;
 986   }
 987 }
 988 @media (max-width: 767px) {
 989   .visible-xs-inline {
 990     display: inline !important;
 991   }
 992 }
 993 @media (max-width: 767px) {
 994   .hidden-xs {
 995     display: none !important;
 996   }
 997 }
 998 .btn,
 999 .btn:hover {
1000   border-color: rgba(0, 0, 0, 0.6);
1001   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
1002 }
1003 .btn-default {
1004   background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);
1005   background-repeat: no-repeat;
1006 }
1007 .btn-default:hover {
1008   background-image: linear-gradient(#020202, #101112 40%, #191b1d);
1009   background-repeat: no-repeat;
1010 }
1011 .btn-primary {
1012   background-image: linear-gradient(#8a9196, #7a8288 60%, #70787d);
1013   background-repeat: no-repeat;
1014 }
1015 .btn-primary:hover {
1016   background-image: linear-gradient(#404448, #4e5458 40%, #585e62);
1017   background-repeat: no-repeat;
1018 }
1019 h1,
1020 h2,
1021 h3,
1022 h4,
1023 h5,
1024 h6 {
1025   text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
1026 }
1027 .table .success,
1028 .table .warning,
1029 .table .danger,
1030 .table .info {
1031   color: #fff;
1032 }
1033 .table-bordered tbody tr.success td,
1034 .table-bordered tbody tr.warning td,
1035 .table-bordered tbody tr.danger td,
1036 .table-bordered tbody tr.success:hover td,
1037 .table-bordered tbody tr.warning:hover td,
1038 .table-bordered tbody tr.danger:hover td {
1039   border-color: #1c1e22;
1040 }
1041 .table-responsive > .table {
1042   background-color: #2e3338;
1043 }
1044 .nav .open > a,
1045 .nav .open > a:hover,
1046 .nav .open > a:focus {
1047   border-color: rgba(0, 0, 0, 0.6);
1048 }
1049 .nav-pills > li > a {
1050   background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);
1051   background-repeat: no-repeat;
1052   border: 1px solid rgba(0, 0, 0, 0.6);
1053   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
1054 }
1055 .nav-pills > li > a:hover {
1056   background-image: linear-gradient(#020202, #101112 40%, #191b1d);
1057   background-repeat: no-repeat;
1058   border: 1px solid rgba(0, 0, 0, 0.6);
1059 }
1060 .nav-pills > li.active > a,
1061 .nav-pills > li.active > a:hover {
1062   background-color: none;
1063   background-image: linear-gradient(#020202, #101112 40%, #191b1d);
1064   background-repeat: no-repeat;
1065   border: 1px solid rgba(0, 0, 0, 0.6);
1066 }
1067 .nav-pills > li.disabled > a,
1068 .nav-pills > li.disabled > a:hover {
1069   background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);
1070   background-repeat: no-repeat;
1071 }
1072 .pager > li > a {
1073   background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);
1074   background-repeat: no-repeat;
1075   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
1076 }
1077 .pager > li > a:hover {
1078   background-image: linear-gradient(#020202, #101112 40%, #191b1d);
1079   background-repeat: no-repeat;
1080 }
1081 .pager > li.disabled > a,
1082 .pager > li.disabled > a:hover {
1083   background-color: transparent;
1084   background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);
1085   background-repeat: no-repeat;
1086 }
1087 .alert .alert-link,
1088 .alert a {
1089   color: #fff;
1090   text-decoration: underline;
1091 }
1092 .alert .close {
1093   color: #000000;
1094   text-decoration: none;
1095 }