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 .container {
 571   margin-right: auto;
 572   margin-left: auto;
 573   padding-left: 15px;
 574   padding-right: 15px;
 575 }
 576 @media (min-width: 992px) {
 577   .container {
 578     width: 970px;
 579   }
 580 }
 581 .container-fluid {
 582   margin-right: auto;
 583   margin-left: auto;
 584   padding-left: 15px;
 585   padding-right: 15px;
 586 }
 587 .row {
 588   margin-left: -15px;
 589   margin-right: -15px;
 590 }
 591 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
 592   position: relative;
 593   min-height: 1px;
 594   padding-left: 15px;
 595   padding-right: 15px;
 596 }
 597 @media (min-width: 992px) {
 598   .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
 599     float: left;
 600   }
 601   .col-md-12 {
 602     width: 100%;
 603   }
 604   .col-md-11 {
 605     width: 91.66666667%;
 606   }
 607   .col-md-10 {
 608     width: 83.33333333%;
 609   }
 610   .col-md-9 {
 611     width: 75%;
 612   }
 613   .col-md-8 {
 614     width: 66.66666667%;
 615   }
 616   .col-md-7 {
 617     width: 58.33333333%;
 618   }
 619   .col-md-6 {
 620     width: 50%;
 621   }
 622   .col-md-5 {
 623     width: 41.66666667%;
 624   }
 625   .col-md-4 {
 626     width: 33.33333333%;
 627   }
 628   .col-md-3 {
 629     width: 25%;
 630   }
 631   .col-md-2 {
 632     width: 16.66666667%;
 633   }
 634   .col-md-1 {
 635     width: 8.33333333%;
 636   }
 637 }
 638 table {
 639   background-color: #2e3338;
 640 }
 641 caption {
 642   padding-top: 5px;
 643   padding-bottom: 5px;
 644   color: #7a8288;
 645   text-align: left;
 646 }
 647 th {
 648   text-align: left;
 649 }
 650 .table {
 651   width: 100%;
 652   max-width: 100%;
 653   margin-bottom: 20px;
 654 }
 655 .table > thead > tr > th,
 656 .table > tbody > tr > th,
 657 .table > thead > tr > td,
 658 .table > tbody > tr > td {
 659   padding: 5px;
 660   line-height: 1.42857143;
 661   vertical-align: top;
 662   border-top: 1px solid #1c1e22;
 663 }
 664 .table > thead > tr > th {
 665   vertical-align: bottom;
 666   border-bottom: 2px solid #1c1e22;
 667 }
 668 .table > thead:first-child > tr:first-child > th,
 669 .table > thead:first-child > tr:first-child > td {
 670   border-top: 0;
 671 }
 672 .table-bordered {
 673   border: 1px solid #1c1e22;
 674 }
 675 .table-bordered > thead > tr > th,
 676 .table-bordered > tbody > tr > th,
 677 .table-bordered > thead > tr > td,
 678 .table-bordered > tbody > tr > td {
 679   border: 1px solid #1c1e22;
 680 }
 681 .table-bordered > thead > tr > th,
 682 .table-bordered > thead > tr > td {
 683   border-bottom-width: 2px;
 684 }
 685 .table-striped > tbody > tr:nth-of-type(odd) {
 686   background-color: #353a41;
 687 }
 688 .table > tbody > tr > td.info,
 689 .table > tbody > tr.info > td {
 690   background-color: #5bc0de;
 691 }
 692 .table > tbody > tr > td.warning,
 693 .table > tbody > tr.warning > td {
 694   background-color: #f89406;
 695 }
 696 label {
 697   display: inline-block;
 698   max-width: 100%;
 699   margin-bottom: 5px;
 700   font-weight: bold;
 701 }
 702 input[type="radio"],
 703 input[type="checkbox"] {
 704   margin: 4px 0 0;
 705   margin-top: 1px \9;
 706   line-height: normal;
 707 }
 708 input[type="file"] {
 709   display: block;
 710 }
 711 input[type="file"]:focus,
 712 input[type="radio"]:focus,
 713 input[type="checkbox"]:focus {
 714   outline: thin dotted;
 715   outline: 5px auto -webkit-focus-ring-color;
 716   outline-offset: -2px;
 717 }
 718 .form-control {
 719   display: block;
 720   width: 100%;
 721   height: 38px;
 722   padding: 8px 12px;
 723   font-size: 14px;
 724   line-height: 1.42857143;
 725   color: #272b30;
 726   background-color: #ffffff;
 727   background-image: none;
 728   border: 1px solid #cccccc;
 729   border-radius: 4px;
 730   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 731   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 732 }
 733 .form-control:focus {
 734   border-color: #66afe9;
 735   outline: 0;
 736   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
 737 }
 738 .form-control::-moz-placeholder {
 739   color: #7a8288;
 740   opacity: 1;
 741 }
 742 .form-control:-ms-input-placeholder {
 743   color: #7a8288;
 744 }
 745 .form-control::-webkit-input-placeholder {
 746   color: #7a8288;
 747 }
 748 textarea.form-control {
 749   height: auto;
 750 }
 751 .form-group {
 752   margin-bottom: 15px;
 753 }
 754 .btn {
 755   display: inline-block;
 756   margin-bottom: 0;
 757   font-weight: normal;
 758   text-align: center;
 759   vertical-align: middle;
 760   -ms-touch-action: manipulation;
 761       touch-action: manipulation;
 762   cursor: pointer;
 763   background-image: none;
 764   border: 1px solid transparent;
 765   white-space: nowrap;
 766   padding: 8px 12px;
 767   font-size: 14px;
 768   line-height: 1.42857143;
 769   border-radius: 4px;
 770   -webkit-user-select: none;
 771   -moz-user-select: none;
 772   -ms-user-select: none;
 773   user-select: none;
 774 }
 775 .btn:focus,
 776 .btn:active:focus {
 777   outline: thin dotted;
 778   outline: 5px auto -webkit-focus-ring-color;
 779   outline-offset: -2px;
 780 }
 781 .btn:hover,
 782 .btn:focus {
 783   color: #ffffff;
 784   text-decoration: none;
 785 }
 786 .btn:active {
 787   outline: 0;
 788   background-image: none;
 789   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 790 }
 791 .btn-default {
 792   color: #ffffff;
 793   background-color: #3a3f44;
 794   border-color: #3a3f44;
 795 }
 796 .btn-default:focus {
 797   color: #ffffff;
 798   background-color: #232628;
 799   border-color: #000000;
 800 }
 801 .btn-default:hover {
 802   color: #ffffff;
 803   background-color: #232628;
 804   border-color: #1e2023;
 805 }
 806 .btn-default:active {
 807   color: #ffffff;
 808   background-color: #232628;
 809   border-color: #1e2023;
 810 }
 811 .btn-default:active:hover,
 812 .btn-default:active:focus {
 813   color: #ffffff;
 814   background-color: #121415;
 815   border-color: #000000;
 816 }
 817 .btn-default:active {
 818   background-image: none;
 819 }
 820 .btn-primary {
 821   color: #ffffff;
 822   background-color: #7a8288;
 823   border-color: #7a8288;
 824 }
 825 .btn-primary:focus {
 826   color: #ffffff;
 827   background-color: #62686d;
 828   border-color: #3e4245;
 829 }
 830 .btn-primary:hover {
 831   color: #ffffff;
 832   background-color: #62686d;
 833   border-color: #5d6368;
 834 }
 835 .btn-primary:active {
 836   color: #ffffff;
 837   background-color: #62686d;
 838   border-color: #5d6368;
 839 }
 840 .btn-primary:active:hover,
 841 .btn-primary:active:focus {
 842   color: #ffffff;
 843   background-color: #51565a;
 844   border-color: #3e4245;
 845 }
 846 .btn-primary:active {
 847   background-image: none;
 848 }
 849 .nav {
 850   margin-bottom: 0;
 851   padding-left: 0;
 852   list-style: none;
 853 }
 854 .nav > li {
 855   position: relative;
 856   display: block;
 857 }
 858 .nav > li > a {
 859   position: relative;
 860   display: block;
 861   padding: 10px 15px;
 862 }
 863 .nav > li > a:hover,
 864 .nav > li > a:focus {
 865   text-decoration: none;
 866   background-color: #3e444c;
 867 }
 868 .nav-pills > li {
 869   float: left;
 870 }
 871 .nav-pills > li > a {
 872   border-radius: 4px;
 873 }
 874 .nav-pills > li + li {
 875   margin-left: 2px;
 876 }
 877 .nav-pills > li.active > a,
 878 .nav-pills > li.active > a:hover,
 879 .nav-pills > li.active > a:focus {
 880   color: #ffffff;
 881   background-color: transparent;
 882 }
 883 .nav-stacked > li {
 884   float: none;
 885 }
 886 .nav-stacked > li + li {
 887   margin-top: 2px;
 888   margin-left: 0;
 889 }
 890 .nav-justified {
 891   width: 100%;
 892 }
 893 .nav-justified > li {
 894   float: none;
 895 }
 896 .nav-justified > li > a {
 897   text-align: center;
 898   margin-bottom: 5px;
 899 }
 900 @media (min-width: 768px) {
 901   .nav-justified > li {
 902     display: table-cell;
 903     width: 1%;
 904   }
 905   .nav-justified > li > a {
 906     margin-bottom: 0;
 907   }
 908 }
 909 .pager {
 910   padding-left: 0;
 911   margin: 20px 0;
 912   list-style: none;
 913   text-align: center;
 914 }
 915 .pager li {
 916   display: inline;
 917 }
 918 .pager li > a,
 919 .pager li > span {
 920   display: inline-block;
 921   padding: 5px 14px;
 922   background-color: #3a3f44;
 923   border: 1px solid rgba(0, 0, 0, 0.6);
 924   border-radius: 15px;
 925 }
 926 .pager li > a:hover,
 927 .pager li > a:focus {
 928   text-decoration: none;
 929   background-color: transparent;
 930 }
 931 .pager .next > a,
 932 .pager .next > span {
 933   float: right;
 934 }
 935 .pager .previous > a,
 936 .pager .previous > span {
 937   float: left;
 938 }
 939 .alert {
 940   padding: 15px;
 941   margin-bottom: 20px;
 942   border: 1px solid transparent;
 943   border-radius: 4px;
 944 }
 945 .alert h4 {
 946   margin-top: 0;
 947   color: inherit;
 948 }
 949 .alert .alert-link {
 950   font-weight: bold;
 951 }
 952 .alert > p,
 953 .alert > ul {
 954   margin-bottom: 0;
 955 }
 956 .alert > p + p {
 957   margin-top: 5px;
 958 }
 959 .alert-info {
 960   background-color: #5bc0de;
 961   border-color: #3dced8;
 962   color: #ffffff;
 963 }
 964 .alert-info hr {
 965   border-top-color: #2ac7d2;
 966 }
 967 .alert-info .alert-link {
 968   color: #e6e6e6;
 969 }
 970 .alert-warning {
 971   background-color: #f89406;
 972   border-color: #e96506;
 973   color: #ffffff;
 974 }
 975 .alert-warning hr {
 976   border-top-color: #d05a05;
 977 }
 978 .alert-warning .alert-link {
 979   color: #e6e6e6;
 980 }
 981 .well {
 982   min-height: 20px;
 983   padding: 19px;
 984   margin-bottom: 20px;
 985   background-color: #1c1e22;
 986   border: 1px solid #0c0d0e;
 987   border-radius: 4px;
 988   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 989 }
 990 .well blockquote {
 991   border-color: #ddd;
 992   border-color: rgba(0, 0, 0, 0.15);
 993 }
 994 .clearfix:before,
 995 .clearfix:after,
 996 .dl-horizontal dd:before,
 997 .dl-horizontal dd:after,
 998 .container:before,
 999 .container:after,
1000 .container-fluid:before,
1001 .container-fluid:after,
1002 .row:before,
1003 .row:after,
1004 .nav:before,
1005 .nav:after,
1006 .pager:before,
1007 .pager:after {
1008   content: " ";
1009   display: table;
1010 }
1011 .clearfix:after,
1012 .dl-horizontal dd:after,
1013 .container:after,
1014 .container-fluid:after,
1015 .row:after,
1016 .nav:after,
1017 .pager:after {
1018   clear: both;
1019 }
1020 .center-block {
1021   display: block;
1022   margin-left: auto;
1023   margin-right: auto;
1024 }
1025 .pull-right {
1026   float: right !important;
1027 }
1028 .pull-left {
1029   float: left !important;
1030 }
1031 .hide {
1032   display: none !important;
1033 }
1034 .show {
1035   display: block !important;
1036 }
1037 .invisible {
1038   visibility: hidden;
1039 }
1040 .text-hide {
1041   font: 0/0 a;
1042   color: transparent;
1043   text-shadow: none;
1044   background-color: transparent;
1045   border: 0;
1046 }
1047 .hidden {
1048   display: none !important;
1049 }
1050 .affix {
1051   position: fixed;
1052 }
1053 @-ms-viewport {
1054   width: device-width;
1055 }
1056 .visible-xs-block,
1057 .visible-xs-inline {
1058   display: none !important;
1059 }
1060 @media (max-width: 767px) {
1061   .visible-xs-block {
1062     display: block !important;
1063   }
1064 }
1065 @media (max-width: 767px) {
1066   .visible-xs-inline {
1067     display: inline !important;
1068   }
1069 }
1070 @media (max-width: 767px) {
1071   .hidden-xs {
1072     display: none !important;
1073   }
1074 }
1075 .btn,
1076 .btn:hover {
1077   border-color: rgba(0, 0, 0, 0.6);
1078   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
1079 }
1080 .btn-default {
1081   background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);
1082   background-repeat: no-repeat;
1083 }
1084 .btn-default:hover {
1085   background-image: linear-gradient(#020202, #101112 40%, #191b1d);
1086   background-repeat: no-repeat;
1087 }
1088 .btn-primary {
1089   background-image: linear-gradient(#8a9196, #7a8288 60%, #70787d);
1090   background-repeat: no-repeat;
1091 }
1092 .btn-primary:hover {
1093   background-image: linear-gradient(#404448, #4e5458 40%, #585e62);
1094   background-repeat: no-repeat;
1095 }
1096 h1,
1097 h2,
1098 h3,
1099 h4,
1100 h5,
1101 h6 {
1102   text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
1103 }
1104 .table .success,
1105 .table .warning,
1106 .table .danger,
1107 .table .info {
1108   color: #fff;
1109 }
1110 .table-bordered tbody tr.success td,
1111 .table-bordered tbody tr.warning td,
1112 .table-bordered tbody tr.danger td,
1113 .table-bordered tbody tr.success:hover td,
1114 .table-bordered tbody tr.warning:hover td,
1115 .table-bordered tbody tr.danger:hover td {
1116   border-color: #1c1e22;
1117 }
1118 .table-responsive > .table {
1119   background-color: #2e3338;
1120 }
1121 .nav .open > a,
1122 .nav .open > a:hover,
1123 .nav .open > a:focus {
1124   border-color: rgba(0, 0, 0, 0.6);
1125 }
1126 .nav-pills > li > a {
1127   background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);
1128   background-repeat: no-repeat;
1129   border: 1px solid rgba(0, 0, 0, 0.6);
1130   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
1131 }
1132 .nav-pills > li > a:hover {
1133   background-image: linear-gradient(#020202, #101112 40%, #191b1d);
1134   background-repeat: no-repeat;
1135   border: 1px solid rgba(0, 0, 0, 0.6);
1136 }
1137 .nav-pills > li.active > a,
1138 .nav-pills > li.active > a:hover {
1139   background-color: none;
1140   background-image: linear-gradient(#020202, #101112 40%, #191b1d);
1141   background-repeat: no-repeat;
1142   border: 1px solid rgba(0, 0, 0, 0.6);
1143 }
1144 .nav-pills > li.disabled > a,
1145 .nav-pills > li.disabled > a:hover {
1146   background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);
1147   background-repeat: no-repeat;
1148 }
1149 .pager > li > a {
1150   background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);
1151   background-repeat: no-repeat;
1152   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
1153 }
1154 .pager > li > a:hover {
1155   background-image: linear-gradient(#020202, #101112 40%, #191b1d);
1156   background-repeat: no-repeat;
1157 }
1158 .pager > li.disabled > a,
1159 .pager > li.disabled > a:hover {
1160   background-color: transparent;
1161   background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);
1162   background-repeat: no-repeat;
1163 }
1164 .alert .alert-link,
1165 .alert a {
1166   color: #fff;
1167   text-decoration: underline;
1168 }
1169 .alert .close {
1170   color: #000000;
1171   text-decoration: none;
1172 }