AtCoder Theme: Solarized Dark

Solarized Dark

  1. // ==UserScript==
  2. // @name AtCoder Theme: Solarized Dark
  3. // @namespace http://atcoder.jp/
  4. // @version 0.2.2
  5. // @description Solarized Dark
  6. // @author magurofly
  7. // @match https://atcoder.jp/*
  8. // @grant none
  9. // ==/UserScript==
  10.  
  11. (function() {
  12. 'use strict';
  13.  
  14. const editorFontSize = "10pt";
  15.  
  16. const base03 = "#002b36";
  17. const base02 = "#073642";
  18. const base01 = "#586e75";
  19. const base00 = "#657b83";
  20. const base0 = "#839496";
  21. const base1 = "#93a1a1";
  22. const base2 = "#eee8d5";
  23. const base3 = "#fdf6e3";
  24. const yellow = "#b58900";
  25. const orange = "#cb4b16";
  26. const red = "#dc322f";
  27. const magenta = "#d33682";
  28. const violet = "#6c71c4";
  29. const blue = "#268bd2";
  30. const cyan = "#2aa198";
  31. const green = "#859900";
  32.  
  33. document.head.insertAdjacentHTML("afterend", String.raw`
  34. <style>
  35. /* https://cdn.jsdelivr.net/npm/bootstrap-solarized@1.0.2/bootstrap-solarized-dark.css */
  36. /*! normalize.css v3.0.0 | MIT License | git.io/normalize */
  37. html {
  38. font-family: sans-serif;
  39. -ms-text-size-adjust: 100%;
  40. -webkit-text-size-adjust: 100%;
  41. }
  42. body {
  43. margin: 0;
  44. }
  45. article,
  46. aside,
  47. details,
  48. figcaption,
  49. figure,
  50. footer,
  51. header,
  52. hgroup,
  53. main,
  54. nav,
  55. section,
  56. summary {
  57. display: block;
  58. }
  59. audio,
  60. canvas,
  61. progress,
  62. video {
  63. display: inline-block;
  64. vertical-align: baseline;
  65. }
  66. audio:not([controls]) {
  67. display: none;
  68. height: 0;
  69. }
  70. [hidden],
  71. template {
  72. display: none;
  73. }
  74. a {
  75. background: transparent;
  76. }
  77. a:active,
  78. a:hover {
  79. outline: 0;
  80. }
  81. abbr[title] {
  82. border-bottom: 1px dotted;
  83. }
  84. b,
  85. strong {
  86. font-weight: bold;
  87. }
  88. dfn {
  89. font-style: italic;
  90. }
  91. h1 {
  92. font-size: 2em;
  93. margin: 0.67em 0;
  94. }
  95. mark {
  96. background: #ff0;
  97. color: #000;
  98. }
  99. small {
  100. font-size: 80%;
  101. }
  102. sub,
  103. sup {
  104. font-size: 75%;
  105. line-height: 0;
  106. position: relative;
  107. vertical-align: baseline;
  108. }
  109. sup {
  110. top: -0.5em;
  111. }
  112. sub {
  113. bottom: -0.25em;
  114. }
  115. img {
  116. border: 0;
  117. }
  118. svg:not(:root) {
  119. overflow: hidden;
  120. }
  121. figure {
  122. margin: 1em 40px;
  123. }
  124. hr {
  125. -moz-box-sizing: content-box;
  126. box-sizing: content-box;
  127. height: 0;
  128. }
  129. pre {
  130. overflow: auto;
  131. }
  132. code,
  133. kbd,
  134. pre,
  135. samp {
  136. font-family: monospace, monospace;
  137. font-size: 1em;
  138. }
  139. button,
  140. input,
  141. optgroup,
  142. select,
  143. textarea {
  144. color: inherit;
  145. font: inherit;
  146. margin: 0;
  147. }
  148. button {
  149. overflow: visible;
  150. }
  151. button,
  152. select {
  153. text-transform: none;
  154. }
  155. button,
  156. html input[type="button"],
  157. input[type="reset"],
  158. input[type="submit"] {
  159. -webkit-appearance: button;
  160. cursor: pointer;
  161. }
  162. button[disabled],
  163. html input[disabled] {
  164. cursor: default;
  165. }
  166. button::-moz-focus-inner,
  167. input::-moz-focus-inner {
  168. border: 0;
  169. padding: 0;
  170. }
  171. input {
  172. line-height: normal;
  173. }
  174. input[type="checkbox"],
  175. input[type="radio"] {
  176. box-sizing: border-box;
  177. padding: 0;
  178. }
  179. input[type="number"]::-webkit-inner-spin-button,
  180. input[type="number"]::-webkit-outer-spin-button {
  181. height: auto;
  182. }
  183. input[type="search"] {
  184. -webkit-appearance: textfield;
  185. -moz-box-sizing: content-box;
  186. -webkit-box-sizing: content-box;
  187. box-sizing: content-box;
  188. }
  189. input[type="search"]::-webkit-search-cancel-button,
  190. input[type="search"]::-webkit-search-decoration {
  191. -webkit-appearance: none;
  192. }
  193. fieldset {
  194. border: 1px solid #c0c0c0;
  195. margin: 0 2px;
  196. padding: 0.35em 0.625em 0.75em;
  197. }
  198. legend {
  199. border: 0;
  200. padding: 0;
  201. }
  202. textarea {
  203. overflow: auto;
  204. }
  205. optgroup {
  206. font-weight: bold;
  207. }
  208. table {
  209. border-collapse: collapse;
  210. border-spacing: 0;
  211. }
  212. td,
  213. th {
  214. padding: 0;
  215. }
  216. @media print {
  217. * {
  218. text-shadow: none !important;
  219. color: #000 !important;
  220. background: transparent !important;
  221. box-shadow: none !important;
  222. }
  223. a,
  224. a:visited {
  225. text-decoration: underline;
  226. }
  227. a[href]:after {
  228. content: " (" attr(href) ")";
  229. }
  230. abbr[title]:after {
  231. content: " (" attr(title) ")";
  232. }
  233. a[href^="javascript:"]:after,
  234. a[href^="#"]:after {
  235. content: "";
  236. }
  237. pre,
  238. blockquote {
  239. border: 1px solid #999;
  240. page-break-inside: avoid;
  241. }
  242. thead {
  243. display: table-header-group;
  244. }
  245. tr,
  246. img {
  247. page-break-inside: avoid;
  248. }
  249. img {
  250. max-width: 100% !important;
  251. }
  252. p,
  253. h2,
  254. h3 {
  255. orphans: 3;
  256. widows: 3;
  257. }
  258. h2,
  259. h3 {
  260. page-break-after: avoid;
  261. }
  262. select {
  263. background: #fff !important;
  264. }
  265. .navbar {
  266. display: none;
  267. }
  268. .table td,
  269. .table th {
  270. background-color: #fff !important;
  271. }
  272. .btn > .caret,
  273. .dropup > .btn > .caret {
  274. border-top-color: #000 !important;
  275. }
  276. .label {
  277. border: 1px solid #000;
  278. }
  279. .table {
  280. border-collapse: collapse !important;
  281. }
  282. .table-bordered th,
  283. .table-bordered td {
  284. border: 1px solid #ddd !important;
  285. }
  286. }
  287. * {
  288. -webkit-box-sizing: border-box;
  289. -moz-box-sizing: border-box;
  290. box-sizing: border-box;
  291. }
  292. *:before,
  293. *:after {
  294. -webkit-box-sizing: border-box;
  295. -moz-box-sizing: border-box;
  296. box-sizing: border-box;
  297. }
  298. html {
  299. font-size: 62.5%;
  300. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  301. }
  302. body {
  303. font-family: 'Helvetica Neue', Helvetica, Arial;
  304. font-size: 14px;
  305. line-height: 1.428571429;
  306. color: ${base0};
  307. background-color: ${base03};
  308. }
  309. input,
  310. button,
  311. select,
  312. textarea {
  313. font-family: inherit;
  314. font-size: inherit;
  315. line-height: inherit;
  316. }
  317. a {
  318. color: #428bca;
  319. text-decoration: none;
  320. }
  321. a:hover,
  322. a:focus {
  323. color: #2a6496;
  324. text-decoration: underline;
  325. }
  326. a:focus {
  327. outline: thin dotted;
  328. outline: 5px auto -webkit-focus-ring-color;
  329. outline-offset: -2px;
  330. }
  331. figure {
  332. margin: 0;
  333. }
  334. img {
  335. vertical-align: middle;
  336. }
  337. .img-responsive,
  338. .thumbnail > img,
  339. .thumbnail a > img,
  340. .carousel-inner > .item > img,
  341. .carousel-inner > .item > a > img {
  342. display: block;
  343. max-width: 100%;
  344. height: auto;
  345. }
  346. .img-rounded {
  347. border-radius: 6px;
  348. }
  349. .img-thumbnail {
  350. padding: 4px;
  351. line-height: 1.428571429;
  352. background-color: ${base03};
  353. border: 1px solid #dddddd;
  354. border-radius: 4px;
  355. -webkit-transition: all 0.2s ease-in-out;
  356. transition: all 0.2s ease-in-out;
  357. display: inline-block;
  358. max-width: 100%;
  359. height: auto;
  360. }
  361. .img-circle {
  362. border-radius: 50%;
  363. }
  364. hr {
  365. margin-top: 20px;
  366. margin-bottom: 20px;
  367. border: 0;
  368. border-top: 1px solid ${base00};
  369. }
  370. .sr-only {
  371. position: absolute;
  372. width: 1px;
  373. height: 1px;
  374. margin: -1px;
  375. padding: 0;
  376. overflow: hidden;
  377. clip: rect(0, 0, 0, 0);
  378. border: 0;
  379. }
  380. h1,
  381. h2,
  382. h3,
  383. h4,
  384. h5,
  385. h6,
  386. .h1,
  387. .h2,
  388. .h3,
  389. .h4,
  390. .h5,
  391. .h6 {
  392. font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue", "Arial Narrow", Arial, sans-serif;
  393. font-weight: 500;
  394. line-height: 1.1;
  395. color: ${base1};
  396. }
  397. h1 small,
  398. h2 small,
  399. h3 small,
  400. h4 small,
  401. h5 small,
  402. h6 small,
  403. .h1 small,
  404. .h2 small,
  405. .h3 small,
  406. .h4 small,
  407. .h5 small,
  408. .h6 small,
  409. h1 .small,
  410. h2 .small,
  411. h3 .small,
  412. h4 .small,
  413. h5 .small,
  414. h6 .small,
  415. .h1 .small,
  416. .h2 .small,
  417. .h3 .small,
  418. .h4 .small,
  419. .h5 .small,
  420. .h6 .small {
  421. font-weight: normal;
  422. line-height: 1;
  423. color: ${base2};
  424. }
  425. h1,
  426. .h1,
  427. h2,
  428. .h2,
  429. h3,
  430. .h3 {
  431. margin-top: 20px;
  432. margin-bottom: 10px;
  433. }
  434. h1 small,
  435. .h1 small,
  436. h2 small,
  437. .h2 small,
  438. h3 small,
  439. .h3 small,
  440. h1 .small,
  441. .h1 .small,
  442. h2 .small,
  443. .h2 .small,
  444. h3 .small,
  445. .h3 .small {
  446. font-size: 65%;
  447. }
  448. h4,
  449. .h4,
  450. h5,
  451. .h5,
  452. h6,
  453. .h6 {
  454. margin-top: 10px;
  455. margin-bottom: 10px;
  456. }
  457. h4 small,
  458. .h4 small,
  459. h5 small,
  460. .h5 small,
  461. h6 small,
  462. .h6 small,
  463. h4 .small,
  464. .h4 .small,
  465. h5 .small,
  466. .h5 .small,
  467. h6 .small,
  468. .h6 .small {
  469. font-size: 75%;
  470. }
  471. h1,
  472. .h1 {
  473. font-size: 36px;
  474. }
  475. h2,
  476. .h2 {
  477. font-size: 30px;
  478. }
  479. h3,
  480. .h3 {
  481. font-size: 23px;
  482. }
  483. h4,
  484. .h4 {
  485. font-size: 17px;
  486. }
  487. h5,
  488. .h5 {
  489. font-size: 14px;
  490. }
  491. h6,
  492. .h6 {
  493. font-size: 11px;
  494. }
  495. p {
  496. margin: 0 0 10px;
  497. }
  498. .lead {
  499. margin-bottom: 20px;
  500. font-size: 16px;
  501. font-weight: 200;
  502. line-height: 1.4;
  503. }
  504. @media (min-width: 768px) {
  505. .lead {
  506. font-size: 21px;
  507. }
  508. }
  509. small,
  510. .small {
  511. font-size: 85%;
  512. }
  513. cite {
  514. font-style: normal;
  515. }
  516. .text-left {
  517. text-align: left;
  518. }
  519. .text-right {
  520. text-align: right;
  521. }
  522. .text-center {
  523. text-align: center;
  524. }
  525. .text-justify {
  526. text-align: justify;
  527. }
  528. .text-muted {
  529. color: ${base2};
  530. }
  531. .text-primary {
  532. color: #428bca;
  533. }
  534. a.text-primary:hover {
  535. color: #3071a9;
  536. }
  537. .text-success {
  538. color: #468847;
  539. }
  540. a.text-success:hover {
  541. color: #356635;
  542. }
  543. .text-info {
  544. color: #3a87ad;
  545. }
  546. a.text-info:hover {
  547. color: #2d6987;
  548. }
  549. .text-warning {
  550. color: #c09853;
  551. }
  552. a.text-warning:hover {
  553. color: #a47e3c;
  554. }
  555. .text-danger {
  556. color: #b94a48;
  557. }
  558. a.text-danger:hover {
  559. color: #953b39;
  560. }
  561. .bg-primary {
  562. color: #fff;
  563. background-color: #428bca;
  564. }
  565. a.bg-primary:hover {
  566. background-color: #3071a9;
  567. }
  568. .bg-success {
  569. background-color: #dff0d8;
  570. }
  571. a.bg-success:hover {
  572. background-color: #c1e2b3;
  573. }
  574. .bg-info {
  575. background-color: #d9edf7;
  576. }
  577. a.bg-info:hover {
  578. background-color: #afd9ee;
  579. }
  580. .bg-warning {
  581. background-color: #fcf8e3;
  582. }
  583. a.bg-warning:hover {
  584. background-color: #f7ecb5;
  585. }
  586. .bg-danger {
  587. background-color: #f2dede;
  588. }
  589. a.bg-danger:hover {
  590. background-color: #e4b9b9;
  591. }
  592. .page-header {
  593. padding-bottom: 9px;
  594. margin: 40px 0 20px;
  595. border-bottom: 1px solid ${base01};
  596. }
  597. ul,
  598. ol {
  599. margin-top: 0;
  600. margin-bottom: 10px;
  601. }
  602. ul ul,
  603. ol ul,
  604. ul ol,
  605. ol ol {
  606. margin-bottom: 0;
  607. }
  608. .list-unstyled {
  609. padding-left: 0;
  610. list-style: none;
  611. }
  612. .list-inline {
  613. padding-left: 0;
  614. list-style: none;
  615. }
  616. .list-inline > li {
  617. display: inline-block;
  618. padding-left: 5px;
  619. padding-right: 5px;
  620. }
  621. .list-inline > li:first-child {
  622. padding-left: 0;
  623. }
  624. dl {
  625. margin-top: 0;
  626. margin-bottom: 20px;
  627. }
  628. dt,
  629. dd {
  630. line-height: 1.428571429;
  631. }
  632. dt {
  633. font-weight: bold;
  634. }
  635. dd {
  636. margin-left: 0;
  637. }
  638. @media (min-width: 768px) {
  639. .dl-horizontal dt {
  640. float: left;
  641. width: 160px;
  642. clear: left;
  643. text-align: right;
  644. overflow: hidden;
  645. text-overflow: ellipsis;
  646. white-space: nowrap;
  647. }
  648. .dl-horizontal dd {
  649. margin-left: 180px;
  650. }
  651. }
  652. abbr[title],
  653. abbr[data-original-title] {
  654. cursor: help;
  655. border-bottom: 1px dotted ${base2};
  656. }
  657. .initialism {
  658. font-size: 90%;
  659. text-transform: uppercase;
  660. }
  661. blockquote {
  662. padding: 10px 20px;
  663. margin: 0 0 20px;
  664. font-size: 17.5px;
  665. border-left: 5px solid ${base01};
  666. }
  667. blockquote p:last-child,
  668. blockquote ul:last-child,
  669. blockquote ol:last-child {
  670. margin-bottom: 0;
  671. }
  672. blockquote footer,
  673. blockquote small,
  674. blockquote .small {
  675. display: block;
  676. font-size: 80%;
  677. line-height: 1.428571429;
  678. color: ${base2};
  679. }
  680. blockquote footer:before,
  681. blockquote small:before,
  682. blockquote .small:before {
  683. content: '\${}2014 \${}00A0';
  684. }
  685. .blockquote-reverse,
  686. blockquote.pull-right {
  687. padding-right: 15px;
  688. padding-left: 0;
  689. border-right: 5px solid ${base01};
  690. border-left: 0;
  691. text-align: right;
  692. }
  693. .blockquote-reverse footer:before,
  694. blockquote.pull-right footer:before,
  695. .blockquote-reverse small:before,
  696. blockquote.pull-right small:before,
  697. .blockquote-reverse .small:before,
  698. blockquote.pull-right .small:before {
  699. content: '';
  700. }
  701. .blockquote-reverse footer:after,
  702. blockquote.pull-right footer:after,
  703. .blockquote-reverse small:after,
  704. blockquote.pull-right small:after,
  705. .blockquote-reverse .small:after,
  706. blockquote.pull-right .small:after {
  707. content: '\00A0 \2014';
  708. }
  709. blockquote:before,
  710. blockquote:after {
  711. content: "";
  712. }
  713. address {
  714. margin-bottom: 20px;
  715. font-style: normal;
  716. line-height: 1.428571429;
  717. }
  718. code,
  719. kbd,
  720. pre,
  721. samp {
  722. font-family: Monaco;
  723. }
  724. code {
  725. padding: 2px 4px;
  726. font-size: 90%;
  727. color: ${magenta};
  728. background-color: ${base02};
  729. white-space: nowrap;
  730. border-radius: 4px;
  731. }
  732. kbd {
  733. padding: 2px 4px;
  734. font-size: 90%;
  735. color: #ffffff;
  736. background-color: #333333;
  737. border-radius: 3px;
  738. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  739. }
  740. pre {
  741. display: block;
  742. padding: 9.5px;
  743. margin: 0 0 10px;
  744. font-size: 13px;
  745. line-height: 1.428571429;
  746. word-break: break-all;
  747. word-wrap: break-word;
  748. color: ${base01};
  749. background-color: #f5f5f5;
  750. border: 1px solid #cccccc;
  751. border-radius: 4px;
  752. }
  753. pre code {
  754. padding: 0;
  755. font-size: inherit;
  756. color: inherit;
  757. white-space: pre-wrap;
  758. background-color: transparent;
  759. border-radius: 0;
  760. }
  761. .pre-scrollable {
  762. max-height: 340px;
  763. overflow-y: scroll;
  764. }
  765. .container {
  766. margin-right: auto;
  767. margin-left: auto;
  768. padding-left: 15px;
  769. padding-right: 15px;
  770. }
  771. @media (min-width: 768px) {
  772. .container {
  773. width: 750px;
  774. }
  775. }
  776. @media (min-width: 992px) {
  777. .container {
  778. width: 970px;
  779. }
  780. }
  781. @media (min-width: 1200px) {
  782. .container {
  783. width: 1170px;
  784. }
  785. }
  786. .container-fluid {
  787. margin-right: auto;
  788. margin-left: auto;
  789. padding-left: 15px;
  790. padding-right: 15px;
  791. }
  792. .row {
  793. margin-left: -15px;
  794. margin-right: -15px;
  795. }
  796. .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 {
  797. position: relative;
  798. min-height: 1px;
  799. padding-left: 15px;
  800. padding-right: 15px;
  801. }
  802. .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  803. float: left;
  804. }
  805. .col-xs-12 {
  806. width: 100%;
  807. }
  808. .col-xs-11 {
  809. width: 91.66666666666666%;
  810. }
  811. .col-xs-10 {
  812. width: 83.33333333333334%;
  813. }
  814. .col-xs-9 {
  815. width: 75%;
  816. }
  817. .col-xs-8 {
  818. width: 66.66666666666666%;
  819. }
  820. .col-xs-7 {
  821. width: 58.333333333333336%;
  822. }
  823. .col-xs-6 {
  824. width: 50%;
  825. }
  826. .col-xs-5 {
  827. width: 41.66666666666667%;
  828. }
  829. .col-xs-4 {
  830. width: 33.33333333333333%;
  831. }
  832. .col-xs-3 {
  833. width: 25%;
  834. }
  835. .col-xs-2 {
  836. width: 16.666666666666664%;
  837. }
  838. .col-xs-1 {
  839. width: 8.333333333333332%;
  840. }
  841. .col-xs-pull-12 {
  842. right: 100%;
  843. }
  844. .col-xs-pull-11 {
  845. right: 91.66666666666666%;
  846. }
  847. .col-xs-pull-10 {
  848. right: 83.33333333333334%;
  849. }
  850. .col-xs-pull-9 {
  851. right: 75%;
  852. }
  853. .col-xs-pull-8 {
  854. right: 66.66666666666666%;
  855. }
  856. .col-xs-pull-7 {
  857. right: 58.333333333333336%;
  858. }
  859. .col-xs-pull-6 {
  860. right: 50%;
  861. }
  862. .col-xs-pull-5 {
  863. right: 41.66666666666667%;
  864. }
  865. .col-xs-pull-4 {
  866. right: 33.33333333333333%;
  867. }
  868. .col-xs-pull-3 {
  869. right: 25%;
  870. }
  871. .col-xs-pull-2 {
  872. right: 16.666666666666664%;
  873. }
  874. .col-xs-pull-1 {
  875. right: 8.333333333333332%;
  876. }
  877. .col-xs-pull-0 {
  878. right: 0%;
  879. }
  880. .col-xs-push-12 {
  881. left: 100%;
  882. }
  883. .col-xs-push-11 {
  884. left: 91.66666666666666%;
  885. }
  886. .col-xs-push-10 {
  887. left: 83.33333333333334%;
  888. }
  889. .col-xs-push-9 {
  890. left: 75%;
  891. }
  892. .col-xs-push-8 {
  893. left: 66.66666666666666%;
  894. }
  895. .col-xs-push-7 {
  896. left: 58.333333333333336%;
  897. }
  898. .col-xs-push-6 {
  899. left: 50%;
  900. }
  901. .col-xs-push-5 {
  902. left: 41.66666666666667%;
  903. }
  904. .col-xs-push-4 {
  905. left: 33.33333333333333%;
  906. }
  907. .col-xs-push-3 {
  908. left: 25%;
  909. }
  910. .col-xs-push-2 {
  911. left: 16.666666666666664%;
  912. }
  913. .col-xs-push-1 {
  914. left: 8.333333333333332%;
  915. }
  916. .col-xs-push-0 {
  917. left: 0%;
  918. }
  919. .col-xs-offset-12 {
  920. margin-left: 100%;
  921. }
  922. .col-xs-offset-11 {
  923. margin-left: 91.66666666666666%;
  924. }
  925. .col-xs-offset-10 {
  926. margin-left: 83.33333333333334%;
  927. }
  928. .col-xs-offset-9 {
  929. margin-left: 75%;
  930. }
  931. .col-xs-offset-8 {
  932. margin-left: 66.66666666666666%;
  933. }
  934. .col-xs-offset-7 {
  935. margin-left: 58.333333333333336%;
  936. }
  937. .col-xs-offset-6 {
  938. margin-left: 50%;
  939. }
  940. .col-xs-offset-5 {
  941. margin-left: 41.66666666666667%;
  942. }
  943. .col-xs-offset-4 {
  944. margin-left: 33.33333333333333%;
  945. }
  946. .col-xs-offset-3 {
  947. margin-left: 25%;
  948. }
  949. .col-xs-offset-2 {
  950. margin-left: 16.666666666666664%;
  951. }
  952. .col-xs-offset-1 {
  953. margin-left: 8.333333333333332%;
  954. }
  955. .col-xs-offset-0 {
  956. margin-left: 0%;
  957. }
  958. @media (min-width: 768px) {
  959. .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  960. float: left;
  961. }
  962. .col-sm-12 {
  963. width: 100%;
  964. }
  965. .col-sm-11 {
  966. width: 91.66666666666666%;
  967. }
  968. .col-sm-10 {
  969. width: 83.33333333333334%;
  970. }
  971. .col-sm-9 {
  972. width: 75%;
  973. }
  974. .col-sm-8 {
  975. width: 66.66666666666666%;
  976. }
  977. .col-sm-7 {
  978. width: 58.333333333333336%;
  979. }
  980. .col-sm-6 {
  981. width: 50%;
  982. }
  983. .col-sm-5 {
  984. width: 41.66666666666667%;
  985. }
  986. .col-sm-4 {
  987. width: 33.33333333333333%;
  988. }
  989. .col-sm-3 {
  990. width: 25%;
  991. }
  992. .col-sm-2 {
  993. width: 16.666666666666664%;
  994. }
  995. .col-sm-1 {
  996. width: 8.333333333333332%;
  997. }
  998. .col-sm-pull-12 {
  999. right: 100%;
  1000. }
  1001. .col-sm-pull-11 {
  1002. right: 91.66666666666666%;
  1003. }
  1004. .col-sm-pull-10 {
  1005. right: 83.33333333333334%;
  1006. }
  1007. .col-sm-pull-9 {
  1008. right: 75%;
  1009. }
  1010. .col-sm-pull-8 {
  1011. right: 66.66666666666666%;
  1012. }
  1013. .col-sm-pull-7 {
  1014. right: 58.333333333333336%;
  1015. }
  1016. .col-sm-pull-6 {
  1017. right: 50%;
  1018. }
  1019. .col-sm-pull-5 {
  1020. right: 41.66666666666667%;
  1021. }
  1022. .col-sm-pull-4 {
  1023. right: 33.33333333333333%;
  1024. }
  1025. .col-sm-pull-3 {
  1026. right: 25%;
  1027. }
  1028. .col-sm-pull-2 {
  1029. right: 16.666666666666664%;
  1030. }
  1031. .col-sm-pull-1 {
  1032. right: 8.333333333333332%;
  1033. }
  1034. .col-sm-pull-0 {
  1035. right: 0%;
  1036. }
  1037. .col-sm-push-12 {
  1038. left: 100%;
  1039. }
  1040. .col-sm-push-11 {
  1041. left: 91.66666666666666%;
  1042. }
  1043. .col-sm-push-10 {
  1044. left: 83.33333333333334%;
  1045. }
  1046. .col-sm-push-9 {
  1047. left: 75%;
  1048. }
  1049. .col-sm-push-8 {
  1050. left: 66.66666666666666%;
  1051. }
  1052. .col-sm-push-7 {
  1053. left: 58.333333333333336%;
  1054. }
  1055. .col-sm-push-6 {
  1056. left: 50%;
  1057. }
  1058. .col-sm-push-5 {
  1059. left: 41.66666666666667%;
  1060. }
  1061. .col-sm-push-4 {
  1062. left: 33.33333333333333%;
  1063. }
  1064. .col-sm-push-3 {
  1065. left: 25%;
  1066. }
  1067. .col-sm-push-2 {
  1068. left: 16.666666666666664%;
  1069. }
  1070. .col-sm-push-1 {
  1071. left: 8.333333333333332%;
  1072. }
  1073. .col-sm-push-0 {
  1074. left: 0%;
  1075. }
  1076. .col-sm-offset-12 {
  1077. margin-left: 100%;
  1078. }
  1079. .col-sm-offset-11 {
  1080. margin-left: 91.66666666666666%;
  1081. }
  1082. .col-sm-offset-10 {
  1083. margin-left: 83.33333333333334%;
  1084. }
  1085. .col-sm-offset-9 {
  1086. margin-left: 75%;
  1087. }
  1088. .col-sm-offset-8 {
  1089. margin-left: 66.66666666666666%;
  1090. }
  1091. .col-sm-offset-7 {
  1092. margin-left: 58.333333333333336%;
  1093. }
  1094. .col-sm-offset-6 {
  1095. margin-left: 50%;
  1096. }
  1097. .col-sm-offset-5 {
  1098. margin-left: 41.66666666666667%;
  1099. }
  1100. .col-sm-offset-4 {
  1101. margin-left: 33.33333333333333%;
  1102. }
  1103. .col-sm-offset-3 {
  1104. margin-left: 25%;
  1105. }
  1106. .col-sm-offset-2 {
  1107. margin-left: 16.666666666666664%;
  1108. }
  1109. .col-sm-offset-1 {
  1110. margin-left: 8.333333333333332%;
  1111. }
  1112. .col-sm-offset-0 {
  1113. margin-left: 0%;
  1114. }
  1115. }
  1116. @media (min-width: 992px) {
  1117. .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 {
  1118. float: left;
  1119. }
  1120. .col-md-12 {
  1121. width: 100%;
  1122. }
  1123. .col-md-11 {
  1124. width: 91.66666666666666%;
  1125. }
  1126. .col-md-10 {
  1127. width: 83.33333333333334%;
  1128. }
  1129. .col-md-9 {
  1130. width: 75%;
  1131. }
  1132. .col-md-8 {
  1133. width: 66.66666666666666%;
  1134. }
  1135. .col-md-7 {
  1136. width: 58.333333333333336%;
  1137. }
  1138. .col-md-6 {
  1139. width: 50%;
  1140. }
  1141. .col-md-5 {
  1142. width: 41.66666666666667%;
  1143. }
  1144. .col-md-4 {
  1145. width: 33.33333333333333%;
  1146. }
  1147. .col-md-3 {
  1148. width: 25%;
  1149. }
  1150. .col-md-2 {
  1151. width: 16.666666666666664%;
  1152. }
  1153. .col-md-1 {
  1154. width: 8.333333333333332%;
  1155. }
  1156. .col-md-pull-12 {
  1157. right: 100%;
  1158. }
  1159. .col-md-pull-11 {
  1160. right: 91.66666666666666%;
  1161. }
  1162. .col-md-pull-10 {
  1163. right: 83.33333333333334%;
  1164. }
  1165. .col-md-pull-9 {
  1166. right: 75%;
  1167. }
  1168. .col-md-pull-8 {
  1169. right: 66.66666666666666%;
  1170. }
  1171. .col-md-pull-7 {
  1172. right: 58.333333333333336%;
  1173. }
  1174. .col-md-pull-6 {
  1175. right: 50%;
  1176. }
  1177. .col-md-pull-5 {
  1178. right: 41.66666666666667%;
  1179. }
  1180. .col-md-pull-4 {
  1181. right: 33.33333333333333%;
  1182. }
  1183. .col-md-pull-3 {
  1184. right: 25%;
  1185. }
  1186. .col-md-pull-2 {
  1187. right: 16.666666666666664%;
  1188. }
  1189. .col-md-pull-1 {
  1190. right: 8.333333333333332%;
  1191. }
  1192. .col-md-pull-0 {
  1193. right: 0%;
  1194. }
  1195. .col-md-push-12 {
  1196. left: 100%;
  1197. }
  1198. .col-md-push-11 {
  1199. left: 91.66666666666666%;
  1200. }
  1201. .col-md-push-10 {
  1202. left: 83.33333333333334%;
  1203. }
  1204. .col-md-push-9 {
  1205. left: 75%;
  1206. }
  1207. .col-md-push-8 {
  1208. left: 66.66666666666666%;
  1209. }
  1210. .col-md-push-7 {
  1211. left: 58.333333333333336%;
  1212. }
  1213. .col-md-push-6 {
  1214. left: 50%;
  1215. }
  1216. .col-md-push-5 {
  1217. left: 41.66666666666667%;
  1218. }
  1219. .col-md-push-4 {
  1220. left: 33.33333333333333%;
  1221. }
  1222. .col-md-push-3 {
  1223. left: 25%;
  1224. }
  1225. .col-md-push-2 {
  1226. left: 16.666666666666664%;
  1227. }
  1228. .col-md-push-1 {
  1229. left: 8.333333333333332%;
  1230. }
  1231. .col-md-push-0 {
  1232. left: 0%;
  1233. }
  1234. .col-md-offset-12 {
  1235. margin-left: 100%;
  1236. }
  1237. .col-md-offset-11 {
  1238. margin-left: 91.66666666666666%;
  1239. }
  1240. .col-md-offset-10 {
  1241. margin-left: 83.33333333333334%;
  1242. }
  1243. .col-md-offset-9 {
  1244. margin-left: 75%;
  1245. }
  1246. .col-md-offset-8 {
  1247. margin-left: 66.66666666666666%;
  1248. }
  1249. .col-md-offset-7 {
  1250. margin-left: 58.333333333333336%;
  1251. }
  1252. .col-md-offset-6 {
  1253. margin-left: 50%;
  1254. }
  1255. .col-md-offset-5 {
  1256. margin-left: 41.66666666666667%;
  1257. }
  1258. .col-md-offset-4 {
  1259. margin-left: 33.33333333333333%;
  1260. }
  1261. .col-md-offset-3 {
  1262. margin-left: 25%;
  1263. }
  1264. .col-md-offset-2 {
  1265. margin-left: 16.666666666666664%;
  1266. }
  1267. .col-md-offset-1 {
  1268. margin-left: 8.333333333333332%;
  1269. }
  1270. .col-md-offset-0 {
  1271. margin-left: 0%;
  1272. }
  1273. }
  1274. @media (min-width: 1200px) {
  1275. .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  1276. float: left;
  1277. }
  1278. .col-lg-12 {
  1279. width: 100%;
  1280. }
  1281. .col-lg-11 {
  1282. width: 91.66666666666666%;
  1283. }
  1284. .col-lg-10 {
  1285. width: 83.33333333333334%;
  1286. }
  1287. .col-lg-9 {
  1288. width: 75%;
  1289. }
  1290. .col-lg-8 {
  1291. width: 66.66666666666666%;
  1292. }
  1293. .col-lg-7 {
  1294. width: 58.333333333333336%;
  1295. }
  1296. .col-lg-6 {
  1297. width: 50%;
  1298. }
  1299. .col-lg-5 {
  1300. width: 41.66666666666667%;
  1301. }
  1302. .col-lg-4 {
  1303. width: 33.33333333333333%;
  1304. }
  1305. .col-lg-3 {
  1306. width: 25%;
  1307. }
  1308. .col-lg-2 {
  1309. width: 16.666666666666664%;
  1310. }
  1311. .col-lg-1 {
  1312. width: 8.333333333333332%;
  1313. }
  1314. .col-lg-pull-12 {
  1315. right: 100%;
  1316. }
  1317. .col-lg-pull-11 {
  1318. right: 91.66666666666666%;
  1319. }
  1320. .col-lg-pull-10 {
  1321. right: 83.33333333333334%;
  1322. }
  1323. .col-lg-pull-9 {
  1324. right: 75%;
  1325. }
  1326. .col-lg-pull-8 {
  1327. right: 66.66666666666666%;
  1328. }
  1329. .col-lg-pull-7 {
  1330. right: 58.333333333333336%;
  1331. }
  1332. .col-lg-pull-6 {
  1333. right: 50%;
  1334. }
  1335. .col-lg-pull-5 {
  1336. right: 41.66666666666667%;
  1337. }
  1338. .col-lg-pull-4 {
  1339. right: 33.33333333333333%;
  1340. }
  1341. .col-lg-pull-3 {
  1342. right: 25%;
  1343. }
  1344. .col-lg-pull-2 {
  1345. right: 16.666666666666664%;
  1346. }
  1347. .col-lg-pull-1 {
  1348. right: 8.333333333333332%;
  1349. }
  1350. .col-lg-pull-0 {
  1351. right: 0%;
  1352. }
  1353. .col-lg-push-12 {
  1354. left: 100%;
  1355. }
  1356. .col-lg-push-11 {
  1357. left: 91.66666666666666%;
  1358. }
  1359. .col-lg-push-10 {
  1360. left: 83.33333333333334%;
  1361. }
  1362. .col-lg-push-9 {
  1363. left: 75%;
  1364. }
  1365. .col-lg-push-8 {
  1366. left: 66.66666666666666%;
  1367. }
  1368. .col-lg-push-7 {
  1369. left: 58.333333333333336%;
  1370. }
  1371. .col-lg-push-6 {
  1372. left: 50%;
  1373. }
  1374. .col-lg-push-5 {
  1375. left: 41.66666666666667%;
  1376. }
  1377. .col-lg-push-4 {
  1378. left: 33.33333333333333%;
  1379. }
  1380. .col-lg-push-3 {
  1381. left: 25%;
  1382. }
  1383. .col-lg-push-2 {
  1384. left: 16.666666666666664%;
  1385. }
  1386. .col-lg-push-1 {
  1387. left: 8.333333333333332%;
  1388. }
  1389. .col-lg-push-0 {
  1390. left: 0%;
  1391. }
  1392. .col-lg-offset-12 {
  1393. margin-left: 100%;
  1394. }
  1395. .col-lg-offset-11 {
  1396. margin-left: 91.66666666666666%;
  1397. }
  1398. .col-lg-offset-10 {
  1399. margin-left: 83.33333333333334%;
  1400. }
  1401. .col-lg-offset-9 {
  1402. margin-left: 75%;
  1403. }
  1404. .col-lg-offset-8 {
  1405. margin-left: 66.66666666666666%;
  1406. }
  1407. .col-lg-offset-7 {
  1408. margin-left: 58.333333333333336%;
  1409. }
  1410. .col-lg-offset-6 {
  1411. margin-left: 50%;
  1412. }
  1413. .col-lg-offset-5 {
  1414. margin-left: 41.66666666666667%;
  1415. }
  1416. .col-lg-offset-4 {
  1417. margin-left: 33.33333333333333%;
  1418. }
  1419. .col-lg-offset-3 {
  1420. margin-left: 25%;
  1421. }
  1422. .col-lg-offset-2 {
  1423. margin-left: 16.666666666666664%;
  1424. }
  1425. .col-lg-offset-1 {
  1426. margin-left: 8.333333333333332%;
  1427. }
  1428. .col-lg-offset-0 {
  1429. margin-left: 0%;
  1430. }
  1431. }
  1432. table {
  1433. max-width: 100%;
  1434. background-color: transparent;
  1435. }
  1436. th {
  1437. text-align: left;
  1438. }
  1439. .table {
  1440. width: 100%;
  1441. margin-bottom: 20px;
  1442. }
  1443. .table > thead > tr > th,
  1444. .table > tbody > tr > th,
  1445. .table > tfoot > tr > th,
  1446. .table > thead > tr > td,
  1447. .table > tbody > tr > td,
  1448. .table > tfoot > tr > td {
  1449. padding: 8px;
  1450. line-height: 1.428571429;
  1451. vertical-align: top;
  1452. border-top: 1px solid ${base01};
  1453. }
  1454. .table > thead > tr > th {
  1455. vertical-align: bottom;
  1456. border-bottom: 2px solid ${base01};
  1457. }
  1458. .table > caption + thead > tr:first-child > th,
  1459. .table > colgroup + thead > tr:first-child > th,
  1460. .table > thead:first-child > tr:first-child > th,
  1461. .table > caption + thead > tr:first-child > td,
  1462. .table > colgroup + thead > tr:first-child > td,
  1463. .table > thead:first-child > tr:first-child > td {
  1464. border-top: 0;
  1465. }
  1466. .table > tbody + tbody {
  1467. border-top: 2px solid ${base01};
  1468. }
  1469. .table .table {
  1470. background-color: ${base03};
  1471. }
  1472. .table-condensed > thead > tr > th,
  1473. .table-condensed > tbody > tr > th,
  1474. .table-condensed > tfoot > tr > th,
  1475. .table-condensed > thead > tr > td,
  1476. .table-condensed > tbody > tr > td,
  1477. .table-condensed > tfoot > tr > td {
  1478. padding: 5px;
  1479. }
  1480. .table-bordered {
  1481. border: 1px solid ${base01};
  1482. }
  1483. .table-bordered > thead > tr > th,
  1484. .table-bordered > tbody > tr > th,
  1485. .table-bordered > tfoot > tr > th,
  1486. .table-bordered > thead > tr > td,
  1487. .table-bordered > tbody > tr > td,
  1488. .table-bordered > tfoot > tr > td {
  1489. border: 1px solid ${base01};
  1490. }
  1491. .table-bordered > thead > tr > th,
  1492. .table-bordered > thead > tr > td {
  1493. border-bottom-width: 2px;
  1494. }
  1495. .table-striped > tbody > tr:nth-child(odd) > td,
  1496. .table-striped > tbody > tr:nth-child(odd) > th {
  1497. background-color: ${base02};
  1498. }
  1499. .table-hover > tbody > tr:hover > td,
  1500. .table-hover > tbody > tr:hover > th {
  1501. background-color: ${base02};
  1502. }
  1503. table col[class*="col-"] {
  1504. position: static;
  1505. float: none;
  1506. display: table-column;
  1507. }
  1508. table td[class*="col-"],
  1509. table th[class*="col-"] {
  1510. position: static;
  1511. float: none;
  1512. display: table-cell;
  1513. }
  1514. .table > thead > tr > td.active,
  1515. .table > tbody > tr > td.active,
  1516. .table > tfoot > tr > td.active,
  1517. .table > thead > tr > th.active,
  1518. .table > tbody > tr > th.active,
  1519. .table > tfoot > tr > th.active,
  1520. .table > thead > tr.active > td,
  1521. .table > tbody > tr.active > td,
  1522. .table > tfoot > tr.active > td,
  1523. .table > thead > tr.active > th,
  1524. .table > tbody > tr.active > th,
  1525. .table > tfoot > tr.active > th {
  1526. background-color: ${base02};
  1527. }
  1528. .table-hover > tbody > tr > td.active:hover,
  1529. .table-hover > tbody > tr > th.active:hover,
  1530. .table-hover > tbody > tr.active:hover > td,
  1531. .table-hover > tbody > tr.active:hover > th {
  1532. background-color: #05232b;
  1533. }
  1534. .table > thead > tr > td.success,
  1535. .table > tbody > tr > td.success,
  1536. .table > tfoot > tr > td.success,
  1537. .table > thead > tr > th.success,
  1538. .table > tbody > tr > th.success,
  1539. .table > tfoot > tr > th.success,
  1540. .table > thead > tr.success > td,
  1541. .table > tbody > tr.success > td,
  1542. .table > tfoot > tr.success > td,
  1543. .table > thead > tr.success > th,
  1544. .table > tbody > tr.success > th,
  1545. .table > tfoot > tr.success > th {
  1546. background-color: #dff0d8;
  1547. }
  1548. .table-hover > tbody > tr > td.success:hover,
  1549. .table-hover > tbody > tr > th.success:hover,
  1550. .table-hover > tbody > tr.success:hover > td,
  1551. .table-hover > tbody > tr.success:hover > th {
  1552. background-color: #d0e9c6;
  1553. }
  1554. .table > thead > tr > td.info,
  1555. .table > tbody > tr > td.info,
  1556. .table > tfoot > tr > td.info,
  1557. .table > thead > tr > th.info,
  1558. .table > tbody > tr > th.info,
  1559. .table > tfoot > tr > th.info,
  1560. .table > thead > tr.info > td,
  1561. .table > tbody > tr.info > td,
  1562. .table > tfoot > tr.info > td,
  1563. .table > thead > tr.info > th,
  1564. .table > tbody > tr.info > th,
  1565. .table > tfoot > tr.info > th {
  1566. background-color: #d9edf7;
  1567. }
  1568. .table-hover > tbody > tr > td.info:hover,
  1569. .table-hover > tbody > tr > th.info:hover,
  1570. .table-hover > tbody > tr.info:hover > td,
  1571. .table-hover > tbody > tr.info:hover > th {
  1572. background-color: #c4e3f3;
  1573. }
  1574. .table > thead > tr > td.warning,
  1575. .table > tbody > tr > td.warning,
  1576. .table > tfoot > tr > td.warning,
  1577. .table > thead > tr > th.warning,
  1578. .table > tbody > tr > th.warning,
  1579. .table > tfoot > tr > th.warning,
  1580. .table > thead > tr.warning > td,
  1581. .table > tbody > tr.warning > td,
  1582. .table > tfoot > tr.warning > td,
  1583. .table > thead > tr.warning > th,
  1584. .table > tbody > tr.warning > th,
  1585. .table > tfoot > tr.warning > th {
  1586. background-color: #fcf8e3;
  1587. }
  1588. .table-hover > tbody > tr > td.warning:hover,
  1589. .table-hover > tbody > tr > th.warning:hover,
  1590. .table-hover > tbody > tr.warning:hover > td,
  1591. .table-hover > tbody > tr.warning:hover > th {
  1592. background-color: #faf2cc;
  1593. }
  1594. .table > thead > tr > td.danger,
  1595. .table > tbody > tr > td.danger,
  1596. .table > tfoot > tr > td.danger,
  1597. .table > thead > tr > th.danger,
  1598. .table > tbody > tr > th.danger,
  1599. .table > tfoot > tr > th.danger,
  1600. .table > thead > tr.danger > td,
  1601. .table > tbody > tr.danger > td,
  1602. .table > tfoot > tr.danger > td,
  1603. .table > thead > tr.danger > th,
  1604. .table > tbody > tr.danger > th,
  1605. .table > tfoot > tr.danger > th {
  1606. background-color: #f2dede;
  1607. }
  1608. .table-hover > tbody > tr > td.danger:hover,
  1609. .table-hover > tbody > tr > th.danger:hover,
  1610. .table-hover > tbody > tr.danger:hover > td,
  1611. .table-hover > tbody > tr.danger:hover > th {
  1612. background-color: #ebcccc;
  1613. }
  1614. @media (max-width: 767px) {
  1615. .table-responsive {
  1616. width: 100%;
  1617. margin-bottom: 15px;
  1618. overflow-y: hidden;
  1619. overflow-x: scroll;
  1620. -ms-overflow-style: -ms-autohiding-scrollbar;
  1621. border: 1px solid ${base01};
  1622. -webkit-overflow-scrolling: touch;
  1623. }
  1624. .table-responsive > .table {
  1625. margin-bottom: 0;
  1626. }
  1627. .table-responsive > .table > thead > tr > th,
  1628. .table-responsive > .table > tbody > tr > th,
  1629. .table-responsive > .table > tfoot > tr > th,
  1630. .table-responsive > .table > thead > tr > td,
  1631. .table-responsive > .table > tbody > tr > td,
  1632. .table-responsive > .table > tfoot > tr > td {
  1633. white-space: nowrap;
  1634. }
  1635. .table-responsive > .table-bordered {
  1636. border: 0;
  1637. }
  1638. .table-responsive > .table-bordered > thead > tr > th:first-child,
  1639. .table-responsive > .table-bordered > tbody > tr > th:first-child,
  1640. .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  1641. .table-responsive > .table-bordered > thead > tr > td:first-child,
  1642. .table-responsive > .table-bordered > tbody > tr > td:first-child,
  1643. .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  1644. border-left: 0;
  1645. }
  1646. .table-responsive > .table-bordered > thead > tr > th:last-child,
  1647. .table-responsive > .table-bordered > tbody > tr > th:last-child,
  1648. .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  1649. .table-responsive > .table-bordered > thead > tr > td:last-child,
  1650. .table-responsive > .table-bordered > tbody > tr > td:last-child,
  1651. .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  1652. border-right: 0;
  1653. }
  1654. .table-responsive > .table-bordered > tbody > tr:last-child > th,
  1655. .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  1656. .table-responsive > .table-bordered > tbody > tr:last-child > td,
  1657. .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  1658. border-bottom: 0;
  1659. }
  1660. }
  1661. fieldset {
  1662. padding: 0;
  1663. margin: 0;
  1664. border: 0;
  1665. min-width: 0;
  1666. }
  1667. legend {
  1668. display: block;
  1669. width: 100%;
  1670. padding: 0;
  1671. margin-bottom: 20px;
  1672. font-size: 21px;
  1673. line-height: inherit;
  1674. color: ${base01};
  1675. border: 0;
  1676. border-bottom: 1px solid #e5e5e5;
  1677. }
  1678. label {
  1679. display: inline-block;
  1680. margin-bottom: 5px;
  1681. font-weight: bold;
  1682. }
  1683. input[type="search"] {
  1684. -webkit-box-sizing: border-box;
  1685. -moz-box-sizing: border-box;
  1686. box-sizing: border-box;
  1687. }
  1688. input[type="radio"],
  1689. input[type="checkbox"] {
  1690. margin: 4px 0 0;
  1691. margin-top: 1px \9;
  1692. /* IE8-9 */
  1693.  
  1694. line-height: normal;
  1695. }
  1696. input[type="file"] {
  1697. display: block;
  1698. }
  1699. input[type="range"] {
  1700. display: block;
  1701. width: 100%;
  1702. }
  1703. select[multiple],
  1704. select[size] {
  1705. height: auto;
  1706. }
  1707. input[type="file"]:focus,
  1708. input[type="radio"]:focus,
  1709. input[type="checkbox"]:focus {
  1710. outline: thin dotted;
  1711. outline: 5px auto -webkit-focus-ring-color;
  1712. outline-offset: -2px;
  1713. }
  1714. output {
  1715. display: block;
  1716. padding-top: 7px;
  1717. font-size: 14px;
  1718. line-height: 1.428571429;
  1719. color: ${base2};
  1720. }
  1721. .form-control {
  1722. display: block;
  1723. width: 100%;
  1724. height: 34px;
  1725. padding: 6px 12px;
  1726. font-size: 14px;
  1727. line-height: 1.428571429;
  1728. color: ${base2};
  1729. background-color: ${base02};
  1730. background-image: none;
  1731. border: 1px solid ${base01};
  1732. border-radius: 4px;
  1733. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1734. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1735. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  1736. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  1737. }
  1738. .form-control:focus {
  1739. border-color: #66afe9;
  1740. outline: 0;
  1741. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  1742. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  1743. }
  1744. .form-control::-moz-placeholder {
  1745. color: ${base2};
  1746. opacity: 1;
  1747. }
  1748. .form-control:-ms-input-placeholder {
  1749. color: ${base2};
  1750. }
  1751. .form-control::-webkit-input-placeholder {
  1752. color: ${base2};
  1753. }
  1754. .form-control[disabled],
  1755. .form-control[readonly],
  1756. fieldset[disabled] .form-control {
  1757. cursor: not-allowed;
  1758. background-color: ${base01};
  1759. opacity: 1;
  1760. }
  1761. textarea.form-control {
  1762. height: auto;
  1763. }
  1764. input[type="search"] {
  1765. -webkit-appearance: none;
  1766. }
  1767. input[type="date"] {
  1768. line-height: 34px;
  1769. }
  1770. .form-group {
  1771. margin-bottom: 15px;
  1772. }
  1773. .radio,
  1774. .checkbox {
  1775. display: block;
  1776. min-height: 20px;
  1777. margin-top: 10px;
  1778. margin-bottom: 10px;
  1779. padding-left: 20px;
  1780. }
  1781. .radio label,
  1782. .checkbox label {
  1783. display: inline;
  1784. font-weight: normal;
  1785. cursor: pointer;
  1786. }
  1787. .radio input[type="radio"],
  1788. .radio-inline input[type="radio"],
  1789. .checkbox input[type="checkbox"],
  1790. .checkbox-inline input[type="checkbox"] {
  1791. float: left;
  1792. margin-left: -20px;
  1793. }
  1794. .radio + .radio,
  1795. .checkbox + .checkbox {
  1796. margin-top: -5px;
  1797. }
  1798. .radio-inline,
  1799. .checkbox-inline {
  1800. display: inline-block;
  1801. padding-left: 20px;
  1802. margin-bottom: 0;
  1803. vertical-align: middle;
  1804. font-weight: normal;
  1805. cursor: pointer;
  1806. }
  1807. .radio-inline + .radio-inline,
  1808. .checkbox-inline + .checkbox-inline {
  1809. margin-top: 0;
  1810. margin-left: 10px;
  1811. }
  1812. input[type="radio"][disabled],
  1813. input[type="checkbox"][disabled],
  1814. .radio[disabled],
  1815. .radio-inline[disabled],
  1816. .checkbox[disabled],
  1817. .checkbox-inline[disabled],
  1818. fieldset[disabled] input[type="radio"],
  1819. fieldset[disabled] input[type="checkbox"],
  1820. fieldset[disabled] .radio,
  1821. fieldset[disabled] .radio-inline,
  1822. fieldset[disabled] .checkbox,
  1823. fieldset[disabled] .checkbox-inline {
  1824. cursor: not-allowed;
  1825. }
  1826. .input-sm {
  1827. height: 30px;
  1828. padding: 5px 10px;
  1829. font-size: 12px;
  1830. line-height: 1.5;
  1831. border-radius: 3px;
  1832. }
  1833. select.input-sm {
  1834. height: 30px;
  1835. line-height: 30px;
  1836. }
  1837. textarea.input-sm,
  1838. select[multiple].input-sm {
  1839. height: auto;
  1840. }
  1841. .input-lg {
  1842. height: 45px;
  1843. padding: 10px 16px;
  1844. font-size: 18px;
  1845. line-height: 1.33;
  1846. border-radius: 6px;
  1847. }
  1848. select.input-lg {
  1849. height: 45px;
  1850. line-height: 45px;
  1851. }
  1852. textarea.input-lg,
  1853. select[multiple].input-lg {
  1854. height: auto;
  1855. }
  1856. .has-feedback {
  1857. position: relative;
  1858. }
  1859. .has-feedback .form-control {
  1860. padding-right: 42.5px;
  1861. }
  1862. .has-feedback .form-control-feedback {
  1863. position: absolute;
  1864. top: 25px;
  1865. right: 0;
  1866. display: block;
  1867. width: 34px;
  1868. height: 34px;
  1869. line-height: 34px;
  1870. text-align: center;
  1871. }
  1872. .has-success .help-block,
  1873. .has-success .control-label,
  1874. .has-success .radio,
  1875. .has-success .checkbox,
  1876. .has-success .radio-inline,
  1877. .has-success .checkbox-inline {
  1878. color: #468847;
  1879. }
  1880. .has-success .form-control {
  1881. border-color: #468847;
  1882. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1883. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1884. }
  1885. .has-success .form-control:focus {
  1886. border-color: #356635;
  1887. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  1888. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  1889. }
  1890. .has-success .input-group-addon {
  1891. color: #468847;
  1892. border-color: #468847;
  1893. background-color: #dff0d8;
  1894. }
  1895. .has-success .form-control-feedback {
  1896. color: #468847;
  1897. }
  1898. .has-warning .help-block,
  1899. .has-warning .control-label,
  1900. .has-warning .radio,
  1901. .has-warning .checkbox,
  1902. .has-warning .radio-inline,
  1903. .has-warning .checkbox-inline {
  1904. color: #c09853;
  1905. }
  1906. .has-warning .form-control {
  1907. border-color: #c09853;
  1908. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1909. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1910. }
  1911. .has-warning .form-control:focus {
  1912. border-color: #a47e3c;
  1913. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  1914. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  1915. }
  1916. .has-warning .input-group-addon {
  1917. color: #c09853;
  1918. border-color: #c09853;
  1919. background-color: #fcf8e3;
  1920. }
  1921. .has-warning .form-control-feedback {
  1922. color: #c09853;
  1923. }
  1924. .has-error .help-block,
  1925. .has-error .control-label,
  1926. .has-error .radio,
  1927. .has-error .checkbox,
  1928. .has-error .radio-inline,
  1929. .has-error .checkbox-inline {
  1930. color: #b94a48;
  1931. }
  1932. .has-error .form-control {
  1933. border-color: #b94a48;
  1934. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1935. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1936. }
  1937. .has-error .form-control:focus {
  1938. border-color: #953b39;
  1939. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  1940. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  1941. }
  1942. .has-error .input-group-addon {
  1943. color: #b94a48;
  1944. border-color: #b94a48;
  1945. background-color: #f2dede;
  1946. }
  1947. .has-error .form-control-feedback {
  1948. color: #b94a48;
  1949. }
  1950. .form-control-static {
  1951. margin-bottom: 0;
  1952. }
  1953. .help-block {
  1954. display: block;
  1955. margin-top: 5px;
  1956. margin-bottom: 10px;
  1957. color: #c8d0d0;
  1958. }
  1959. @media (min-width: 768px) {
  1960. .form-inline .form-group {
  1961. display: inline-block;
  1962. margin-bottom: 0;
  1963. vertical-align: middle;
  1964. }
  1965. .form-inline .form-control {
  1966. display: inline-block;
  1967. width: auto;
  1968. vertical-align: middle;
  1969. }
  1970. .form-inline .input-group > .form-control {
  1971. width: 100%;
  1972. }
  1973. .form-inline .control-label {
  1974. margin-bottom: 0;
  1975. vertical-align: middle;
  1976. }
  1977. .form-inline .radio,
  1978. .form-inline .checkbox {
  1979. display: inline-block;
  1980. margin-top: 0;
  1981. margin-bottom: 0;
  1982. padding-left: 0;
  1983. vertical-align: middle;
  1984. }
  1985. .form-inline .radio input[type="radio"],
  1986. .form-inline .checkbox input[type="checkbox"] {
  1987. float: none;
  1988. margin-left: 0;
  1989. }
  1990. .form-inline .has-feedback .form-control-feedback {
  1991. top: 0;
  1992. }
  1993. }
  1994. .form-horizontal .control-label,
  1995. .form-horizontal .radio,
  1996. .form-horizontal .checkbox,
  1997. .form-horizontal .radio-inline,
  1998. .form-horizontal .checkbox-inline {
  1999. margin-top: 0;
  2000. margin-bottom: 0;
  2001. padding-top: 7px;
  2002. }
  2003. .form-horizontal .radio,
  2004. .form-horizontal .checkbox {
  2005. min-height: 27px;
  2006. }
  2007. .form-horizontal .form-group {
  2008. margin-left: -15px;
  2009. margin-right: -15px;
  2010. }
  2011. .form-horizontal .form-control-static {
  2012. padding-top: 7px;
  2013. }
  2014. @media (min-width: 768px) {
  2015. .form-horizontal .control-label {
  2016. text-align: right;
  2017. }
  2018. }
  2019. .form-horizontal .has-feedback .form-control-feedback {
  2020. top: 0;
  2021. right: 15px;
  2022. }
  2023. .btn {
  2024. display: inline-block;
  2025. margin-bottom: 0;
  2026. font-weight: normal;
  2027. text-align: center;
  2028. vertical-align: middle;
  2029. cursor: pointer;
  2030. background-image: none;
  2031. border: 1px solid transparent;
  2032. white-space: nowrap;
  2033. padding: 6px 12px;
  2034. font-size: 14px;
  2035. line-height: 1.428571429;
  2036. border-radius: 4px;
  2037. -webkit-user-select: none;
  2038. -moz-user-select: none;
  2039. -ms-user-select: none;
  2040. -o-user-select: none;
  2041. user-select: none;
  2042. }
  2043. .btn:focus {
  2044. outline: thin dotted;
  2045. outline: 5px auto -webkit-focus-ring-color;
  2046. outline-offset: -2px;
  2047. }
  2048. .btn:hover,
  2049. .btn:focus {
  2050. color: ${base1};
  2051. text-decoration: none;
  2052. }
  2053. .btn:active,
  2054. .btn.active {
  2055. outline: 0;
  2056. background-image: none;
  2057. -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  2058. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  2059. }
  2060. .btn.disabled,
  2061. .btn[disabled],
  2062. fieldset[disabled] .btn {
  2063. cursor: not-allowed;
  2064. pointer-events: none;
  2065. opacity: 0.65;
  2066. filter: alpha(opacity=65);
  2067. -webkit-box-shadow: none;
  2068. box-shadow: none;
  2069. }
  2070. .btn-default {
  2071. color: ${base1};
  2072. background-color: ${base02};
  2073. border-color: ${base01};
  2074. }
  2075. .btn-default:hover,
  2076. .btn-default:focus,
  2077. .btn-default:active,
  2078. .btn-default.active,
  2079. .open .dropdown-toggle.btn-default {
  2080. color: ${base1};
  2081. background-color: #03181d;
  2082. border-color: #3e4d52;
  2083. }
  2084. .btn-default:active,
  2085. .btn-default.active,
  2086. .open .dropdown-toggle.btn-default {
  2087. background-image: none;
  2088. }
  2089. .btn-default.disabled,
  2090. .btn-default[disabled],
  2091. fieldset[disabled] .btn-default,
  2092. .btn-default.disabled:hover,
  2093. .btn-default[disabled]:hover,
  2094. fieldset[disabled] .btn-default:hover,
  2095. .btn-default.disabled:focus,
  2096. .btn-default[disabled]:focus,
  2097. fieldset[disabled] .btn-default:focus,
  2098. .btn-default.disabled:active,
  2099. .btn-default[disabled]:active,
  2100. fieldset[disabled] .btn-default:active,
  2101. .btn-default.disabled.active,
  2102. .btn-default[disabled].active,
  2103. fieldset[disabled] .btn-default.active {
  2104. background-color: ${base02};
  2105. border-color: ${base01};
  2106. }
  2107. .btn-default .badge {
  2108. color: ${base02};
  2109. background-color: ${base1};
  2110. }
  2111. .btn-primary {
  2112. color: #ffffff;
  2113. background-color: #428bca;
  2114. border-color: #357ebd;
  2115. }
  2116. .btn-primary:hover,
  2117. .btn-primary:focus,
  2118. .btn-primary:active,
  2119. .btn-primary.active,
  2120. .open .dropdown-toggle.btn-primary {
  2121. color: #ffffff;
  2122. background-color: #3276b1;
  2123. border-color: #285e8e;
  2124. }
  2125. .btn-primary:active,
  2126. .btn-primary.active,
  2127. .open .dropdown-toggle.btn-primary {
  2128. background-image: none;
  2129. }
  2130. .btn-primary.disabled,
  2131. .btn-primary[disabled],
  2132. fieldset[disabled] .btn-primary,
  2133. .btn-primary.disabled:hover,
  2134. .btn-primary[disabled]:hover,
  2135. fieldset[disabled] .btn-primary:hover,
  2136. .btn-primary.disabled:focus,
  2137. .btn-primary[disabled]:focus,
  2138. fieldset[disabled] .btn-primary:focus,
  2139. .btn-primary.disabled:active,
  2140. .btn-primary[disabled]:active,
  2141. fieldset[disabled] .btn-primary:active,
  2142. .btn-primary.disabled.active,
  2143. .btn-primary[disabled].active,
  2144. fieldset[disabled] .btn-primary.active {
  2145. background-color: #428bca;
  2146. border-color: #357ebd;
  2147. }
  2148. .btn-primary .badge {
  2149. color: #428bca;
  2150. background-color: #ffffff;
  2151. }
  2152. .btn-success {
  2153. color: #ffffff;
  2154. background-color: #5cb85c;
  2155. border-color: #4cae4c;
  2156. }
  2157. .btn-success:hover,
  2158. .btn-success:focus,
  2159. .btn-success:active,
  2160. .btn-success.active,
  2161. .open .dropdown-toggle.btn-success {
  2162. color: #ffffff;
  2163. background-color: #47a447;
  2164. border-color: #398439;
  2165. }
  2166. .btn-success:active,
  2167. .btn-success.active,
  2168. .open .dropdown-toggle.btn-success {
  2169. background-image: none;
  2170. }
  2171. .btn-success.disabled,
  2172. .btn-success[disabled],
  2173. fieldset[disabled] .btn-success,
  2174. .btn-success.disabled:hover,
  2175. .btn-success[disabled]:hover,
  2176. fieldset[disabled] .btn-success:hover,
  2177. .btn-success.disabled:focus,
  2178. .btn-success[disabled]:focus,
  2179. fieldset[disabled] .btn-success:focus,
  2180. .btn-success.disabled:active,
  2181. .btn-success[disabled]:active,
  2182. fieldset[disabled] .btn-success:active,
  2183. .btn-success.disabled.active,
  2184. .btn-success[disabled].active,
  2185. fieldset[disabled] .btn-success.active {
  2186. background-color: #5cb85c;
  2187. border-color: #4cae4c;
  2188. }
  2189. .btn-success .badge {
  2190. color: #5cb85c;
  2191. background-color: #ffffff;
  2192. }
  2193. .btn-info {
  2194. color: #ffffff;
  2195. background-color: #5bc0de;
  2196. border-color: #46b8da;
  2197. }
  2198. .btn-info:hover,
  2199. .btn-info:focus,
  2200. .btn-info:active,
  2201. .btn-info.active,
  2202. .open .dropdown-toggle.btn-info {
  2203. color: #ffffff;
  2204. background-color: #39b3d7;
  2205. border-color: #269abc;
  2206. }
  2207. .btn-info:active,
  2208. .btn-info.active,
  2209. .open .dropdown-toggle.btn-info {
  2210. background-image: none;
  2211. }
  2212. .btn-info.disabled,
  2213. .btn-info[disabled],
  2214. fieldset[disabled] .btn-info,
  2215. .btn-info.disabled:hover,
  2216. .btn-info[disabled]:hover,
  2217. fieldset[disabled] .btn-info:hover,
  2218. .btn-info.disabled:focus,
  2219. .btn-info[disabled]:focus,
  2220. fieldset[disabled] .btn-info:focus,
  2221. .btn-info.disabled:active,
  2222. .btn-info[disabled]:active,
  2223. fieldset[disabled] .btn-info:active,
  2224. .btn-info.disabled.active,
  2225. .btn-info[disabled].active,
  2226. fieldset[disabled] .btn-info.active {
  2227. background-color: #5bc0de;
  2228. border-color: #46b8da;
  2229. }
  2230. .btn-info .badge {
  2231. color: #5bc0de;
  2232. background-color: #ffffff;
  2233. }
  2234. .btn-warning {
  2235. color: #ffffff;
  2236. background-color: #f0ad4e;
  2237. border-color: #eea236;
  2238. }
  2239. .btn-warning:hover,
  2240. .btn-warning:focus,
  2241. .btn-warning:active,
  2242. .btn-warning.active,
  2243. .open .dropdown-toggle.btn-warning {
  2244. color: #ffffff;
  2245. background-color: #ed9c28;
  2246. border-color: #d58512;
  2247. }
  2248. .btn-warning:active,
  2249. .btn-warning.active,
  2250. .open .dropdown-toggle.btn-warning {
  2251. background-image: none;
  2252. }
  2253. .btn-warning.disabled,
  2254. .btn-warning[disabled],
  2255. fieldset[disabled] .btn-warning,
  2256. .btn-warning.disabled:hover,
  2257. .btn-warning[disabled]:hover,
  2258. fieldset[disabled] .btn-warning:hover,
  2259. .btn-warning.disabled:focus,
  2260. .btn-warning[disabled]:focus,
  2261. fieldset[disabled] .btn-warning:focus,
  2262. .btn-warning.disabled:active,
  2263. .btn-warning[disabled]:active,
  2264. fieldset[disabled] .btn-warning:active,
  2265. .btn-warning.disabled.active,
  2266. .btn-warning[disabled].active,
  2267. fieldset[disabled] .btn-warning.active {
  2268. background-color: #f0ad4e;
  2269. border-color: #eea236;
  2270. }
  2271. .btn-warning .badge {
  2272. color: #f0ad4e;
  2273. background-color: #ffffff;
  2274. }
  2275. .btn-danger {
  2276. color: #ffffff;
  2277. background-color: #d9534f;
  2278. border-color: #d43f3a;
  2279. }
  2280. .btn-danger:hover,
  2281. .btn-danger:focus,
  2282. .btn-danger:active,
  2283. .btn-danger.active,
  2284. .open .dropdown-toggle.btn-danger {
  2285. color: #ffffff;
  2286. background-color: #d2322d;
  2287. border-color: #ac2925;
  2288. }
  2289. .btn-danger:active,
  2290. .btn-danger.active,
  2291. .open .dropdown-toggle.btn-danger {
  2292. background-image: none;
  2293. }
  2294. .btn-danger.disabled,
  2295. .btn-danger[disabled],
  2296. fieldset[disabled] .btn-danger,
  2297. .btn-danger.disabled:hover,
  2298. .btn-danger[disabled]:hover,
  2299. fieldset[disabled] .btn-danger:hover,
  2300. .btn-danger.disabled:focus,
  2301. .btn-danger[disabled]:focus,
  2302. fieldset[disabled] .btn-danger:focus,
  2303. .btn-danger.disabled:active,
  2304. .btn-danger[disabled]:active,
  2305. fieldset[disabled] .btn-danger:active,
  2306. .btn-danger.disabled.active,
  2307. .btn-danger[disabled].active,
  2308. fieldset[disabled] .btn-danger.active {
  2309. background-color: #d9534f;
  2310. border-color: #d43f3a;
  2311. }
  2312. .btn-danger .badge {
  2313. color: #d9534f;
  2314. background-color: #ffffff;
  2315. }
  2316. .btn-link {
  2317. color: #428bca;
  2318. font-weight: normal;
  2319. cursor: pointer;
  2320. border-radius: 0;
  2321. }
  2322. .btn-link,
  2323. .btn-link:active,
  2324. .btn-link[disabled],
  2325. fieldset[disabled] .btn-link {
  2326. background-color: transparent;
  2327. -webkit-box-shadow: none;
  2328. box-shadow: none;
  2329. }
  2330. .btn-link,
  2331. .btn-link:hover,
  2332. .btn-link:focus,
  2333. .btn-link:active {
  2334. border-color: transparent;
  2335. }
  2336. .btn-link:hover,
  2337. .btn-link:focus {
  2338. color: #2a6496;
  2339. text-decoration: underline;
  2340. background-color: transparent;
  2341. }
  2342. .btn-link[disabled]:hover,
  2343. fieldset[disabled] .btn-link:hover,
  2344. .btn-link[disabled]:focus,
  2345. fieldset[disabled] .btn-link:focus {
  2346. color: ${base2};
  2347. text-decoration: none;
  2348. }
  2349. .btn-lg,
  2350. .btn-group-lg > .btn {
  2351. padding: 10px 16px;
  2352. font-size: 18px;
  2353. line-height: 1.33;
  2354. border-radius: 6px;
  2355. }
  2356. .btn-sm,
  2357. .btn-group-sm > .btn {
  2358. padding: 5px 10px;
  2359. font-size: 12px;
  2360. line-height: 1.5;
  2361. border-radius: 3px;
  2362. }
  2363. .btn-xs,
  2364. .btn-group-xs > .btn {
  2365. padding: 1px 5px;
  2366. font-size: 12px;
  2367. line-height: 1.5;
  2368. border-radius: 3px;
  2369. }
  2370. .btn-block {
  2371. display: block;
  2372. width: 100%;
  2373. padding-left: 0;
  2374. padding-right: 0;
  2375. }
  2376. .btn-block + .btn-block {
  2377. margin-top: 5px;
  2378. }
  2379. input[type="submit"].btn-block,
  2380. input[type="reset"].btn-block,
  2381. input[type="button"].btn-block {
  2382. width: 100%;
  2383. }
  2384. .fade {
  2385. opacity: 0;
  2386. -webkit-transition: opacity 0.15s linear;
  2387. transition: opacity 0.15s linear;
  2388. }
  2389. .fade.in {
  2390. opacity: 1;
  2391. }
  2392. .collapse {
  2393. display: none;
  2394. }
  2395. .collapse.in {
  2396. display: block;
  2397. }
  2398. .collapsing {
  2399. position: relative;
  2400. height: 0;
  2401. overflow: hidden;
  2402. -webkit-transition: height 0.35s ease;
  2403. transition: height 0.35s ease;
  2404. }
  2405. @font-face {
  2406. font-family: 'Glyphicons Halflings';
  2407. src: url('../app/fonts/glyphicons-halflings-regular.eot');
  2408. src: url('../app/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../app/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../app/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../app/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
  2409. }
  2410. .glyphicon {
  2411. position: relative;
  2412. top: 1px;
  2413. display: inline-block;
  2414. font-family: 'Glyphicons Halflings';
  2415. font-style: normal;
  2416. font-weight: normal;
  2417. line-height: 1;
  2418. -webkit-font-smoothing: antialiased;
  2419. -moz-osx-font-smoothing: grayscale;
  2420. }
  2421. .glyphicon-asterisk:before {
  2422. content: "\2a";
  2423. }
  2424. .glyphicon-plus:before {
  2425. content: "\2b";
  2426. }
  2427. .glyphicon-euro:before {
  2428. content: "\20ac";
  2429. }
  2430. .glyphicon-minus:before {
  2431. content: "\2212";
  2432. }
  2433. .glyphicon-cloud:before {
  2434. content: "\2601";
  2435. }
  2436. .glyphicon-envelope:before {
  2437. content: "\2709";
  2438. }
  2439. .glyphicon-pencil:before {
  2440. content: "\270f";
  2441. }
  2442. .glyphicon-glass:before {
  2443. content: "\e001";
  2444. }
  2445. .glyphicon-music:before {
  2446. content: "\e002";
  2447. }
  2448. .glyphicon-search:before {
  2449. content: "\e003";
  2450. }
  2451. .glyphicon-heart:before {
  2452. content: "\e005";
  2453. }
  2454. .glyphicon-star:before {
  2455. content: "\e006";
  2456. }
  2457. .glyphicon-star-empty:before {
  2458. content: "\e007";
  2459. }
  2460. .glyphicon-user:before {
  2461. content: "\e008";
  2462. }
  2463. .glyphicon-film:before {
  2464. content: "\e009";
  2465. }
  2466. .glyphicon-th-large:before {
  2467. content: "\e010";
  2468. }
  2469. .glyphicon-th:before {
  2470. content: "\e011";
  2471. }
  2472. .glyphicon-th-list:before {
  2473. content: "\e012";
  2474. }
  2475. .glyphicon-ok:before {
  2476. content: "\e013";
  2477. }
  2478. .glyphicon-remove:before {
  2479. content: "\e014";
  2480. }
  2481. .glyphicon-zoom-in:before {
  2482. content: "\e015";
  2483. }
  2484. .glyphicon-zoom-out:before {
  2485. content: "\e016";
  2486. }
  2487. .glyphicon-off:before {
  2488. content: "\e017";
  2489. }
  2490. .glyphicon-signal:before {
  2491. content: "\e018";
  2492. }
  2493. .glyphicon-cog:before {
  2494. content: "\e019";
  2495. }
  2496. .glyphicon-trash:before {
  2497. content: "\e020";
  2498. }
  2499. .glyphicon-home:before {
  2500. content: "\e021";
  2501. }
  2502. .glyphicon-file:before {
  2503. content: "\e022";
  2504. }
  2505. .glyphicon-time:before {
  2506. content: "\e023";
  2507. }
  2508. .glyphicon-road:before {
  2509. content: "\e024";
  2510. }
  2511. .glyphicon-download-alt:before {
  2512. content: "\e025";
  2513. }
  2514. .glyphicon-download:before {
  2515. content: "\e026";
  2516. }
  2517. .glyphicon-upload:before {
  2518. content: "\e027";
  2519. }
  2520. .glyphicon-inbox:before {
  2521. content: "\e028";
  2522. }
  2523. .glyphicon-play-circle:before {
  2524. content: "\e029";
  2525. }
  2526. .glyphicon-repeat:before {
  2527. content: "\e030";
  2528. }
  2529. .glyphicon-refresh:before {
  2530. content: "\e031";
  2531. }
  2532. .glyphicon-list-alt:before {
  2533. content: "\e032";
  2534. }
  2535. .glyphicon-lock:before {
  2536. content: "\e033";
  2537. }
  2538. .glyphicon-flag:before {
  2539. content: "\e034";
  2540. }
  2541. .glyphicon-headphones:before {
  2542. content: "\e035";
  2543. }
  2544. .glyphicon-volume-off:before {
  2545. content: "\e036";
  2546. }
  2547. .glyphicon-volume-down:before {
  2548. content: "\e037";
  2549. }
  2550. .glyphicon-volume-up:before {
  2551. content: "\e038";
  2552. }
  2553. .glyphicon-qrcode:before {
  2554. content: "\e039";
  2555. }
  2556. .glyphicon-barcode:before {
  2557. content: "\e040";
  2558. }
  2559. .glyphicon-tag:before {
  2560. content: "\e041";
  2561. }
  2562. .glyphicon-tags:before {
  2563. content: "\e042";
  2564. }
  2565. .glyphicon-book:before {
  2566. content: "\e043";
  2567. }
  2568. .glyphicon-bookmark:before {
  2569. content: "\e044";
  2570. }
  2571. .glyphicon-print:before {
  2572. content: "\e045";
  2573. }
  2574. .glyphicon-camera:before {
  2575. content: "\e046";
  2576. }
  2577. .glyphicon-font:before {
  2578. content: "\e047";
  2579. }
  2580. .glyphicon-bold:before {
  2581. content: "\e048";
  2582. }
  2583. .glyphicon-italic:before {
  2584. content: "\e049";
  2585. }
  2586. .glyphicon-text-height:before {
  2587. content: "\e050";
  2588. }
  2589. .glyphicon-text-width:before {
  2590. content: "\e051";
  2591. }
  2592. .glyphicon-align-left:before {
  2593. content: "\e052";
  2594. }
  2595. .glyphicon-align-center:before {
  2596. content: "\e053";
  2597. }
  2598. .glyphicon-align-right:before {
  2599. content: "\e054";
  2600. }
  2601. .glyphicon-align-justify:before {
  2602. content: "\e055";
  2603. }
  2604. .glyphicon-list:before {
  2605. content: "\e056";
  2606. }
  2607. .glyphicon-indent-left:before {
  2608. content: "\e057";
  2609. }
  2610. .glyphicon-indent-right:before {
  2611. content: "\e058";
  2612. }
  2613. .glyphicon-facetime-video:before {
  2614. content: "\e059";
  2615. }
  2616. .glyphicon-picture:before {
  2617. content: "\e060";
  2618. }
  2619. .glyphicon-map-marker:before {
  2620. content: "\e062";
  2621. }
  2622. .glyphicon-adjust:before {
  2623. content: "\e063";
  2624. }
  2625. .glyphicon-tint:before {
  2626. content: "\e064";
  2627. }
  2628. .glyphicon-edit:before {
  2629. content: "\e065";
  2630. }
  2631. .glyphicon-share:before {
  2632. content: "\e066";
  2633. }
  2634. .glyphicon-check:before {
  2635. content: "\e067";
  2636. }
  2637. .glyphicon-move:before {
  2638. content: "\e068";
  2639. }
  2640. .glyphicon-step-backward:before {
  2641. content: "\e069";
  2642. }
  2643. .glyphicon-fast-backward:before {
  2644. content: "\e070";
  2645. }
  2646. .glyphicon-backward:before {
  2647. content: "\e071";
  2648. }
  2649. .glyphicon-play:before {
  2650. content: "\e072";
  2651. }
  2652. .glyphicon-pause:before {
  2653. content: "\e073";
  2654. }
  2655. .glyphicon-stop:before {
  2656. content: "\e074";
  2657. }
  2658. .glyphicon-forward:before {
  2659. content: "\e075";
  2660. }
  2661. .glyphicon-fast-forward:before {
  2662. content: "\e076";
  2663. }
  2664. .glyphicon-step-forward:before {
  2665. content: "\e077";
  2666. }
  2667. .glyphicon-eject:before {
  2668. content: "\e078";
  2669. }
  2670. .glyphicon-chevron-left:before {
  2671. content: "\e079";
  2672. }
  2673. .glyphicon-chevron-right:before {
  2674. content: "\e080";
  2675. }
  2676. .glyphicon-plus-sign:before {
  2677. content: "\e081";
  2678. }
  2679. .glyphicon-minus-sign:before {
  2680. content: "\e082";
  2681. }
  2682. .glyphicon-remove-sign:before {
  2683. content: "\e083";
  2684. }
  2685. .glyphicon-ok-sign:before {
  2686. content: "\e084";
  2687. }
  2688. .glyphicon-question-sign:before {
  2689. content: "\e085";
  2690. }
  2691. .glyphicon-info-sign:before {
  2692. content: "\e086";
  2693. }
  2694. .glyphicon-screenshot:before {
  2695. content: "\e087";
  2696. }
  2697. .glyphicon-remove-circle:before {
  2698. content: "\e088";
  2699. }
  2700. .glyphicon-ok-circle:before {
  2701. content: "\e089";
  2702. }
  2703. .glyphicon-ban-circle:before {
  2704. content: "\e090";
  2705. }
  2706. .glyphicon-arrow-left:before {
  2707. content: "\e091";
  2708. }
  2709. .glyphicon-arrow-right:before {
  2710. content: "\e092";
  2711. }
  2712. .glyphicon-arrow-up:before {
  2713. content: "\e093";
  2714. }
  2715. .glyphicon-arrow-down:before {
  2716. content: "\e094";
  2717. }
  2718. .glyphicon-share-alt:before {
  2719. content: "\e095";
  2720. }
  2721. .glyphicon-resize-full:before {
  2722. content: "\e096";
  2723. }
  2724. .glyphicon-resize-small:before {
  2725. content: "\e097";
  2726. }
  2727. .glyphicon-exclamation-sign:before {
  2728. content: "\e101";
  2729. }
  2730. .glyphicon-gift:before {
  2731. content: "\e102";
  2732. }
  2733. .glyphicon-leaf:before {
  2734. content: "\e103";
  2735. }
  2736. .glyphicon-fire:before {
  2737. content: "\e104";
  2738. }
  2739. .glyphicon-eye-open:before {
  2740. content: "\e105";
  2741. }
  2742. .glyphicon-eye-close:before {
  2743. content: "\e106";
  2744. }
  2745. .glyphicon-warning-sign:before {
  2746. content: "\e107";
  2747. }
  2748. .glyphicon-plane:before {
  2749. content: "\e108";
  2750. }
  2751. .glyphicon-calendar:before {
  2752. content: "\e109";
  2753. }
  2754. .glyphicon-random:before {
  2755. content: "\e110";
  2756. }
  2757. .glyphicon-comment:before {
  2758. content: "\e111";
  2759. }
  2760. .glyphicon-magnet:before {
  2761. content: "\e112";
  2762. }
  2763. .glyphicon-chevron-up:before {
  2764. content: "\e113";
  2765. }
  2766. .glyphicon-chevron-down:before {
  2767. content: "\e114";
  2768. }
  2769. .glyphicon-retweet:before {
  2770. content: "\e115";
  2771. }
  2772. .glyphicon-shopping-cart:before {
  2773. content: "\e116";
  2774. }
  2775. .glyphicon-folder-close:before {
  2776. content: "\e117";
  2777. }
  2778. .glyphicon-folder-open:before {
  2779. content: "\e118";
  2780. }
  2781. .glyphicon-resize-vertical:before {
  2782. content: "\e119";
  2783. }
  2784. .glyphicon-resize-horizontal:before {
  2785. content: "\e120";
  2786. }
  2787. .glyphicon-hdd:before {
  2788. content: "\e121";
  2789. }
  2790. .glyphicon-bullhorn:before {
  2791. content: "\e122";
  2792. }
  2793. .glyphicon-bell:before {
  2794. content: "\e123";
  2795. }
  2796. .glyphicon-certificate:before {
  2797. content: "\e124";
  2798. }
  2799. .glyphicon-thumbs-up:before {
  2800. content: "\e125";
  2801. }
  2802. .glyphicon-thumbs-down:before {
  2803. content: "\e126";
  2804. }
  2805. .glyphicon-hand-right:before {
  2806. content: "\e127";
  2807. }
  2808. .glyphicon-hand-left:before {
  2809. content: "\e128";
  2810. }
  2811. .glyphicon-hand-up:before {
  2812. content: "\e129";
  2813. }
  2814. .glyphicon-hand-down:before {
  2815. content: "\e130";
  2816. }
  2817. .glyphicon-circle-arrow-right:before {
  2818. content: "\e131";
  2819. }
  2820. .glyphicon-circle-arrow-left:before {
  2821. content: "\e132";
  2822. }
  2823. .glyphicon-circle-arrow-up:before {
  2824. content: "\e133";
  2825. }
  2826. .glyphicon-circle-arrow-down:before {
  2827. content: "\e134";
  2828. }
  2829. .glyphicon-globe:before {
  2830. content: "\e135";
  2831. }
  2832. .glyphicon-wrench:before {
  2833. content: "\e136";
  2834. }
  2835. .glyphicon-tasks:before {
  2836. content: "\e137";
  2837. }
  2838. .glyphicon-filter:before {
  2839. content: "\e138";
  2840. }
  2841. .glyphicon-briefcase:before {
  2842. content: "\e139";
  2843. }
  2844. .glyphicon-fullscreen:before {
  2845. content: "\e140";
  2846. }
  2847. .glyphicon-dashboard:before {
  2848. content: "\e141";
  2849. }
  2850. .glyphicon-paperclip:before {
  2851. content: "\e142";
  2852. }
  2853. .glyphicon-heart-empty:before {
  2854. content: "\e143";
  2855. }
  2856. .glyphicon-link:before {
  2857. content: "\e144";
  2858. }
  2859. .glyphicon-phone:before {
  2860. content: "\e145";
  2861. }
  2862. .glyphicon-pushpin:before {
  2863. content: "\e146";
  2864. }
  2865. .glyphicon-usd:before {
  2866. content: "\e148";
  2867. }
  2868. .glyphicon-gbp:before {
  2869. content: "\e149";
  2870. }
  2871. .glyphicon-sort:before {
  2872. content: "\e150";
  2873. }
  2874. .glyphicon-sort-by-alphabet:before {
  2875. content: "\e151";
  2876. }
  2877. .glyphicon-sort-by-alphabet-alt:before {
  2878. content: "\e152";
  2879. }
  2880. .glyphicon-sort-by-order:before {
  2881. content: "\e153";
  2882. }
  2883. .glyphicon-sort-by-order-alt:before {
  2884. content: "\e154";
  2885. }
  2886. .glyphicon-sort-by-attributes:before {
  2887. content: "\e155";
  2888. }
  2889. .glyphicon-sort-by-attributes-alt:before {
  2890. content: "\e156";
  2891. }
  2892. .glyphicon-unchecked:before {
  2893. content: "\e157";
  2894. }
  2895. .glyphicon-expand:before {
  2896. content: "\e158";
  2897. }
  2898. .glyphicon-collapse-down:before {
  2899. content: "\e159";
  2900. }
  2901. .glyphicon-collapse-up:before {
  2902. content: "\e160";
  2903. }
  2904. .glyphicon-log-in:before {
  2905. content: "\e161";
  2906. }
  2907. .glyphicon-flash:before {
  2908. content: "\e162";
  2909. }
  2910. .glyphicon-log-out:before {
  2911. content: "\e163";
  2912. }
  2913. .glyphicon-new-window:before {
  2914. content: "\e164";
  2915. }
  2916. .glyphicon-record:before {
  2917. content: "\e165";
  2918. }
  2919. .glyphicon-save:before {
  2920. content: "\e166";
  2921. }
  2922. .glyphicon-open:before {
  2923. content: "\e167";
  2924. }
  2925. .glyphicon-saved:before {
  2926. content: "\e168";
  2927. }
  2928. .glyphicon-import:before {
  2929. content: "\e169";
  2930. }
  2931. .glyphicon-export:before {
  2932. content: "\e170";
  2933. }
  2934. .glyphicon-send:before {
  2935. content: "\e171";
  2936. }
  2937. .glyphicon-floppy-disk:before {
  2938. content: "\e172";
  2939. }
  2940. .glyphicon-floppy-saved:before {
  2941. content: "\e173";
  2942. }
  2943. .glyphicon-floppy-remove:before {
  2944. content: "\e174";
  2945. }
  2946. .glyphicon-floppy-save:before {
  2947. content: "\e175";
  2948. }
  2949. .glyphicon-floppy-open:before {
  2950. content: "\e176";
  2951. }
  2952. .glyphicon-credit-card:before {
  2953. content: "\e177";
  2954. }
  2955. .glyphicon-transfer:before {
  2956. content: "\e178";
  2957. }
  2958. .glyphicon-cutlery:before {
  2959. content: "\e179";
  2960. }
  2961. .glyphicon-header:before {
  2962. content: "\e180";
  2963. }
  2964. .glyphicon-compressed:before {
  2965. content: "\e181";
  2966. }
  2967. .glyphicon-earphone:before {
  2968. content: "\e182";
  2969. }
  2970. .glyphicon-phone-alt:before {
  2971. content: "\e183";
  2972. }
  2973. .glyphicon-tower:before {
  2974. content: "\e184";
  2975. }
  2976. .glyphicon-stats:before {
  2977. content: "\e185";
  2978. }
  2979. .glyphicon-sd-video:before {
  2980. content: "\e186";
  2981. }
  2982. .glyphicon-hd-video:before {
  2983. content: "\e187";
  2984. }
  2985. .glyphicon-subtitles:before {
  2986. content: "\e188";
  2987. }
  2988. .glyphicon-sound-stereo:before {
  2989. content: "\e189";
  2990. }
  2991. .glyphicon-sound-dolby:before {
  2992. content: "\e190";
  2993. }
  2994. .glyphicon-sound-5-1:before {
  2995. content: "\e191";
  2996. }
  2997. .glyphicon-sound-6-1:before {
  2998. content: "\e192";
  2999. }
  3000. .glyphicon-sound-7-1:before {
  3001. content: "\e193";
  3002. }
  3003. .glyphicon-copyright-mark:before {
  3004. content: "\e194";
  3005. }
  3006. .glyphicon-registration-mark:before {
  3007. content: "\e195";
  3008. }
  3009. .glyphicon-cloud-download:before {
  3010. content: "\e197";
  3011. }
  3012. .glyphicon-cloud-upload:before {
  3013. content: "\e198";
  3014. }
  3015. .glyphicon-tree-conifer:before {
  3016. content: "\e199";
  3017. }
  3018. .glyphicon-tree-deciduous:before {
  3019. content: "\e200";
  3020. }
  3021. .caret {
  3022. display: inline-block;
  3023. width: 0;
  3024. height: 0;
  3025. margin-left: 2px;
  3026. vertical-align: middle;
  3027. border-top: 4px solid;
  3028. border-right: 4px solid transparent;
  3029. border-left: 4px solid transparent;
  3030. }
  3031. .dropdown {
  3032. position: relative;
  3033. }
  3034. .dropdown-toggle:focus {
  3035. outline: 0;
  3036. }
  3037. .dropdown-menu {
  3038. position: absolute;
  3039. top: 100%;
  3040. left: 0;
  3041. z-index: 1000;
  3042. display: none;
  3043. float: left;
  3044. min-width: 160px;
  3045. padding: 5px 0;
  3046. margin: 2px 0 0;
  3047. list-style: none;
  3048. font-size: 14px;
  3049. background-color: ${base02};
  3050. border: 1px solid #cccccc;
  3051. border: 1px solid ${base01};
  3052. border-radius: 4px;
  3053. -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  3054. box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  3055. background-clip: padding-box;
  3056. }
  3057. .dropdown-menu.pull-right {
  3058. right: 0;
  3059. left: auto;
  3060. }
  3061. .dropdown-menu .divider {
  3062. height: 1px;
  3063. margin: 9px 0;
  3064. overflow: hidden;
  3065. background-color: ${base01};
  3066. }
  3067. .dropdown-menu > li > a {
  3068. display: block;
  3069. padding: 3px 20px;
  3070. clear: both;
  3071. font-weight: normal;
  3072. line-height: 1.428571429;
  3073. color: ${base01};
  3074. white-space: nowrap;
  3075. }
  3076. .dropdown-menu > li > a:hover,
  3077. .dropdown-menu > li > a:focus {
  3078. text-decoration: none;
  3079. color: #ffffff;
  3080. background-color: #428bca;
  3081. }
  3082. .dropdown-menu > .active > a,
  3083. .dropdown-menu > .active > a:hover,
  3084. .dropdown-menu > .active > a:focus {
  3085. color: #ffffff;
  3086. text-decoration: none;
  3087. outline: 0;
  3088. background-color: #428bca;
  3089. }
  3090. .dropdown-menu > .disabled > a,
  3091. .dropdown-menu > .disabled > a:hover,
  3092. .dropdown-menu > .disabled > a:focus {
  3093. color: ${base2};
  3094. }
  3095. .dropdown-menu > .disabled > a:hover,
  3096. .dropdown-menu > .disabled > a:focus {
  3097. text-decoration: none;
  3098. background-color: transparent;
  3099. background-image: none;
  3100. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  3101. cursor: not-allowed;
  3102. }
  3103. .open > .dropdown-menu {
  3104. display: block;
  3105. }
  3106. .open > a {
  3107. outline: 0;
  3108. }
  3109. .dropdown-menu-right {
  3110. left: auto;
  3111. right: 0;
  3112. }
  3113. .dropdown-menu-left {
  3114. left: 0;
  3115. right: auto;
  3116. }
  3117. .dropdown-header {
  3118. display: block;
  3119. padding: 3px 20px;
  3120. font-size: 12px;
  3121. line-height: 1.428571429;
  3122. color: ${base2};
  3123. }
  3124. .dropdown-backdrop {
  3125. position: fixed;
  3126. left: 0;
  3127. right: 0;
  3128. bottom: 0;
  3129. top: 0;
  3130. z-index: 990;
  3131. }
  3132. .pull-right > .dropdown-menu {
  3133. right: 0;
  3134. left: auto;
  3135. }
  3136. .dropup .caret,
  3137. .navbar-fixed-bottom .dropdown .caret {
  3138. border-top: 0;
  3139. border-bottom: 4px solid;
  3140. content: "";
  3141. }
  3142. .dropup .dropdown-menu,
  3143. .navbar-fixed-bottom .dropdown .dropdown-menu {
  3144. top: auto;
  3145. bottom: 100%;
  3146. margin-bottom: 1px;
  3147. }
  3148. @media (min-width: 768px) {
  3149. .navbar-right .dropdown-menu {
  3150. left: auto;
  3151. right: 0;
  3152. }
  3153. .navbar-right .dropdown-menu-left {
  3154. left: 0;
  3155. right: auto;
  3156. }
  3157. }
  3158. .btn-group,
  3159. .btn-group-vertical {
  3160. position: relative;
  3161. display: inline-block;
  3162. vertical-align: middle;
  3163. }
  3164. .btn-group > .btn,
  3165. .btn-group-vertical > .btn {
  3166. position: relative;
  3167. float: left;
  3168. }
  3169. .btn-group > .btn:hover,
  3170. .btn-group-vertical > .btn:hover,
  3171. .btn-group > .btn:focus,
  3172. .btn-group-vertical > .btn:focus,
  3173. .btn-group > .btn:active,
  3174. .btn-group-vertical > .btn:active,
  3175. .btn-group > .btn.active,
  3176. .btn-group-vertical > .btn.active {
  3177. z-index: 2;
  3178. }
  3179. .btn-group > .btn:focus,
  3180. .btn-group-vertical > .btn:focus {
  3181. outline: none;
  3182. }
  3183. .btn-group .btn + .btn,
  3184. .btn-group .btn + .btn-group,
  3185. .btn-group .btn-group + .btn,
  3186. .btn-group .btn-group + .btn-group {
  3187. margin-left: -1px;
  3188. }
  3189. .btn-toolbar {
  3190. margin-left: -5px;
  3191. }
  3192. .btn-toolbar .btn-group,
  3193. .btn-toolbar .input-group {
  3194. float: left;
  3195. }
  3196. .btn-toolbar > .btn,
  3197. .btn-toolbar > .btn-group,
  3198. .btn-toolbar > .input-group {
  3199. margin-left: 5px;
  3200. }
  3201. .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  3202. border-radius: 0;
  3203. }
  3204. .btn-group > .btn:first-child {
  3205. margin-left: 0;
  3206. }
  3207. .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  3208. border-bottom-right-radius: 0;
  3209. border-top-right-radius: 0;
  3210. }
  3211. .btn-group > .btn:last-child:not(:first-child),
  3212. .btn-group > .dropdown-toggle:not(:first-child) {
  3213. border-bottom-left-radius: 0;
  3214. border-top-left-radius: 0;
  3215. }
  3216. .btn-group > .btn-group {
  3217. float: left;
  3218. }
  3219. .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  3220. border-radius: 0;
  3221. }
  3222. .btn-group > .btn-group:first-child > .btn:last-child,
  3223. .btn-group > .btn-group:first-child > .dropdown-toggle {
  3224. border-bottom-right-radius: 0;
  3225. border-top-right-radius: 0;
  3226. }
  3227. .btn-group > .btn-group:last-child > .btn:first-child {
  3228. border-bottom-left-radius: 0;
  3229. border-top-left-radius: 0;
  3230. }
  3231. .btn-group .dropdown-toggle:active,
  3232. .btn-group.open .dropdown-toggle {
  3233. outline: 0;
  3234. }
  3235. .btn-group > .btn + .dropdown-toggle {
  3236. padding-left: 8px;
  3237. padding-right: 8px;
  3238. }
  3239. .btn-group > .btn-lg + .dropdown-toggle {
  3240. padding-left: 12px;
  3241. padding-right: 12px;
  3242. }
  3243. .btn-group.open .dropdown-toggle {
  3244. -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3245. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3246. }
  3247. .btn-group.open .dropdown-toggle.btn-link {
  3248. -webkit-box-shadow: none;
  3249. box-shadow: none;
  3250. }
  3251. .btn .caret {
  3252. margin-left: 0;
  3253. }
  3254. .btn-lg .caret {
  3255. border-width: 5px 5px 0;
  3256. border-bottom-width: 0;
  3257. }
  3258. .dropup .btn-lg .caret {
  3259. border-width: 0 5px 5px;
  3260. }
  3261. .btn-group-vertical > .btn,
  3262. .btn-group-vertical > .btn-group,
  3263. .btn-group-vertical > .btn-group > .btn {
  3264. display: block;
  3265. float: none;
  3266. width: 100%;
  3267. max-width: 100%;
  3268. }
  3269. .btn-group-vertical > .btn-group > .btn {
  3270. float: none;
  3271. }
  3272. .btn-group-vertical > .btn + .btn,
  3273. .btn-group-vertical > .btn + .btn-group,
  3274. .btn-group-vertical > .btn-group + .btn,
  3275. .btn-group-vertical > .btn-group + .btn-group {
  3276. margin-top: -1px;
  3277. margin-left: 0;
  3278. }
  3279. .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  3280. border-radius: 0;
  3281. }
  3282. .btn-group-vertical > .btn:first-child:not(:last-child) {
  3283. border-top-right-radius: 4px;
  3284. border-bottom-right-radius: 0;
  3285. border-bottom-left-radius: 0;
  3286. }
  3287. .btn-group-vertical > .btn:last-child:not(:first-child) {
  3288. border-bottom-left-radius: 4px;
  3289. border-top-right-radius: 0;
  3290. border-top-left-radius: 0;
  3291. }
  3292. .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  3293. border-radius: 0;
  3294. }
  3295. .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
  3296. .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  3297. border-bottom-right-radius: 0;
  3298. border-bottom-left-radius: 0;
  3299. }
  3300. .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  3301. border-top-right-radius: 0;
  3302. border-top-left-radius: 0;
  3303. }
  3304. .btn-group-justified {
  3305. display: table;
  3306. width: 100%;
  3307. table-layout: fixed;
  3308. border-collapse: separate;
  3309. }
  3310. .btn-group-justified > .btn,
  3311. .btn-group-justified > .btn-group {
  3312. float: none;
  3313. display: table-cell;
  3314. width: 1%;
  3315. }
  3316. .btn-group-justified > .btn-group .btn {
  3317. width: 100%;
  3318. }
  3319. [data-toggle="buttons"] > .btn > input[type="radio"],
  3320. [data-toggle="buttons"] > .btn > input[type="checkbox"] {
  3321. display: none;
  3322. }
  3323. .input-group {
  3324. position: relative;
  3325. display: table;
  3326. border-collapse: separate;
  3327. }
  3328. .input-group[class*="col-"] {
  3329. float: none;
  3330. padding-left: 0;
  3331. padding-right: 0;
  3332. }
  3333. .input-group .form-control {
  3334. float: left;
  3335. width: 100%;
  3336. margin-bottom: 0;
  3337. }
  3338. .input-group-lg > .form-control,
  3339. .input-group-lg > .input-group-addon,
  3340. .input-group-lg > .input-group-btn > .btn {
  3341. height: 45px;
  3342. padding: 10px 16px;
  3343. font-size: 18px;
  3344. line-height: 1.33;
  3345. border-radius: 6px;
  3346. }
  3347. select.input-group-lg > .form-control,
  3348. select.input-group-lg > .input-group-addon,
  3349. select.input-group-lg > .input-group-btn > .btn {
  3350. height: 45px;
  3351. line-height: 45px;
  3352. }
  3353. textarea.input-group-lg > .form-control,
  3354. textarea.input-group-lg > .input-group-addon,
  3355. textarea.input-group-lg > .input-group-btn > .btn,
  3356. select[multiple].input-group-lg > .form-control,
  3357. select[multiple].input-group-lg > .input-group-addon,
  3358. select[multiple].input-group-lg > .input-group-btn > .btn {
  3359. height: auto;
  3360. }
  3361. .input-group-sm > .form-control,
  3362. .input-group-sm > .input-group-addon,
  3363. .input-group-sm > .input-group-btn > .btn {
  3364. height: 30px;
  3365. padding: 5px 10px;
  3366. font-size: 12px;
  3367. line-height: 1.5;
  3368. border-radius: 3px;
  3369. }
  3370. select.input-group-sm > .form-control,
  3371. select.input-group-sm > .input-group-addon,
  3372. select.input-group-sm > .input-group-btn > .btn {
  3373. height: 30px;
  3374. line-height: 30px;
  3375. }
  3376. textarea.input-group-sm > .form-control,
  3377. textarea.input-group-sm > .input-group-addon,
  3378. textarea.input-group-sm > .input-group-btn > .btn,
  3379. select[multiple].input-group-sm > .form-control,
  3380. select[multiple].input-group-sm > .input-group-addon,
  3381. select[multiple].input-group-sm > .input-group-btn > .btn {
  3382. height: auto;
  3383. }
  3384. .input-group-addon,
  3385. .input-group-btn,
  3386. .input-group .form-control {
  3387. display: table-cell;
  3388. }
  3389. .input-group-addon:not(:first-child):not(:last-child),
  3390. .input-group-btn:not(:first-child):not(:last-child),
  3391. .input-group .form-control:not(:first-child):not(:last-child) {
  3392. border-radius: 0;
  3393. }
  3394. .input-group-addon,
  3395. .input-group-btn {
  3396. width: 1%;
  3397. white-space: nowrap;
  3398. vertical-align: middle;
  3399. }
  3400. .input-group-addon {
  3401. padding: 6px 12px;
  3402. font-size: 14px;
  3403. font-weight: normal;
  3404. line-height: 1;
  3405. color: ${base2};
  3406. text-align: center;
  3407. background-color: ${base01};
  3408. border: 1px solid ${base01};
  3409. border-radius: 4px;
  3410. }
  3411. .input-group-addon.input-sm {
  3412. padding: 5px 10px;
  3413. font-size: 12px;
  3414. border-radius: 3px;
  3415. }
  3416. .input-group-addon.input-lg {
  3417. padding: 10px 16px;
  3418. font-size: 18px;
  3419. border-radius: 6px;
  3420. }
  3421. .input-group-addon input[type="radio"],
  3422. .input-group-addon input[type="checkbox"] {
  3423. margin-top: 0;
  3424. }
  3425. .input-group .form-control:first-child,
  3426. .input-group-addon:first-child,
  3427. .input-group-btn:first-child > .btn,
  3428. .input-group-btn:first-child > .btn-group > .btn,
  3429. .input-group-btn:first-child > .dropdown-toggle,
  3430. .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
  3431. .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  3432. border-bottom-right-radius: 0;
  3433. border-top-right-radius: 0;
  3434. }
  3435. .input-group-addon:first-child {
  3436. border-right: 0;
  3437. }
  3438. .input-group .form-control:last-child,
  3439. .input-group-addon:last-child,
  3440. .input-group-btn:last-child > .btn,
  3441. .input-group-btn:last-child > .btn-group > .btn,
  3442. .input-group-btn:last-child > .dropdown-toggle,
  3443. .input-group-btn:first-child > .btn:not(:first-child),
  3444. .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  3445. border-bottom-left-radius: 0;
  3446. border-top-left-radius: 0;
  3447. }
  3448. .input-group-addon:last-child {
  3449. border-left: 0;
  3450. }
  3451. .input-group-btn {
  3452. position: relative;
  3453. font-size: 0;
  3454. white-space: nowrap;
  3455. }
  3456. .input-group-btn > .btn {
  3457. position: relative;
  3458. }
  3459. .input-group-btn > .btn + .btn {
  3460. margin-left: -1px;
  3461. }
  3462. .input-group-btn > .btn:hover,
  3463. .input-group-btn > .btn:focus,
  3464. .input-group-btn > .btn:active {
  3465. z-index: 2;
  3466. }
  3467. .input-group-btn:first-child > .btn,
  3468. .input-group-btn:first-child > .btn-group {
  3469. margin-right: -1px;
  3470. }
  3471. .input-group-btn:last-child > .btn,
  3472. .input-group-btn:last-child > .btn-group {
  3473. margin-left: -1px;
  3474. }
  3475. .nav {
  3476. margin-bottom: 0;
  3477. padding-left: 0;
  3478. list-style: none;
  3479. }
  3480. .nav > li {
  3481. position: relative;
  3482. display: block;
  3483. }
  3484. .nav > li > a {
  3485. position: relative;
  3486. display: block;
  3487. padding: 10px 15px;
  3488. }
  3489. .nav > li > a:hover,
  3490. .nav > li > a:focus {
  3491. text-decoration: none;
  3492. background-color: ${base3};
  3493. }
  3494. .nav > li.disabled > a {
  3495. color: ${base2};
  3496. }
  3497. .nav > li.disabled > a:hover,
  3498. .nav > li.disabled > a:focus {
  3499. color: ${base2};
  3500. text-decoration: none;
  3501. background-color: transparent;
  3502. cursor: not-allowed;
  3503. }
  3504. .nav .open > a,
  3505. .nav .open > a:hover,
  3506. .nav .open > a:focus {
  3507. background-color: ${base3};
  3508. border-color: #428bca;
  3509. }
  3510. .nav .nav-divider {
  3511. height: 1px;
  3512. margin: 9px 0;
  3513. overflow: hidden;
  3514. background-color: #e5e5e5;
  3515. }
  3516. .nav > li > a > img {
  3517. max-width: none;
  3518. }
  3519. .nav-tabs {
  3520. border-bottom: 1px solid ${base01};
  3521. }
  3522. .nav-tabs > li {
  3523. float: left;
  3524. margin-bottom: -1px;
  3525. }
  3526. .nav-tabs > li > a {
  3527. margin-right: 2px;
  3528. line-height: 1.428571429;
  3529. border: 1px solid transparent;
  3530. border-radius: 4px 4px 0 0;
  3531. }
  3532. .nav-tabs > li > a:hover {
  3533. border-color: ${base00} ${base00} ${base01};
  3534. }
  3535. .nav-tabs > li.active > a,
  3536. .nav-tabs > li.active > a:hover,
  3537. .nav-tabs > li.active > a:focus {
  3538. color: ${base1};
  3539. background-color: ${base03};
  3540. border: 1px solid ${base01};
  3541. border-bottom-color: transparent;
  3542. cursor: default;
  3543. }
  3544. .nav-tabs.nav-justified {
  3545. width: 100%;
  3546. border-bottom: 0;
  3547. }
  3548. .nav-tabs.nav-justified > li {
  3549. float: none;
  3550. }
  3551. .nav-tabs.nav-justified > li > a {
  3552. text-align: center;
  3553. margin-bottom: 5px;
  3554. }
  3555. .nav-tabs.nav-justified > .dropdown .dropdown-menu {
  3556. top: auto;
  3557. left: auto;
  3558. }
  3559. @media (min-width: 768px) {
  3560. .nav-tabs.nav-justified > li {
  3561. display: table-cell;
  3562. width: 1%;
  3563. }
  3564. .nav-tabs.nav-justified > li > a {
  3565. margin-bottom: 0;
  3566. }
  3567. }
  3568. .nav-tabs.nav-justified > li > a {
  3569. margin-right: 0;
  3570. border-radius: 4px;
  3571. }
  3572. .nav-tabs.nav-justified > .active > a,
  3573. .nav-tabs.nav-justified > .active > a:hover,
  3574. .nav-tabs.nav-justified > .active > a:focus {
  3575. border: 1px solid ${base01};
  3576. }
  3577. @media (min-width: 768px) {
  3578. .nav-tabs.nav-justified > li > a {
  3579. border-bottom: 1px solid ${base01};
  3580. border-radius: 4px 4px 0 0;
  3581. }
  3582. .nav-tabs.nav-justified > .active > a,
  3583. .nav-tabs.nav-justified > .active > a:hover,
  3584. .nav-tabs.nav-justified > .active > a:focus {
  3585. border-bottom-color: ${base03};
  3586. }
  3587. }
  3588. .nav-pills > li {
  3589. float: left;
  3590. }
  3591. .nav-pills > li > a {
  3592. border-radius: 4px;
  3593. }
  3594. .nav-pills > li + li {
  3595. margin-left: 2px;
  3596. }
  3597. .nav-pills > li.active > a,
  3598. .nav-pills > li.active > a:hover,
  3599. .nav-pills > li.active > a:focus {
  3600. color: #ffffff;
  3601. background-color: #428bca;
  3602. }
  3603. .nav-stacked > li {
  3604. float: none;
  3605. }
  3606. .nav-stacked > li + li {
  3607. margin-top: 2px;
  3608. margin-left: 0;
  3609. }
  3610. .nav-justified {
  3611. width: 100%;
  3612. }
  3613. .nav-justified > li {
  3614. float: none;
  3615. }
  3616. .nav-justified > li > a {
  3617. text-align: center;
  3618. margin-bottom: 5px;
  3619. }
  3620. .nav-justified > .dropdown .dropdown-menu {
  3621. top: auto;
  3622. left: auto;
  3623. }
  3624. @media (min-width: 768px) {
  3625. .nav-justified > li {
  3626. display: table-cell;
  3627. width: 1%;
  3628. }
  3629. .nav-justified > li > a {
  3630. margin-bottom: 0;
  3631. }
  3632. }
  3633. .nav-tabs-justified {
  3634. border-bottom: 0;
  3635. }
  3636. .nav-tabs-justified > li > a {
  3637. margin-right: 0;
  3638. border-radius: 4px;
  3639. }
  3640. .nav-tabs-justified > .active > a,
  3641. .nav-tabs-justified > .active > a:hover,
  3642. .nav-tabs-justified > .active > a:focus {
  3643. border: 1px solid ${base01};
  3644. }
  3645. @media (min-width: 768px) {
  3646. .nav-tabs-justified > li > a {
  3647. border-bottom: 1px solid ${base01};
  3648. border-radius: 4px 4px 0 0;
  3649. }
  3650. .nav-tabs-justified > .active > a,
  3651. .nav-tabs-justified > .active > a:hover,
  3652. .nav-tabs-justified > .active > a:focus {
  3653. border-bottom-color: ${base03};
  3654. }
  3655. }
  3656. .tab-content > .tab-pane {
  3657. display: none;
  3658. }
  3659. .tab-content > .active {
  3660. display: block;
  3661. }
  3662. .nav-tabs .dropdown-menu {
  3663. margin-top: -1px;
  3664. border-top-right-radius: 0;
  3665. border-top-left-radius: 0;
  3666. }
  3667. .navbar {
  3668. position: relative;
  3669. min-height: 50px;
  3670. margin-bottom: 20px;
  3671. border: 1px solid transparent;
  3672. }
  3673. @media (min-width: 768px) {
  3674. .navbar {
  3675. border-radius: 4px;
  3676. }
  3677. }
  3678. @media (min-width: 768px) {
  3679. .navbar-header {
  3680. float: left;
  3681. }
  3682. }
  3683. .navbar-collapse {
  3684. max-height: 340px;
  3685. overflow-x: visible;
  3686. padding-right: 15px;
  3687. padding-left: 15px;
  3688. border-top: 1px solid transparent;
  3689. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  3690. -webkit-overflow-scrolling: touch;
  3691. }
  3692. .navbar-collapse.in {
  3693. overflow-y: auto;
  3694. }
  3695. @media (min-width: 768px) {
  3696. .navbar-collapse {
  3697. width: auto;
  3698. border-top: 0;
  3699. box-shadow: none;
  3700. }
  3701. .navbar-collapse.collapse {
  3702. display: block !important;
  3703. height: auto !important;
  3704. padding-bottom: 0;
  3705. overflow: visible !important;
  3706. }
  3707. .navbar-collapse.in {
  3708. overflow-y: visible;
  3709. }
  3710. .navbar-fixed-top .navbar-collapse,
  3711. .navbar-static-top .navbar-collapse,
  3712. .navbar-fixed-bottom .navbar-collapse {
  3713. padding-left: 0;
  3714. padding-right: 0;
  3715. }
  3716. }
  3717. .container > .navbar-header,
  3718. .container-fluid > .navbar-header,
  3719. .container > .navbar-collapse,
  3720. .container-fluid > .navbar-collapse {
  3721. margin-right: -15px;
  3722. margin-left: -15px;
  3723. }
  3724. @media (min-width: 768px) {
  3725. .container > .navbar-header,
  3726. .container-fluid > .navbar-header,
  3727. .container > .navbar-collapse,
  3728. .container-fluid > .navbar-collapse {
  3729. margin-right: 0;
  3730. margin-left: 0;
  3731. }
  3732. }
  3733. .navbar-static-top {
  3734. z-index: 1000;
  3735. border-width: 0 0 1px;
  3736. }
  3737. @media (min-width: 768px) {
  3738. .navbar-static-top {
  3739. border-radius: 0;
  3740. }
  3741. }
  3742. .navbar-fixed-top,
  3743. .navbar-fixed-bottom {
  3744. position: fixed;
  3745. right: 0;
  3746. left: 0;
  3747. z-index: 1030;
  3748. }
  3749. @media (min-width: 768px) {
  3750. .navbar-fixed-top,
  3751. .navbar-fixed-bottom {
  3752. border-radius: 0;
  3753. }
  3754. }
  3755. .navbar-fixed-top {
  3756. top: 0;
  3757. border-width: 0 0 1px;
  3758. }
  3759. .navbar-fixed-bottom {
  3760. bottom: 0;
  3761. margin-bottom: 0;
  3762. border-width: 1px 0 0;
  3763. }
  3764. .navbar-brand {
  3765. float: left;
  3766. padding: 15px 15px;
  3767. font-size: 18px;
  3768. line-height: 20px;
  3769. height: 50px;
  3770. }
  3771. .navbar-brand:hover,
  3772. .navbar-brand:focus {
  3773. text-decoration: none;
  3774. }
  3775. @media (min-width: 768px) {
  3776. .navbar > .container .navbar-brand,
  3777. .navbar > .container-fluid .navbar-brand {
  3778. margin-left: -15px;
  3779. }
  3780. }
  3781. .navbar-toggle {
  3782. position: relative;
  3783. float: right;
  3784. margin-right: 15px;
  3785. padding: 9px 10px;
  3786. margin-top: 8px;
  3787. margin-bottom: 8px;
  3788. background-color: transparent;
  3789. background-image: none;
  3790. border: 1px solid transparent;
  3791. border-radius: 4px;
  3792. }
  3793. .navbar-toggle:focus {
  3794. outline: none;
  3795. }
  3796. .navbar-toggle .icon-bar {
  3797. display: block;
  3798. width: 22px;
  3799. height: 2px;
  3800. border-radius: 1px;
  3801. }
  3802. .navbar-toggle .icon-bar + .icon-bar {
  3803. margin-top: 4px;
  3804. }
  3805. @media (min-width: 768px) {
  3806. .navbar-toggle {
  3807. display: none;
  3808. }
  3809. }
  3810. .navbar-nav {
  3811. margin: 7.5px -15px;
  3812. }
  3813. .navbar-nav > li > a {
  3814. padding-top: 10px;
  3815. padding-bottom: 10px;
  3816. line-height: 20px;
  3817. }
  3818. @media (max-width: 767px) {
  3819. .navbar-nav .open .dropdown-menu {
  3820. position: static;
  3821. float: none;
  3822. width: auto;
  3823. margin-top: 0;
  3824. background-color: transparent;
  3825. border: 0;
  3826. box-shadow: none;
  3827. }
  3828. .navbar-nav .open .dropdown-menu > li > a,
  3829. .navbar-nav .open .dropdown-menu .dropdown-header {
  3830. padding: 5px 15px 5px 25px;
  3831. }
  3832. .navbar-nav .open .dropdown-menu > li > a {
  3833. line-height: 20px;
  3834. }
  3835. .navbar-nav .open .dropdown-menu > li > a:hover,
  3836. .navbar-nav .open .dropdown-menu > li > a:focus {
  3837. background-image: none;
  3838. }
  3839. }
  3840. @media (min-width: 768px) {
  3841. .navbar-nav {
  3842. float: left;
  3843. margin: 0;
  3844. }
  3845. .navbar-nav > li {
  3846. float: left;
  3847. }
  3848. .navbar-nav > li > a {
  3849. padding-top: 15px;
  3850. padding-bottom: 15px;
  3851. }
  3852. .navbar-nav.navbar-right:last-child {
  3853. margin-right: -15px;
  3854. }
  3855. }
  3856. @media (min-width: 768px) {
  3857. .navbar-left {
  3858. float: left !important;
  3859. }
  3860. .navbar-right {
  3861. float: right !important;
  3862. }
  3863. }
  3864. .navbar-form {
  3865. margin-left: -15px;
  3866. margin-right: -15px;
  3867. padding: 10px 15px;
  3868. border-top: 1px solid transparent;
  3869. border-bottom: 1px solid transparent;
  3870. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  3871. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  3872. margin-top: 8px;
  3873. margin-bottom: 8px;
  3874. }
  3875. @media (min-width: 768px) {
  3876. .navbar-form .form-group {
  3877. display: inline-block;
  3878. margin-bottom: 0;
  3879. vertical-align: middle;
  3880. }
  3881. .navbar-form .form-control {
  3882. display: inline-block;
  3883. width: auto;
  3884. vertical-align: middle;
  3885. }
  3886. .navbar-form .input-group > .form-control {
  3887. width: 100%;
  3888. }
  3889. .navbar-form .control-label {
  3890. margin-bottom: 0;
  3891. vertical-align: middle;
  3892. }
  3893. .navbar-form .radio,
  3894. .navbar-form .checkbox {
  3895. display: inline-block;
  3896. margin-top: 0;
  3897. margin-bottom: 0;
  3898. padding-left: 0;
  3899. vertical-align: middle;
  3900. }
  3901. .navbar-form .radio input[type="radio"],
  3902. .navbar-form .checkbox input[type="checkbox"] {
  3903. float: none;
  3904. margin-left: 0;
  3905. }
  3906. .navbar-form .has-feedback .form-control-feedback {
  3907. top: 0;
  3908. }
  3909. }
  3910. @media (max-width: 767px) {
  3911. .navbar-form .form-group {
  3912. margin-bottom: 5px;
  3913. }
  3914. }
  3915. @media (min-width: 768px) {
  3916. .navbar-form {
  3917. width: auto;
  3918. border: 0;
  3919. margin-left: 0;
  3920. margin-right: 0;
  3921. padding-top: 0;
  3922. padding-bottom: 0;
  3923. -webkit-box-shadow: none;
  3924. box-shadow: none;
  3925. }
  3926. .navbar-form.navbar-right:last-child {
  3927. margin-right: -15px;
  3928. }
  3929. }
  3930. .navbar-nav > li > .dropdown-menu {
  3931. margin-top: 0;
  3932. border-top-right-radius: 0;
  3933. border-top-left-radius: 0;
  3934. }
  3935. .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  3936. border-bottom-right-radius: 0;
  3937. border-bottom-left-radius: 0;
  3938. }
  3939. .navbar-btn {
  3940. margin-top: 8px;
  3941. margin-bottom: 8px;
  3942. }
  3943. .navbar-btn.btn-sm {
  3944. margin-top: 10px;
  3945. margin-bottom: 10px;
  3946. }
  3947. .navbar-btn.btn-xs {
  3948. margin-top: 14px;
  3949. margin-bottom: 14px;
  3950. }
  3951. .navbar-text {
  3952. margin-top: 15px;
  3953. margin-bottom: 15px;
  3954. }
  3955. @media (min-width: 768px) {
  3956. .navbar-text {
  3957. float: left;
  3958. margin-left: 15px;
  3959. margin-right: 15px;
  3960. }
  3961. .navbar-text.navbar-right:last-child {
  3962. margin-right: 0;
  3963. }
  3964. }
  3965. .navbar-default {
  3966. background-color: ${base02};
  3967. border-color: ${base01};
  3968. }
  3969. .navbar-default .navbar-brand {
  3970. color: ${base2};
  3971. }
  3972. .navbar-default .navbar-brand:hover,
  3973. .navbar-default .navbar-brand:focus {
  3974. color: ${cyan};
  3975. background-color: transparent;
  3976. }
  3977. .navbar-default .navbar-text {
  3978. color: ${base1};
  3979. }
  3980. .navbar-default .navbar-nav > li > a {
  3981. color: ${base1};
  3982. }
  3983. .navbar-default .navbar-nav > li > a:hover,
  3984. .navbar-default .navbar-nav > li > a:focus {
  3985. color: ${cyan};
  3986. background-color: transparent;
  3987. }
  3988. .navbar-default .navbar-nav > .active > a,
  3989. .navbar-default .navbar-nav > .active > a:hover,
  3990. .navbar-default .navbar-nav > .active > a:focus {
  3991. color: #555555;
  3992. background-color: #e7e7e7;
  3993. }
  3994. .navbar-default .navbar-nav > .disabled > a,
  3995. .navbar-default .navbar-nav > .disabled > a:hover,
  3996. .navbar-default .navbar-nav > .disabled > a:focus {
  3997. color: #cccccc;
  3998. background-color: transparent;
  3999. }
  4000. .navbar-default .navbar-toggle {
  4001. border-color: ${base01};
  4002. }
  4003. .navbar-default .navbar-toggle:hover,
  4004. .navbar-default .navbar-toggle:focus {
  4005. background-color: ${base01};
  4006. }
  4007. .navbar-default .navbar-toggle .icon-bar {
  4008. background-color: #888888;
  4009. }
  4010. .navbar-default .navbar-collapse,
  4011. .navbar-default .navbar-form {
  4012. border-color: #e7e7e7;
  4013. }
  4014. .navbar-default .navbar-nav > .open > a,
  4015. .navbar-default .navbar-nav > .open > a:hover,
  4016. .navbar-default .navbar-nav > .open > a:focus {
  4017. background-color: #e7e7e7;
  4018. color: #555555;
  4019. }
  4020. @media (max-width: 767px) {
  4021. .navbar-default .navbar-nav .open .dropdown-menu > li > a {
  4022. color: #777777;
  4023. }
  4024. .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  4025. .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  4026. color: #333333;
  4027. background-color: transparent;
  4028. }
  4029. .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  4030. .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  4031. .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  4032. color: #555555;
  4033. background-color: #e7e7e7;
  4034. }
  4035. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  4036. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  4037. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  4038. color: #cccccc;
  4039. background-color: transparent;
  4040. }
  4041. }
  4042. .navbar-default .navbar-link {
  4043. color: #777777;
  4044. }
  4045. .navbar-default .navbar-link:hover {
  4046. color: #333333;
  4047. }
  4048. .navbar-inverse {
  4049. background-color: #222222;
  4050. border-color: #080808;
  4051. }
  4052. .navbar-inverse .navbar-brand {
  4053. color: ${base2};
  4054. }
  4055. .navbar-inverse .navbar-brand:hover,
  4056. .navbar-inverse .navbar-brand:focus {
  4057. color: #ffffff;
  4058. background-color: transparent;
  4059. }
  4060. .navbar-inverse .navbar-text {
  4061. color: ${base2};
  4062. }
  4063. .navbar-inverse .navbar-nav > li > a {
  4064. color: ${base2};
  4065. }
  4066. .navbar-inverse .navbar-nav > li > a:hover,
  4067. .navbar-inverse .navbar-nav > li > a:focus {
  4068. color: #ffffff;
  4069. background-color: transparent;
  4070. }
  4071. .navbar-inverse .navbar-nav > .active > a,
  4072. .navbar-inverse .navbar-nav > .active > a:hover,
  4073. .navbar-inverse .navbar-nav > .active > a:focus {
  4074. color: #ffffff;
  4075. background-color: #080808;
  4076. }
  4077. .navbar-inverse .navbar-nav > .disabled > a,
  4078. .navbar-inverse .navbar-nav > .disabled > a:hover,
  4079. .navbar-inverse .navbar-nav > .disabled > a:focus {
  4080. color: #444444;
  4081. background-color: transparent;
  4082. }
  4083. .navbar-inverse .navbar-toggle {
  4084. border-color: #333333;
  4085. }
  4086. .navbar-inverse .navbar-toggle:hover,
  4087. .navbar-inverse .navbar-toggle:focus {
  4088. background-color: #333333;
  4089. }
  4090. .navbar-inverse .navbar-toggle .icon-bar {
  4091. background-color: #ffffff;
  4092. }
  4093. .navbar-inverse .navbar-collapse,
  4094. .navbar-inverse .navbar-form {
  4095. border-color: #101010;
  4096. }
  4097. .navbar-inverse .navbar-nav > .open > a,
  4098. .navbar-inverse .navbar-nav > .open > a:hover,
  4099. .navbar-inverse .navbar-nav > .open > a:focus {
  4100. background-color: #080808;
  4101. color: #ffffff;
  4102. }
  4103. @media (max-width: 767px) {
  4104. .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
  4105. border-color: #080808;
  4106. }
  4107. .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
  4108. background-color: #080808;
  4109. }
  4110. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  4111. color: ${base2};
  4112. }
  4113. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  4114. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
  4115. color: #ffffff;
  4116. background-color: transparent;
  4117. }
  4118. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  4119. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  4120. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
  4121. color: #ffffff;
  4122. background-color: #080808;
  4123. }
  4124. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  4125. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  4126. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  4127. color: #444444;
  4128. background-color: transparent;
  4129. }
  4130. }
  4131. .navbar-inverse .navbar-link {
  4132. color: ${base2};
  4133. }
  4134. .navbar-inverse .navbar-link:hover {
  4135. color: #ffffff;
  4136. }
  4137. .breadcrumb {
  4138. padding: 8px 15px;
  4139. margin-bottom: 20px;
  4140. list-style: none;
  4141. background-color: ${base02};
  4142. border-radius: 4px;
  4143. }
  4144. .breadcrumb > li {
  4145. display: inline-block;
  4146. }
  4147. .breadcrumb > li + li:before {
  4148. content: "\00a0";
  4149. padding: 0 5px;
  4150. color: #cccccc;
  4151. }
  4152. .breadcrumb > .active {
  4153. color: ${base2};
  4154. }
  4155. .pagination {
  4156. display: inline-block;
  4157. padding-left: 0;
  4158. margin: 20px 0;
  4159. border-radius: 4px;
  4160. }
  4161. .pagination > li {
  4162. display: inline;
  4163. }
  4164. .pagination > li > a,
  4165. .pagination > li > span {
  4166. position: relative;
  4167. float: left;
  4168. padding: 6px 12px;
  4169. line-height: 1.428571429;
  4170. text-decoration: none;
  4171. color: #428bca;
  4172. background-color: ${base02};
  4173. border: 1px solid ${base01};
  4174. margin-left: -1px;
  4175. }
  4176. .pagination > li:first-child > a,
  4177. .pagination > li:first-child > span {
  4178. margin-left: 0;
  4179. border-bottom-left-radius: 4px;
  4180. border-top-left-radius: 4px;
  4181. }
  4182. .pagination > li:last-child > a,
  4183. .pagination > li:last-child > span {
  4184. border-bottom-right-radius: 4px;
  4185. border-top-right-radius: 4px;
  4186. }
  4187. .pagination > li > a:hover,
  4188. .pagination > li > span:hover,
  4189. .pagination > li > a:focus,
  4190. .pagination > li > span:focus {
  4191. color: #2a6496;
  4192. background-color: ${base3};
  4193. border-color: #dddddd;
  4194. }
  4195. .pagination > .active > a,
  4196. .pagination > .active > span,
  4197. .pagination > .active > a:hover,
  4198. .pagination > .active > span:hover,
  4199. .pagination > .active > a:focus,
  4200. .pagination > .active > span:focus {
  4201. z-index: 2;
  4202. color: #ffffff;
  4203. background-color: #428bca;
  4204. border-color: #428bca;
  4205. cursor: default;
  4206. }
  4207. .pagination > .disabled > span,
  4208. .pagination > .disabled > span:hover,
  4209. .pagination > .disabled > span:focus,
  4210. .pagination > .disabled > a,
  4211. .pagination > .disabled > a:hover,
  4212. .pagination > .disabled > a:focus {
  4213. color: ${base2};
  4214. background-color: ${base01};
  4215. border-color: ${base01};
  4216. cursor: not-allowed;
  4217. }
  4218. .pagination-lg > li > a,
  4219. .pagination-lg > li > span {
  4220. padding: 10px 16px;
  4221. font-size: 18px;
  4222. }
  4223. .pagination-lg > li:first-child > a,
  4224. .pagination-lg > li:first-child > span {
  4225. border-bottom-left-radius: 6px;
  4226. border-top-left-radius: 6px;
  4227. }
  4228. .pagination-lg > li:last-child > a,
  4229. .pagination-lg > li:last-child > span {
  4230. border-bottom-right-radius: 6px;
  4231. border-top-right-radius: 6px;
  4232. }
  4233. .pagination-sm > li > a,
  4234. .pagination-sm > li > span {
  4235. padding: 5px 10px;
  4236. font-size: 12px;
  4237. }
  4238. .pagination-sm > li:first-child > a,
  4239. .pagination-sm > li:first-child > span {
  4240. border-bottom-left-radius: 3px;
  4241. border-top-left-radius: 3px;
  4242. }
  4243. .pagination-sm > li:last-child > a,
  4244. .pagination-sm > li:last-child > span {
  4245. border-bottom-right-radius: 3px;
  4246. border-top-right-radius: 3px;
  4247. }
  4248. .pager {
  4249. padding-left: 0;
  4250. margin: 20px 0;
  4251. list-style: none;
  4252. text-align: center;
  4253. }
  4254. .pager li {
  4255. display: inline;
  4256. }
  4257. .pager li > a,
  4258. .pager li > span {
  4259. display: inline-block;
  4260. padding: 5px 14px;
  4261. background-color: ${base02};
  4262. border: 1px solid ${base01};
  4263. border-radius: 15px;
  4264. }
  4265. .pager li > a:hover,
  4266. .pager li > a:focus {
  4267. text-decoration: none;
  4268. background-color: ${base3};
  4269. }
  4270. .pager .next > a,
  4271. .pager .next > span {
  4272. float: right;
  4273. }
  4274. .pager .previous > a,
  4275. .pager .previous > span {
  4276. float: left;
  4277. }
  4278. .pager .disabled > a,
  4279. .pager .disabled > a:hover,
  4280. .pager .disabled > a:focus,
  4281. .pager .disabled > span {
  4282. color: ${base2};
  4283. background-color: ${base02};
  4284. cursor: not-allowed;
  4285. }
  4286. .label {
  4287. display: inline;
  4288. padding: .2em .6em .3em;
  4289. font-size: 75%;
  4290. font-weight: bold;
  4291. line-height: 1;
  4292. color: #ffffff;
  4293. text-align: center;
  4294. white-space: nowrap;
  4295. vertical-align: baseline;
  4296. border-radius: .25em;
  4297. }
  4298. .label[href]:hover,
  4299. .label[href]:focus {
  4300. color: #ffffff;
  4301. text-decoration: none;
  4302. cursor: pointer;
  4303. }
  4304. .label:empty {
  4305. display: none;
  4306. }
  4307. .btn .label {
  4308. position: relative;
  4309. top: -1px;
  4310. }
  4311. .label-default {
  4312. background-color: ${base01};
  4313. }
  4314. .label-default[href]:hover,
  4315. .label-default[href]:focus {
  4316. background-color: #dfd4b1;
  4317. }
  4318. .label-primary {
  4319. background-color: #428bca;
  4320. }
  4321. .label-primary[href]:hover,
  4322. .label-primary[href]:focus {
  4323. background-color: #3071a9;
  4324. }
  4325. .label-success {
  4326. background-color: #5cb85c;
  4327. }
  4328. .label-success[href]:hover,
  4329. .label-success[href]:focus {
  4330. background-color: #449d44;
  4331. }
  4332. .label-info {
  4333. background-color: #5bc0de;
  4334. }
  4335. .label-info[href]:hover,
  4336. .label-info[href]:focus {
  4337. background-color: #31b0d5;
  4338. }
  4339. .label-warning {
  4340. background-color: #f0ad4e;
  4341. }
  4342. .label-warning[href]:hover,
  4343. .label-warning[href]:focus {
  4344. background-color: #ec971f;
  4345. }
  4346. .label-danger {
  4347. background-color: #d9534f;
  4348. }
  4349. .label-danger[href]:hover,
  4350. .label-danger[href]:focus {
  4351. background-color: #c9302c;
  4352. }
  4353. .badge {
  4354. display: inline-block;
  4355. min-width: 10px;
  4356. padding: 3px 7px;
  4357. font-size: 12px;
  4358. font-weight: bold;
  4359. color: : #fff;
  4360. line-height: 1;
  4361. vertical-align: baseline;
  4362. white-space: nowrap;
  4363. text-align: center;
  4364. background-color: ${base01};
  4365. border-radius: 10px;
  4366. }
  4367. .badge:empty {
  4368. display: none;
  4369. }
  4370. .btn .badge {
  4371. position: relative;
  4372. top: -1px;
  4373. }
  4374. .btn-xs .badge {
  4375. top: 0;
  4376. padding: 1px 5px;
  4377. }
  4378. a.badge:hover,
  4379. a.badge:focus {
  4380. color: #ffffff;
  4381. text-decoration: none;
  4382. cursor: pointer;
  4383. }
  4384. a.list-group-item.active > .badge,
  4385. .nav-pills > .active > a > .badge {
  4386. color: #428bca;
  4387. background-color: #ffffff;
  4388. }
  4389. .nav-pills > li > a > .badge {
  4390. margin-left: 3px;
  4391. }
  4392. .jumbotron {
  4393. padding: 30px;
  4394. margin-bottom: 30px;
  4395. color: inherit;
  4396. background-color: ${base02};
  4397. }
  4398. .jumbotron h1,
  4399. .jumbotron .h1 {
  4400. color: inherit;
  4401. }
  4402. .jumbotron p {
  4403. margin-bottom: 15px;
  4404. font-size: 21px;
  4405. font-weight: 200;
  4406. }
  4407. .container .jumbotron {
  4408. border-radius: 6px;
  4409. }
  4410. .jumbotron .container {
  4411. max-width: 100%;
  4412. }
  4413. @media screen and (min-width: 768px) {
  4414. .jumbotron {
  4415. padding-top: 48px;
  4416. padding-bottom: 48px;
  4417. }
  4418. .container .jumbotron {
  4419. padding-left: 60px;
  4420. padding-right: 60px;
  4421. }
  4422. .jumbotron h1,
  4423. .jumbotron .h1 {
  4424. font-size: 63px;
  4425. }
  4426. }
  4427. .thumbnail {
  4428. display: block;
  4429. padding: 4px;
  4430. margin-bottom: 20px;
  4431. line-height: 1.428571429;
  4432. background-color: ${base03};
  4433. border: 1px solid ${base01};
  4434. border-radius: 4px;
  4435. -webkit-transition: all 0.2s ease-in-out;
  4436. transition: all 0.2s ease-in-out;
  4437. }
  4438. .thumbnail > img,
  4439. .thumbnail a > img {
  4440. margin-left: auto;
  4441. margin-right: auto;
  4442. }
  4443. a.thumbnail:hover,
  4444. a.thumbnail:focus,
  4445. a.thumbnail.active {
  4446. border-color: #428bca;
  4447. }
  4448. .thumbnail .caption {
  4449. padding: 9px;
  4450. color: ${base0};
  4451. }
  4452. .alert {
  4453. padding: 15px;
  4454. margin-bottom: 20px;
  4455. border: 1px solid transparent;
  4456. border-radius: 4px;
  4457. }
  4458. .alert h4 {
  4459. margin-top: 0;
  4460. color: inherit;
  4461. }
  4462. .alert .alert-link {
  4463. font-weight: bold;
  4464. }
  4465. .alert > p,
  4466. .alert > ul {
  4467. margin-bottom: 0;
  4468. }
  4469. .alert > p + p {
  4470. margin-top: 5px;
  4471. }
  4472. .alert-dismissable {
  4473. padding-right: 35px;
  4474. }
  4475. .alert-dismissable .close {
  4476. position: relative;
  4477. top: -2px;
  4478. right: -21px;
  4479. color: inherit;
  4480. }
  4481. .alert-success {
  4482. background-color: #dff0d8;
  4483. border-color: #d6e9c6;
  4484. color: #468847;
  4485. }
  4486. .alert-success hr {
  4487. border-top-color: #c9e2b3;
  4488. }
  4489. .alert-success .alert-link {
  4490. color: #356635;
  4491. }
  4492. .alert-info {
  4493. background-color: #d9edf7;
  4494. border-color: #bce8f1;
  4495. color: #3a87ad;
  4496. }
  4497. .alert-info hr {
  4498. border-top-color: #a6e1ec;
  4499. }
  4500. .alert-info .alert-link {
  4501. color: #2d6987;
  4502. }
  4503. .alert-warning {
  4504. background-color: #fcf8e3;
  4505. border-color: #fbeed5;
  4506. color: #c09853;
  4507. }
  4508. .alert-warning hr {
  4509. border-top-color: #f8e5be;
  4510. }
  4511. .alert-warning .alert-link {
  4512. color: #a47e3c;
  4513. }
  4514. .alert-danger {
  4515. background-color: #f2dede;
  4516. border-color: #eed3d7;
  4517. color: #b94a48;
  4518. }
  4519. .alert-danger hr {
  4520. border-top-color: #e6c1c7;
  4521. }
  4522. .alert-danger .alert-link {
  4523. color: #953b39;
  4524. }
  4525. @-webkit-keyframes progress-bar-stripes {
  4526. from {
  4527. background-position: 40px 0;
  4528. }
  4529. to {
  4530. background-position: 0 0;
  4531. }
  4532. }
  4533. @keyframes progress-bar-stripes {
  4534. from {
  4535. background-position: 40px 0;
  4536. }
  4537. to {
  4538. background-position: 0 0;
  4539. }
  4540. }
  4541. .progress {
  4542. overflow: hidden;
  4543. height: 20px;
  4544. margin-bottom: 20px;
  4545. background-color: ${base02};
  4546. border-radius: 4px;
  4547. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  4548. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  4549. }
  4550. .progress-bar {
  4551. float: left;
  4552. width: 0%;
  4553. height: 100%;
  4554. font-size: 12px;
  4555. line-height: 20px;
  4556. color: #ffffff;
  4557. text-align: center;
  4558. background-color: #428bca;
  4559. -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  4560. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  4561. -webkit-transition: width 0.6s ease;
  4562. transition: width 0.6s ease;
  4563. }
  4564. .progress-striped .progress-bar {
  4565. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4566. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4567. background-size: 40px 40px;
  4568. }
  4569. .progress.active .progress-bar {
  4570. -webkit-animation: progress-bar-stripes 2s linear infinite;
  4571. animation: progress-bar-stripes 2s linear infinite;
  4572. }
  4573. .progress-bar-success {
  4574. background-color: #5cb85c;
  4575. }
  4576. .progress-striped .progress-bar-success {
  4577. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4578. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4579. }
  4580. .progress-bar-info {
  4581. background-color: #5bc0de;
  4582. }
  4583. .progress-striped .progress-bar-info {
  4584. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4585. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4586. }
  4587. .progress-bar-warning {
  4588. background-color: #f0ad4e;
  4589. }
  4590. .progress-striped .progress-bar-warning {
  4591. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4592. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4593. }
  4594. .progress-bar-danger {
  4595. background-color: #d9534f;
  4596. }
  4597. .progress-striped .progress-bar-danger {
  4598. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4599. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4600. }
  4601. .media,
  4602. .media-body {
  4603. overflow: hidden;
  4604. zoom: 1;
  4605. }
  4606. .media,
  4607. .media .media {
  4608. margin-top: 15px;
  4609. }
  4610. .media:first-child {
  4611. margin-top: 0;
  4612. }
  4613. .media-object {
  4614. display: block;
  4615. }
  4616. .media-heading {
  4617. margin: 0 0 5px;
  4618. }
  4619. .media > .pull-left {
  4620. margin-right: 10px;
  4621. }
  4622. .media > .pull-right {
  4623. margin-left: 10px;
  4624. }
  4625. .media-list {
  4626. padding-left: 0;
  4627. list-style: none;
  4628. }
  4629. .list-group {
  4630. margin-bottom: 20px;
  4631. padding-left: 0;
  4632. }
  4633. .list-group-item {
  4634. position: relative;
  4635. display: block;
  4636. padding: 10px 15px;
  4637. margin-bottom: -1px;
  4638. background-color: ${base02};
  4639. border: 1px solid ${base01};
  4640. }
  4641. .list-group-item:first-child {
  4642. border-top-right-radius: 4px;
  4643. border-top-left-radius: 4px;
  4644. }
  4645. .list-group-item:last-child {
  4646. margin-bottom: 0;
  4647. border-bottom-right-radius: 4px;
  4648. border-bottom-left-radius: 4px;
  4649. }
  4650. .list-group-item > .badge {
  4651. float: right;
  4652. }
  4653. .list-group-item > .badge + .badge {
  4654. margin-right: 5px;
  4655. }
  4656. a.list-group-item {
  4657. color: #555555;
  4658. }
  4659. a.list-group-item .list-group-item-heading {
  4660. color: ${base01};
  4661. }
  4662. a.list-group-item:hover,
  4663. a.list-group-item:focus {
  4664. text-decoration: none;
  4665. background-color: #f5f5f5;
  4666. }
  4667. a.list-group-item.active,
  4668. a.list-group-item.active:hover,
  4669. a.list-group-item.active:focus {
  4670. z-index: 2;
  4671. color: ${base01};
  4672. background-color: #428bca;
  4673. border-color: #428bca;
  4674. }
  4675. a.list-group-item.active .list-group-item-heading,
  4676. a.list-group-item.active:hover .list-group-item-heading,
  4677. a.list-group-item.active:focus .list-group-item-heading {
  4678. color: inherit;
  4679. }
  4680. a.list-group-item.active .list-group-item-text,
  4681. a.list-group-item.active:hover .list-group-item-text,
  4682. a.list-group-item.active:focus .list-group-item-text {
  4683. color: #e1edf7;
  4684. }
  4685. .list-group-item-success {
  4686. color: #468847;
  4687. background-color: #dff0d8;
  4688. }
  4689. a.list-group-item-success {
  4690. color: #468847;
  4691. }
  4692. a.list-group-item-success .list-group-item-heading {
  4693. color: inherit;
  4694. }
  4695. a.list-group-item-success:hover,
  4696. a.list-group-item-success:focus {
  4697. color: #468847;
  4698. background-color: #d0e9c6;
  4699. }
  4700. a.list-group-item-success.active,
  4701. a.list-group-item-success.active:hover,
  4702. a.list-group-item-success.active:focus {
  4703. color: #fff;
  4704. background-color: #468847;
  4705. border-color: #468847;
  4706. }
  4707. .list-group-item-info {
  4708. color: #3a87ad;
  4709. background-color: #d9edf7;
  4710. }
  4711. a.list-group-item-info {
  4712. color: #3a87ad;
  4713. }
  4714. a.list-group-item-info .list-group-item-heading {
  4715. color: inherit;
  4716. }
  4717. a.list-group-item-info:hover,
  4718. a.list-group-item-info:focus {
  4719. color: #3a87ad;
  4720. background-color: #c4e3f3;
  4721. }
  4722. a.list-group-item-info.active,
  4723. a.list-group-item-info.active:hover,
  4724. a.list-group-item-info.active:focus {
  4725. color: #fff;
  4726. background-color: #3a87ad;
  4727. border-color: #3a87ad;
  4728. }
  4729. .list-group-item-warning {
  4730. color: #c09853;
  4731. background-color: #fcf8e3;
  4732. }
  4733. a.list-group-item-warning {
  4734. color: #c09853;
  4735. }
  4736. a.list-group-item-warning .list-group-item-heading {
  4737. color: inherit;
  4738. }
  4739. a.list-group-item-warning:hover,
  4740. a.list-group-item-warning:focus {
  4741. color: #c09853;
  4742. background-color: #faf2cc;
  4743. }
  4744. a.list-group-item-warning.active,
  4745. a.list-group-item-warning.active:hover,
  4746. a.list-group-item-warning.active:focus {
  4747. color: #fff;
  4748. background-color: #c09853;
  4749. border-color: #c09853;
  4750. }
  4751. .list-group-item-danger {
  4752. color: #b94a48;
  4753. background-color: #f2dede;
  4754. }
  4755. a.list-group-item-danger {
  4756. color: #b94a48;
  4757. }
  4758. a.list-group-item-danger .list-group-item-heading {
  4759. color: inherit;
  4760. }
  4761. a.list-group-item-danger:hover,
  4762. a.list-group-item-danger:focus {
  4763. color: #b94a48;
  4764. background-color: #ebcccc;
  4765. }
  4766. a.list-group-item-danger.active,
  4767. a.list-group-item-danger.active:hover,
  4768. a.list-group-item-danger.active:focus {
  4769. color: #fff;
  4770. background-color: #b94a48;
  4771. border-color: #b94a48;
  4772. }
  4773. .list-group-item-heading {
  4774. margin-top: 0;
  4775. margin-bottom: 5px;
  4776. }
  4777. .list-group-item-text {
  4778. margin-bottom: 0;
  4779. line-height: 1.3;
  4780. }
  4781. .panel {
  4782. margin-bottom: 20px;
  4783. background-color: ${base03};
  4784. border: 1px solid transparent;
  4785. border-radius: 4px;
  4786. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  4787. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  4788. }
  4789. .panel-body {
  4790. padding: 15px;
  4791. }
  4792. .panel-heading {
  4793. padding: 10px 15px;
  4794. border-bottom: 1px solid transparent;
  4795. border-top-right-radius: 3px;
  4796. border-top-left-radius: 3px;
  4797. }
  4798. .panel-heading > .dropdown .dropdown-toggle {
  4799. color: inherit;
  4800. }
  4801. .panel-title {
  4802. margin-top: 0;
  4803. margin-bottom: 0;
  4804. font-size: 16px;
  4805. color: inherit;
  4806. }
  4807. .panel-title > a {
  4808. color: inherit;
  4809. }
  4810. .panel-footer {
  4811. padding: 10px 15px;
  4812. background-color: ${base02};
  4813. border-top: 1px solid ${base01};
  4814. border-bottom-right-radius: 3px;
  4815. border-bottom-left-radius: 3px;
  4816. }
  4817. .panel > .list-group {
  4818. margin-bottom: 0;
  4819. }
  4820. .panel > .list-group .list-group-item {
  4821. border-width: 1px 0;
  4822. border-radius: 0;
  4823. }
  4824. .panel > .list-group .list-group-item:first-child {
  4825. border-top: 0;
  4826. }
  4827. .panel > .list-group .list-group-item:last-child {
  4828. border-bottom: 0;
  4829. }
  4830. .panel > .list-group:first-child .list-group-item:first-child {
  4831. border-top-right-radius: 3px;
  4832. border-top-left-radius: 3px;
  4833. }
  4834. .panel > .list-group:last-child .list-group-item:last-child {
  4835. border-bottom-right-radius: 3px;
  4836. border-bottom-left-radius: 3px;
  4837. }
  4838. .panel-heading + .list-group .list-group-item:first-child {
  4839. border-top-width: 0;
  4840. }
  4841. .panel > .table,
  4842. .panel > .table-responsive > .table {
  4843. margin-bottom: 0;
  4844. }
  4845. .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
  4846. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
  4847. .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  4848. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  4849. .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
  4850. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
  4851. .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
  4852. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  4853. border-top-left-radius: 3px;
  4854. }
  4855. .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
  4856. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
  4857. .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  4858. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  4859. .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
  4860. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
  4861. .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
  4862. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  4863. border-top-right-radius: 3px;
  4864. }
  4865. .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  4866. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  4867. .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  4868. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  4869. .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  4870. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  4871. .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
  4872. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  4873. border-bottom-left-radius: 3px;
  4874. }
  4875. .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  4876. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  4877. .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  4878. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  4879. .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  4880. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  4881. .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
  4882. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  4883. border-bottom-right-radius: 3px;
  4884. }
  4885. .panel > .panel-body + .table,
  4886. .panel > .panel-body + .table-responsive {
  4887. border-top: 1px solid ${base01};
  4888. }
  4889. .panel > .table > tbody:first-child > tr:first-child th,
  4890. .panel > .table > tbody:first-child > tr:first-child td {
  4891. border-top: 0;
  4892. }
  4893. .panel > .table-bordered,
  4894. .panel > .table-responsive > .table-bordered {
  4895. border: 0;
  4896. }
  4897. .panel > .table-bordered > thead > tr > th:first-child,
  4898. .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  4899. .panel > .table-bordered > tbody > tr > th:first-child,
  4900. .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  4901. .panel > .table-bordered > tfoot > tr > th:first-child,
  4902. .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  4903. .panel > .table-bordered > thead > tr > td:first-child,
  4904. .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  4905. .panel > .table-bordered > tbody > tr > td:first-child,
  4906. .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  4907. .panel > .table-bordered > tfoot > tr > td:first-child,
  4908. .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  4909. border-left: 0;
  4910. }
  4911. .panel > .table-bordered > thead > tr > th:last-child,
  4912. .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  4913. .panel > .table-bordered > tbody > tr > th:last-child,
  4914. .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  4915. .panel > .table-bordered > tfoot > tr > th:last-child,
  4916. .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  4917. .panel > .table-bordered > thead > tr > td:last-child,
  4918. .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  4919. .panel > .table-bordered > tbody > tr > td:last-child,
  4920. .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  4921. .panel > .table-bordered > tfoot > tr > td:last-child,
  4922. .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  4923. border-right: 0;
  4924. }
  4925. .panel > .table-bordered > thead > tr:first-child > td,
  4926. .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  4927. .panel > .table-bordered > tbody > tr:first-child > td,
  4928. .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  4929. .panel > .table-bordered > thead > tr:first-child > th,
  4930. .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  4931. .panel > .table-bordered > tbody > tr:first-child > th,
  4932. .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  4933. border-bottom: 0;
  4934. }
  4935. .panel > .table-bordered > tbody > tr:last-child > td,
  4936. .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  4937. .panel > .table-bordered > tfoot > tr:last-child > td,
  4938. .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  4939. .panel > .table-bordered > tbody > tr:last-child > th,
  4940. .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  4941. .panel > .table-bordered > tfoot > tr:last-child > th,
  4942. .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  4943. border-bottom: 0;
  4944. }
  4945. .panel > .table-responsive {
  4946. border: 0;
  4947. margin-bottom: 0;
  4948. }
  4949. .panel-group {
  4950. margin-bottom: 20px;
  4951. }
  4952. .panel-group .panel {
  4953. margin-bottom: 0;
  4954. border-radius: 4px;
  4955. overflow: hidden;
  4956. }
  4957. .panel-group .panel + .panel {
  4958. margin-top: 5px;
  4959. }
  4960. .panel-group .panel-heading {
  4961. border-bottom: 0;
  4962. }
  4963. .panel-group .panel-heading + .panel-collapse .panel-body {
  4964. border-top: 1px solid ${base01};
  4965. }
  4966. .panel-group .panel-footer {
  4967. border-top: 0;
  4968. }
  4969. .panel-group .panel-footer + .panel-collapse .panel-body {
  4970. border-bottom: 1px solid ${base01};
  4971. }
  4972. .panel-default {
  4973. border-color: ${base01};
  4974. }
  4975. .panel-default > .panel-heading {
  4976. color: ${base01};
  4977. background-color: ${base02};
  4978. border-color: ${base01};
  4979. }
  4980. .panel-default > .panel-heading + .panel-collapse .panel-body {
  4981. border-top-color: ${base01};
  4982. }
  4983. .panel-default > .panel-footer + .panel-collapse .panel-body {
  4984. border-bottom-color: ${base01};
  4985. }
  4986. .panel-primary {
  4987. border-color: #428bca;
  4988. }
  4989. .panel-primary > .panel-heading {
  4990. color: #ffffff;
  4991. background-color: #428bca;
  4992. border-color: #428bca;
  4993. }
  4994. .panel-primary > .panel-heading + .panel-collapse .panel-body {
  4995. border-top-color: #428bca;
  4996. }
  4997. .panel-primary > .panel-footer + .panel-collapse .panel-body {
  4998. border-bottom-color: #428bca;
  4999. }
  5000. .panel-success {
  5001. border-color: #d6e9c6;
  5002. }
  5003. .panel-success > .panel-heading {
  5004. color: #468847;
  5005. background-color: #dff0d8;
  5006. border-color: #d6e9c6;
  5007. }
  5008. .panel-success > .panel-heading + .panel-collapse .panel-body {
  5009. border-top-color: #d6e9c6;
  5010. }
  5011. .panel-success > .panel-footer + .panel-collapse .panel-body {
  5012. border-bottom-color: #d6e9c6;
  5013. }
  5014. .panel-info {
  5015. border-color: #bce8f1;
  5016. }
  5017. .panel-info > .panel-heading {
  5018. color: #3a87ad;
  5019. background-color: #d9edf7;
  5020. border-color: #bce8f1;
  5021. }
  5022. .panel-info > .panel-heading + .panel-collapse .panel-body {
  5023. border-top-color: #bce8f1;
  5024. }
  5025. .panel-info > .panel-footer + .panel-collapse .panel-body {
  5026. border-bottom-color: #bce8f1;
  5027. }
  5028. .panel-warning {
  5029. border-color: #fbeed5;
  5030. }
  5031. .panel-warning > .panel-heading {
  5032. color: #c09853;
  5033. background-color: #fcf8e3;
  5034. border-color: #fbeed5;
  5035. }
  5036. .panel-warning > .panel-heading + .panel-collapse .panel-body {
  5037. border-top-color: #fbeed5;
  5038. }
  5039. .panel-warning > .panel-footer + .panel-collapse .panel-body {
  5040. border-bottom-color: #fbeed5;
  5041. }
  5042. .panel-danger {
  5043. border-color: #eed3d7;
  5044. }
  5045. .panel-danger > .panel-heading {
  5046. color: #b94a48;
  5047. background-color: #f2dede;
  5048. border-color: #eed3d7;
  5049. }
  5050. .panel-danger > .panel-heading + .panel-collapse .panel-body {
  5051. border-top-color: #eed3d7;
  5052. }
  5053. .panel-danger > .panel-footer + .panel-collapse .panel-body {
  5054. border-bottom-color: #eed3d7;
  5055. }
  5056. .well {
  5057. min-height: 20px;
  5058. padding: 19px;
  5059. margin-bottom: 20px;
  5060. background-color: ${base02};
  5061. border: 1px solid ${base01};
  5062. border-radius: 4px;
  5063. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  5064. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  5065. }
  5066. .well blockquote {
  5067. border-color: #ddd;
  5068. border-color: rgba(0, 0, 0, 0.15);
  5069. }
  5070. .well-lg {
  5071. padding: 24px;
  5072. border-radius: 6px;
  5073. }
  5074. .well-sm {
  5075. padding: 9px;
  5076. border-radius: 3px;
  5077. }
  5078. .close {
  5079. float: right;
  5080. font-size: 21px;
  5081. font-weight: bold;
  5082. line-height: 1;
  5083. color: ${base1};
  5084. text-shadow: 0 0 0;
  5085. opacity: 0.5;
  5086. filter: alpha(opacity=50);
  5087. }
  5088. .close:hover,
  5089. .close:focus {
  5090. color: ${magenta};
  5091. text-decoration: none;
  5092. cursor: pointer;
  5093. opacity: 0.5;
  5094. filter: alpha(opacity=50);
  5095. }
  5096. button.close {
  5097. padding: 0;
  5098. cursor: pointer;
  5099. background: transparent;
  5100. border: 0;
  5101. -webkit-appearance: none;
  5102. }
  5103. .modal-open {
  5104. overflow: hidden;
  5105. }
  5106. .modal {
  5107. display: none;
  5108. overflow: auto;
  5109. overflow-y: scroll;
  5110. position: fixed;
  5111. top: 0;
  5112. right: 0;
  5113. bottom: 0;
  5114. left: 0;
  5115. z-index: 1050;
  5116. -webkit-overflow-scrolling: touch;
  5117. outline: 0;
  5118. }
  5119. .modal.fade .modal-dialog {
  5120. -webkit-transform: translate(0, -25%);
  5121. -ms-transform: translate(0, -25%);
  5122. transform: translate(0, -25%);
  5123. -webkit-transition: -webkit-transform 0.3s ease-out;
  5124. -moz-transition: -moz-transform 0.3s ease-out;
  5125. -o-transition: -o-transform 0.3s ease-out;
  5126. transition: transform 0.3s ease-out;
  5127. }
  5128. .modal.in .modal-dialog {
  5129. -webkit-transform: translate(0, 0);
  5130. -ms-transform: translate(0, 0);
  5131. transform: translate(0, 0);
  5132. }
  5133. .modal-dialog {
  5134. position: relative;
  5135. width: auto;
  5136. margin: 10px;
  5137. }
  5138. .modal-content {
  5139. position: relative;
  5140. background-color: ${base02};
  5141. border: 1px solid ${base01};
  5142. border: 1px solid rgba(0, 0, 0, 0.2);
  5143. border-radius: 6px;
  5144. -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  5145. box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  5146. background-clip: padding-box;
  5147. outline: none;
  5148. }
  5149. .modal-backdrop {
  5150. position: fixed;
  5151. top: 0;
  5152. right: 0;
  5153. bottom: 0;
  5154. left: 0;
  5155. z-index: 1040;
  5156. background-color: #000000;
  5157. }
  5158. .modal-backdrop.fade {
  5159. opacity: 0;
  5160. filter: alpha(opacity=0);
  5161. }
  5162. .modal-backdrop.in {
  5163. opacity: 0.5;
  5164. filter: alpha(opacity=50);
  5165. }
  5166. .modal-header {
  5167. padding: 15px;
  5168. border-bottom: 1px solid ${base01};
  5169. min-height: 16.428571429px;
  5170. }
  5171. .modal-header .close {
  5172. margin-top: -2px;
  5173. }
  5174. .modal-title {
  5175. margin: 0;
  5176. line-height: 1.428571429;
  5177. }
  5178. .modal-body {
  5179. position: relative;
  5180. padding: 20px;
  5181. }
  5182. .modal-footer {
  5183. margin-top: 15px;
  5184. padding: 19px 20px 20px;
  5185. text-align: right;
  5186. border-top: 1px solid ${base01};
  5187. }
  5188. .modal-footer .btn + .btn {
  5189. margin-left: 5px;
  5190. margin-bottom: 0;
  5191. }
  5192. .modal-footer .btn-group .btn + .btn {
  5193. margin-left: -1px;
  5194. }
  5195. .modal-footer .btn-block + .btn-block {
  5196. margin-left: 0;
  5197. }
  5198. @media (min-width: 768px) {
  5199. .modal-dialog {
  5200. width: 600px;
  5201. margin: 30px auto;
  5202. }
  5203. .modal-content {
  5204. -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  5205. box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  5206. }
  5207. .modal-sm {
  5208. width: 300px;
  5209. }
  5210. }
  5211. @media (min-width: 992px) {
  5212. .modal-lg {
  5213. width: 900px;
  5214. }
  5215. }
  5216. .tooltip {
  5217. position: absolute;
  5218. z-index: 1030;
  5219. display: block;
  5220. visibility: visible;
  5221. font-size: 12px;
  5222. line-height: 1.4;
  5223. opacity: 0;
  5224. filter: alpha(opacity=0);
  5225. }
  5226. .tooltip.in {
  5227. opacity: 0.9;
  5228. filter: alpha(opacity=90);
  5229. }
  5230. .tooltip.top {
  5231. margin-top: -3px;
  5232. padding: 5px 0;
  5233. }
  5234. .tooltip.right {
  5235. margin-left: 3px;
  5236. padding: 0 5px;
  5237. }
  5238. .tooltip.bottom {
  5239. margin-top: 3px;
  5240. padding: 5px 0;
  5241. }
  5242. .tooltip.left {
  5243. margin-left: -3px;
  5244. padding: 0 5px;
  5245. }
  5246. .tooltip-inner {
  5247. max-width: 200px;
  5248. padding: 3px 8px;
  5249. color: #ffffff;
  5250. text-align: center;
  5251. text-decoration: none;
  5252. background-color: #000000;
  5253. border-radius: 4px;
  5254. }
  5255. .tooltip-arrow {
  5256. position: absolute;
  5257. width: 0;
  5258. height: 0;
  5259. border-color: transparent;
  5260. border-style: solid;
  5261. }
  5262. .tooltip.top .tooltip-arrow {
  5263. bottom: 0;
  5264. left: 50%;
  5265. margin-left: -5px;
  5266. border-width: 5px 5px 0;
  5267. border-top-color: #000000;
  5268. }
  5269. .tooltip.top-left .tooltip-arrow {
  5270. bottom: 0;
  5271. left: 5px;
  5272. border-width: 5px 5px 0;
  5273. border-top-color: #000000;
  5274. }
  5275. .tooltip.top-right .tooltip-arrow {
  5276. bottom: 0;
  5277. right: 5px;
  5278. border-width: 5px 5px 0;
  5279. border-top-color: #000000;
  5280. }
  5281. .tooltip.right .tooltip-arrow {
  5282. top: 50%;
  5283. left: 0;
  5284. margin-top: -5px;
  5285. border-width: 5px 5px 5px 0;
  5286. border-right-color: #000000;
  5287. }
  5288. .tooltip.left .tooltip-arrow {
  5289. top: 50%;
  5290. right: 0;
  5291. margin-top: -5px;
  5292. border-width: 5px 0 5px 5px;
  5293. border-left-color: #000000;
  5294. }
  5295. .tooltip.bottom .tooltip-arrow {
  5296. top: 0;
  5297. left: 50%;
  5298. margin-left: -5px;
  5299. border-width: 0 5px 5px;
  5300. border-bottom-color: #000000;
  5301. }
  5302. .tooltip.bottom-left .tooltip-arrow {
  5303. top: 0;
  5304. left: 5px;
  5305. border-width: 0 5px 5px;
  5306. border-bottom-color: #000000;
  5307. }
  5308. .tooltip.bottom-right .tooltip-arrow {
  5309. top: 0;
  5310. right: 5px;
  5311. border-width: 0 5px 5px;
  5312. border-bottom-color: #000000;
  5313. }
  5314. .popover {
  5315. position: absolute;
  5316. top: 0;
  5317. left: 0;
  5318. z-index: 1010;
  5319. display: none;
  5320. max-width: 276px;
  5321. padding: 1px;
  5322. text-align: left;
  5323. background-color: ${base02};
  5324. background-clip: padding-box;
  5325. border: 1px solid #cccccc;
  5326. border: 1px solid ${base01};
  5327. border-radius: 6px;
  5328. -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  5329. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  5330. white-space: normal;
  5331. }
  5332. .popover.top {
  5333. margin-top: -10px;
  5334. }
  5335. .popover.right {
  5336. margin-left: 10px;
  5337. }
  5338. .popover.bottom {
  5339. margin-top: 10px;
  5340. }
  5341. .popover.left {
  5342. margin-left: -10px;
  5343. }
  5344. .popover-title {
  5345. margin: 0;
  5346. padding: 8px 14px;
  5347. font-size: 14px;
  5348. font-weight: normal;
  5349. line-height: 18px;
  5350. background-color: #062b34;
  5351. border-bottom: 1px solid #03181d;
  5352. border-radius: 5px 5px 0 0;
  5353. }
  5354. .popover-content {
  5355. padding: 9px 14px;
  5356. }
  5357. .popover > .arrow,
  5358. .popover > .arrow:after {
  5359. position: absolute;
  5360. display: block;
  5361. width: 0;
  5362. height: 0;
  5363. border-color: transparent;
  5364. border-style: solid;
  5365. }
  5366. .popover > .arrow {
  5367. border-width: 11px;
  5368. }
  5369. .popover > .arrow:after {
  5370. border-width: 10px;
  5371. content: "";
  5372. }
  5373. .popover.top > .arrow {
  5374. left: 50%;
  5375. margin-left: -11px;
  5376. border-bottom-width: 0;
  5377. border-top-color: ${base01};
  5378. bottom: -11px;
  5379. }
  5380. .popover.top > .arrow:after {
  5381. content: " ";
  5382. bottom: 1px;
  5383. margin-left: -10px;
  5384. border-bottom-width: 0;
  5385. border-top-color: ${base02};
  5386. }
  5387. .popover.right > .arrow {
  5388. top: 50%;
  5389. left: -11px;
  5390. margin-top: -11px;
  5391. border-left-width: 0;
  5392. border-right-color: ${base01};
  5393. }
  5394. .popover.right > .arrow:after {
  5395. content: " ";
  5396. left: 1px;
  5397. bottom: -10px;
  5398. border-left-width: 0;
  5399. border-right-color: ${base02};
  5400. }
  5401. .popover.bottom > .arrow {
  5402. left: 50%;
  5403. margin-left: -11px;
  5404. border-top-width: 0;
  5405. border-bottom-color: ${base01};
  5406. top: -11px;
  5407. }
  5408. .popover.bottom > .arrow:after {
  5409. content: " ";
  5410. top: 1px;
  5411. margin-left: -10px;
  5412. border-top-width: 0;
  5413. border-bottom-color: ${base02};
  5414. }
  5415. .popover.left > .arrow {
  5416. top: 50%;
  5417. right: -11px;
  5418. margin-top: -11px;
  5419. border-right-width: 0;
  5420. border-left-color: ${base01};
  5421. }
  5422. .popover.left > .arrow:after {
  5423. content: " ";
  5424. right: 1px;
  5425. border-right-width: 0;
  5426. border-left-color: ${base02};
  5427. bottom: -10px;
  5428. }
  5429. .carousel {
  5430. position: relative;
  5431. }
  5432. .carousel-inner {
  5433. position: relative;
  5434. overflow: hidden;
  5435. width: 100%;
  5436. }
  5437. .carousel-inner > .item {
  5438. display: none;
  5439. position: relative;
  5440. -webkit-transition: 0.6s ease-in-out left;
  5441. transition: 0.6s ease-in-out left;
  5442. }
  5443. .carousel-inner > .item > img,
  5444. .carousel-inner > .item > a > img {
  5445. line-height: 1;
  5446. }
  5447. .carousel-inner > .active,
  5448. .carousel-inner > .next,
  5449. .carousel-inner > .prev {
  5450. display: block;
  5451. }
  5452. .carousel-inner > .active {
  5453. left: 0;
  5454. }
  5455. .carousel-inner > .next,
  5456. .carousel-inner > .prev {
  5457. position: absolute;
  5458. top: 0;
  5459. width: 100%;
  5460. }
  5461. .carousel-inner > .next {
  5462. left: 100%;
  5463. }
  5464. .carousel-inner > .prev {
  5465. left: -100%;
  5466. }
  5467. .carousel-inner > .next.left,
  5468. .carousel-inner > .prev.right {
  5469. left: 0;
  5470. }
  5471. .carousel-inner > .active.left {
  5472. left: -100%;
  5473. }
  5474. .carousel-inner > .active.right {
  5475. left: 100%;
  5476. }
  5477. .carousel-control {
  5478. position: absolute;
  5479. top: 0;
  5480. left: 0;
  5481. bottom: 0;
  5482. width: 15%;
  5483. opacity: 0.5;
  5484. filter: alpha(opacity=50);
  5485. font-size: 20px;
  5486. color: #ffffff;
  5487. text-align: center;
  5488. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  5489. }
  5490. .carousel-control.left {
  5491. background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  5492. background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  5493. background-repeat: repeat-x;
  5494. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  5495. }
  5496. .carousel-control.right {
  5497. left: auto;
  5498. right: 0;
  5499. background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
  5500. background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  5501. background-repeat: repeat-x;
  5502. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  5503. }
  5504. .carousel-control:hover,
  5505. .carousel-control:focus {
  5506. outline: none;
  5507. color: #ffffff;
  5508. text-decoration: none;
  5509. opacity: 0.9;
  5510. filter: alpha(opacity=90);
  5511. }
  5512. .carousel-control .icon-prev,
  5513. .carousel-control .icon-next,
  5514. .carousel-control .glyphicon-chevron-left,
  5515. .carousel-control .glyphicon-chevron-right {
  5516. position: absolute;
  5517. top: 50%;
  5518. z-index: 5;
  5519. display: inline-block;
  5520. }
  5521. .carousel-control .icon-prev,
  5522. .carousel-control .glyphicon-chevron-left {
  5523. left: 50%;
  5524. }
  5525. .carousel-control .icon-next,
  5526. .carousel-control .glyphicon-chevron-right {
  5527. right: 50%;
  5528. }
  5529. .carousel-control .icon-prev,
  5530. .carousel-control .icon-next {
  5531. width: 20px;
  5532. height: 20px;
  5533. margin-top: -10px;
  5534. margin-left: -10px;
  5535. font-family: serif;
  5536. }
  5537. .carousel-control .icon-prev:before {
  5538. content: '\2039';
  5539. }
  5540. .carousel-control .icon-next:before {
  5541. content: '\203a';
  5542. }
  5543. .carousel-indicators {
  5544. position: absolute;
  5545. bottom: 10px;
  5546. left: 50%;
  5547. z-index: 15;
  5548. width: 60%;
  5549. margin-left: -30%;
  5550. padding-left: 0;
  5551. list-style: none;
  5552. text-align: center;
  5553. }
  5554. .carousel-indicators li {
  5555. display: inline-block;
  5556. width: 10px;
  5557. height: 10px;
  5558. margin: 1px;
  5559. text-indent: -999px;
  5560. border: 1px solid #ffffff;
  5561. border-radius: 10px;
  5562. cursor: pointer;
  5563. background-color: #000 \9;
  5564. background-color: rgba(0, 0, 0, 0);
  5565. }
  5566. .carousel-indicators .active {
  5567. margin: 0;
  5568. width: 12px;
  5569. height: 12px;
  5570. background-color: #ffffff;
  5571. }
  5572. .carousel-caption {
  5573. position: absolute;
  5574. left: 15%;
  5575. right: 15%;
  5576. bottom: 20px;
  5577. z-index: 10;
  5578. padding-top: 20px;
  5579. padding-bottom: 20px;
  5580. color: #ffffff;
  5581. text-align: center;
  5582. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  5583. }
  5584. .carousel-caption .btn {
  5585. text-shadow: none;
  5586. }
  5587. @media screen and (min-width: 768px) {
  5588. .carousel-control .glyphicons-chevron-left,
  5589. .carousel-control .glyphicons-chevron-right,
  5590. .carousel-control .icon-prev,
  5591. .carousel-control .icon-next {
  5592. width: 30px;
  5593. height: 30px;
  5594. margin-top: -15px;
  5595. margin-left: -15px;
  5596. font-size: 30px;
  5597. }
  5598. .carousel-caption {
  5599. left: 20%;
  5600. right: 20%;
  5601. padding-bottom: 30px;
  5602. }
  5603. .carousel-indicators {
  5604. bottom: 20px;
  5605. }
  5606. }
  5607. .clearfix:before,
  5608. .clearfix:after,
  5609. .container:before,
  5610. .container:after,
  5611. .container-fluid:before,
  5612. .container-fluid:after,
  5613. .row:before,
  5614. .row:after,
  5615. .form-horizontal .form-group:before,
  5616. .form-horizontal .form-group:after,
  5617. .btn-toolbar:before,
  5618. .btn-toolbar:after,
  5619. .btn-group-vertical > .btn-group:before,
  5620. .btn-group-vertical > .btn-group:after,
  5621. .nav:before,
  5622. .nav:after,
  5623. .navbar:before,
  5624. .navbar:after,
  5625. .navbar-header:before,
  5626. .navbar-header:after,
  5627. .navbar-collapse:before,
  5628. .navbar-collapse:after,
  5629. .pager:before,
  5630. .pager:after,
  5631. .panel-body:before,
  5632. .panel-body:after,
  5633. .modal-footer:before,
  5634. .modal-footer:after {
  5635. content: " ";
  5636. display: table;
  5637. }
  5638. .clearfix:after,
  5639. .container:after,
  5640. .container-fluid:after,
  5641. .row:after,
  5642. .form-horizontal .form-group:after,
  5643. .btn-toolbar:after,
  5644. .btn-group-vertical > .btn-group:after,
  5645. .nav:after,
  5646. .navbar:after,
  5647. .navbar-header:after,
  5648. .navbar-collapse:after,
  5649. .pager:after,
  5650. .panel-body:after,
  5651. .modal-footer:after {
  5652. clear: both;
  5653. }
  5654. .center-block {
  5655. display: block;
  5656. margin-left: auto;
  5657. margin-right: auto;
  5658. }
  5659. .pull-right {
  5660. float: right !important;
  5661. }
  5662. .pull-left {
  5663. float: left !important;
  5664. }
  5665. .hide {
  5666. display: none !important;
  5667. }
  5668. .show {
  5669. display: block !important;
  5670. }
  5671. .invisible {
  5672. visibility: hidden;
  5673. }
  5674. .text-hide {
  5675. font: 0/0 a;
  5676. color: transparent;
  5677. text-shadow: none;
  5678. background-color: transparent;
  5679. border: 0;
  5680. }
  5681. .hidden {
  5682. display: none !important;
  5683. visibility: hidden !important;
  5684. }
  5685. .affix {
  5686. position: fixed;
  5687. }
  5688. @-ms-viewport {
  5689. width: device-width;
  5690. }
  5691. .visible-xs,
  5692. .visible-sm,
  5693. .visible-md,
  5694. .visible-lg {
  5695. display: none !important;
  5696. }
  5697. @media (max-width: 767px) {
  5698. .visible-xs {
  5699. display: block !important;
  5700. }
  5701. table.visible-xs {
  5702. display: table;
  5703. }
  5704. tr.visible-xs {
  5705. display: table-row !important;
  5706. }
  5707. th.visible-xs,
  5708. td.visible-xs {
  5709. display: table-cell !important;
  5710. }
  5711. }
  5712. @media (min-width: 768px) and (max-width: 991px) {
  5713. .visible-sm {
  5714. display: block !important;
  5715. }
  5716. table.visible-sm {
  5717. display: table;
  5718. }
  5719. tr.visible-sm {
  5720. display: table-row !important;
  5721. }
  5722. th.visible-sm,
  5723. td.visible-sm {
  5724. display: table-cell !important;
  5725. }
  5726. }
  5727. @media (min-width: 992px) and (max-width: 1199px) {
  5728. .visible-md {
  5729. display: block !important;
  5730. }
  5731. table.visible-md {
  5732. display: table;
  5733. }
  5734. tr.visible-md {
  5735. display: table-row !important;
  5736. }
  5737. th.visible-md,
  5738. td.visible-md {
  5739. display: table-cell !important;
  5740. }
  5741. }
  5742. @media (min-width: 1200px) {
  5743. .visible-lg {
  5744. display: block !important;
  5745. }
  5746. table.visible-lg {
  5747. display: table;
  5748. }
  5749. tr.visible-lg {
  5750. display: table-row !important;
  5751. }
  5752. th.visible-lg,
  5753. td.visible-lg {
  5754. display: table-cell !important;
  5755. }
  5756. }
  5757. @media (max-width: 767px) {
  5758. .hidden-xs {
  5759. display: none !important;
  5760. }
  5761. }
  5762. @media (min-width: 768px) and (max-width: 991px) {
  5763. .hidden-sm {
  5764. display: none !important;
  5765. }
  5766. }
  5767. @media (min-width: 992px) and (max-width: 1199px) {
  5768. .hidden-md {
  5769. display: none !important;
  5770. }
  5771. }
  5772. @media (min-width: 1200px) {
  5773. .hidden-lg {
  5774. display: none !important;
  5775. }
  5776. }
  5777. .visible-print {
  5778. display: none !important;
  5779. }
  5780. @media print {
  5781. .visible-print {
  5782. display: block !important;
  5783. }
  5784. table.visible-print {
  5785. display: table;
  5786. }
  5787. tr.visible-print {
  5788. display: table-row !important;
  5789. }
  5790. th.visible-print,
  5791. td.visible-print {
  5792. display: table-cell !important;
  5793. }
  5794. }
  5795. @media print {
  5796. .hidden-print {
  5797. display: none !important;
  5798. }
  5799. }
  5800. </style>
  5801. <style>
  5802. /* https://gist.github.com/rmurphey/3073731 */
  5803. html * {
  5804. color-profile: sRGB;
  5805. rendering-intent: auto;
  5806. }
  5807. .cm-s-solarized-light {
  5808. background-color: ${base3};
  5809. color: ${base00};
  5810. }
  5811. .cm-s-solarized-light .emphasis {
  5812. font-weight: bold;
  5813. }
  5814. .cm-s-solarized-light .dotted {
  5815. border-bottom: 1px dotted ${orange};
  5816. }
  5817. .cm-s-solarized-light .CodeMirror-gutter {
  5818. background-color: ${base2};
  5819. border-right: 3px solid ${base2};
  5820. }
  5821. .cm-s-solarized-light .CodeMirror-gutter .CodeMirror-gutter-text {
  5822. color: ${base1};
  5823. }
  5824. .cm-s-solarized-light .CodeMirror-cursor {
  5825. border-left-color: ${base03} !important;
  5826. }
  5827. .cm-s-solarized-light .CodeMirror-matchingbracket {
  5828. color: ${base03};
  5829. background-color: ${base2};
  5830. box-shadow: 0 0 10px ${base2};
  5831. font-weight: bold;
  5832. }
  5833. .cm-s-solarized-light .CodeMirror-nonmatchingbracket {
  5834. color: ${base03};
  5835. background-color: ${base2};
  5836. box-shadow: 0 0 10px ${base2};
  5837. font-weight: bold;
  5838. color: ${red};
  5839. border-bottom: 1px dotted ${orange};
  5840. }
  5841. .cm-s-solarized-light span.cm-keyword {
  5842. color: ${base00};
  5843. font-weight: bold;
  5844. }
  5845. .cm-s-solarized-light span.cm-atom {
  5846. color: ${cyan};
  5847. }
  5848. .cm-s-solarized-light span.cm-number {
  5849. color: ${base01};
  5850. }
  5851. .cm-s-solarized-light span.cm-def {
  5852. color: ${blue};
  5853. }
  5854. .cm-s-solarized-light span.cm-variable {
  5855. color: ${orange};
  5856. }
  5857. .cm-s-solarized-light span.cm-variable-2 {
  5858. color: ${orange};
  5859. }
  5860. .cm-s-solarized-light span.cm-variable-3 {
  5861. color: ${orange};
  5862. }
  5863. .cm-s-solarized-light span.cm-comment {
  5864. color: ${base1};
  5865. }
  5866. .cm-s-solarized-light span.cm-property {
  5867. color: ${yellow};
  5868. }
  5869. .cm-s-solarized-light span.cm-operator {
  5870. color: ${base00};
  5871. }
  5872. .cm-s-solarized-light span.cm-string {
  5873. color: ${violet};
  5874. }
  5875. .cm-s-solarized-light span.cm-error {
  5876. font-weight: bold;
  5877. border-bottom: 1px dotted ${orange};
  5878. }
  5879. .cm-s-solarized-light span.cm-bracket {
  5880. color: ${orange};
  5881. }
  5882. .cm-s-solarized-light span.cm-tag {
  5883. color: ${base00};
  5884. }
  5885. .cm-s-solarized-light span.cm-attribute {
  5886. color: ${base01};
  5887. font-weight: bold;
  5888. }
  5889. .cm-s-solarized-light span.cm-meta {
  5890. color: ${blue};
  5891. }
  5892. .cm-s-solarized-dark {
  5893. background-color: ${base03};
  5894. color: ${base0};
  5895. }
  5896. .cm-s-solarized-dark .emphasis {
  5897. font-weight: bold;
  5898. }
  5899. .cm-s-solarized-dark .dotted {
  5900. border-bottom: 1px dotted ${orange};
  5901. }
  5902. .cm-s-solarized-dark .CodeMirror-gutter {
  5903. background-color: ${base02};
  5904. border-right: 3px solid ${base02};
  5905. }
  5906. .cm-s-solarized-dark .CodeMirror-gutter .CodeMirror-gutter-text {
  5907. color: ${base01};
  5908. }
  5909. .cm-s-solarized-dark .CodeMirror-cursor {
  5910. border-left-color: ${base3} !important;
  5911. }
  5912. .cm-s-solarized-dark .CodeMirror-matchingbracket {
  5913. color: ${base3};
  5914. background-color: ${base02};
  5915. box-shadow: 0 0 10px ${base02};
  5916. font-weight: bold;
  5917. }
  5918. .cm-s-solarized-dark .CodeMirror-nonmatchingbracket {
  5919. color: ${base3};
  5920. background-color: ${base02};
  5921. box-shadow: 0 0 10px ${base02};
  5922. font-weight: bold;
  5923. color: ${red};
  5924. border-bottom: 1px dotted ${orange};
  5925. }
  5926. .cm-s-solarized-dark span.cm-keyword {
  5927. color: ${base0};
  5928. font-weight: bold;
  5929. }
  5930. .cm-s-solarized-dark span.cm-atom {
  5931. color: ${cyan};
  5932. }
  5933. .cm-s-solarized-dark span.cm-number {
  5934. color: ${base1};
  5935. }
  5936. .cm-s-solarized-dark span.cm-def {
  5937. color: ${blue};
  5938. }
  5939. .cm-s-solarized-dark span.cm-variable {
  5940. color: ${orange};
  5941. }
  5942. .cm-s-solarized-dark span.cm-variable-2 {
  5943. color: ${orange};
  5944. }
  5945. .cm-s-solarized-dark span.cm-variable-3 {
  5946. color: ${orange};
  5947. }
  5948. .cm-s-solarized-dark span.cm-comment {
  5949. color: ${base01};
  5950. }
  5951. .cm-s-solarized-dark span.cm-property {
  5952. color: ${yellow};
  5953. }
  5954. .cm-s-solarized-dark span.cm-operator {
  5955. color: ${base0};
  5956. }
  5957. .cm-s-solarized-dark span.cm-string {
  5958. color: ${violet};
  5959. }
  5960. .cm-s-solarized-dark span.cm-error {
  5961. font-weight: bold;
  5962. border-bottom: 1px dotted ${orange};
  5963. }
  5964. .cm-s-solarized-dark span.cm-bracket {
  5965. color: ${orange};
  5966. }
  5967. .cm-s-solarized-dark span.cm-tag {
  5968. color: ${base0};
  5969. }
  5970. .cm-s-solarized-dark span.cm-attribute {
  5971. color: ${base1};
  5972. font-weight: bold;
  5973. }
  5974. .cm-s-solarized-dark span.cm-meta {
  5975. color: ${blue};
  5976. }
  5977. </style>
  5978. <style>
  5979. /* general */
  5980. body {
  5981. background-color: ${base03};
  5982. color: ${base00} !important;
  5983. }
  5984. pre {
  5985. background-color: ${base01};
  5986. color: ${base2};
  5987. display: block;
  5988. padding: 9.5px;
  5989. margin: 0 0 10px;
  5990. font-size: 13px;
  5991. font-family: monospace;
  5992. line-height: 1.42857143;
  5993. word-break: break-all;
  5994. word-wrap: break-word;
  5995. border: 1px solid #ccc;
  5996. border-radius: 3px;
  5997. }
  5998. /* select2 */
  5999. .select2, .select2-dropdown, .select2-selection, .select2-selection__rendered {
  6000. background-color: ${base02} !important;
  6001. color: ${base1} !important;
  6002. }
  6003. /* CodeMirror */
  6004. .CodeMirror {
  6005. font-size: ${editorFontSize};
  6006. }
  6007. /* atcoder-specific */
  6008. .float-container>#main-container.container {
  6009. background-color: ${base03};
  6010. }
  6011. #header>div.header-inner {
  6012. background-color: ${base00} !important;
  6013. }
  6014. #main-div.float-container {
  6015. background-color: ${base02} !important;
  6016. }
  6017. .cnvtb-fixed {
  6018. background-color: ${base01};
  6019. position: sticky;
  6020. }
  6021. </style>
  6022. `);
  6023. $(".editor").data("editor").setOption("theme", "solarized-dark");
  6024.  
  6025. console.info("solarized-dark");
  6026. })();