darkstrap.css 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960
  1. /*
  2. * Darkstrap v0.9.2
  3. * By danneu (http://github.com/danneu/darkstrap)
  4. * Based off Twitter Bootstrap v2.2.2
  5. */
  6. tr.warning,
  7. tr.success,
  8. tr.error,
  9. tr.info {
  10. color: #fff;
  11. }
  12. body {
  13. color: #c6c6c6;
  14. background-color: #2f2f2f;
  15. }
  16. a:hover {
  17. color: #1ab2ff;
  18. }
  19. textarea,
  20. input[type="text"],
  21. input[type="password"],
  22. input[type="datetime"],
  23. input[type="datetime-local"],
  24. input[type="date"],
  25. input[type="month"],
  26. input[type="time"],
  27. input[type="week"],
  28. input[type="number"],
  29. input[type="email"],
  30. input[type="url"],
  31. input[type="search"],
  32. input[type="tel"],
  33. input[type="color"],
  34. .uneditable-input {
  35. background-color: #cccccc;
  36. }
  37. select {
  38. background-color: #cccccc;
  39. }
  40. .uneditable-input,
  41. .uneditable-textarea {
  42. background-color: #c9c9c9;
  43. }
  44. input:-moz-placeholder,
  45. textarea:-moz-placeholder {
  46. color: #666666;
  47. }
  48. input:-ms-input-placeholder,
  49. textarea:-ms-input-placeholder {
  50. color: #666666;
  51. }
  52. input::-webkit-input-placeholder,
  53. textarea::-webkit-input-placeholder {
  54. color: #666666;
  55. }
  56. .control-group.warning .input-prepend .add-on,
  57. .control-group.warning .input-append .add-on {
  58. background-color: #faa732;
  59. }
  60. .control-group.error .input-prepend .add-on,
  61. .control-group.error .input-append .add-on {
  62. background-color: #fc5b5e;
  63. }
  64. .control-group.success .input-prepend .add-on,
  65. .control-group.success .input-append .add-on {
  66. background-color: #5bb75b;
  67. }
  68. .control-group.info .input-prepend .add-on,
  69. .control-group.info .input-append .add-on {
  70. background-color: #3a87ad;
  71. }
  72. .form-actions {
  73. background-color: #444444;
  74. }
  75. .help-block,
  76. .help-inline {
  77. color: #ececec;
  78. }
  79. .table th,
  80. .table td {
  81. border-top: 1px solid #666666;
  82. }
  83. .table tbody + tbody {
  84. border-top: 2px solid #666666;
  85. }
  86. .table .table {
  87. background-color: #2f2f2f;
  88. }
  89. .table-bordered {
  90. border: 1px solid #666666;
  91. }
  92. .table-bordered th,
  93. .table-bordered td {
  94. border-left: 1px solid #666666;
  95. }
  96. .table-striped tbody > tr:nth-child(odd) > td,
  97. .table-striped tbody > tr:nth-child(odd) > th {
  98. background-color: #444444;
  99. }
  100. .table-hover tbody tr:hover td,
  101. .table-hover tbody tr:hover th {
  102. background-color: #666666;
  103. }
  104. .table tbody tr.success td {
  105. background-color: #5bb75b;
  106. }
  107. .table tbody tr.error td {
  108. background-color: #fc5b5e;
  109. }
  110. .table tbody tr.warning td {
  111. background-color: #faa732;
  112. }
  113. .table tbody tr.info td {
  114. background-color: #3a87ad;
  115. }
  116. .table-hover tbody tr.success:hover td {
  117. background-color: #4cad4c;
  118. }
  119. .table-hover tbody tr.error:hover td {
  120. background-color: #fc4245;
  121. }
  122. .table-hover tbody tr.warning:hover td {
  123. background-color: #f99c19;
  124. }
  125. .table-hover tbody tr.info:hover td {
  126. background-color: #34789a;
  127. }
  128. [class^="icon-"],
  129. [class*=" icon-"] {
  130. background-image: url("../img/glyphicons-halflings.png");
  131. }
  132. .icon-white,
  133. .nav-pills > .active > a > [class^="icon-"],
  134. .nav-pills > .active > a > [class*=" icon-"],
  135. .nav-list > .active > a > [class^="icon-"],
  136. .nav-list > .active > a > [class*=" icon-"],
  137. .navbar-inverse .nav > .active > a > [class^="icon-"],
  138. .navbar-inverse .nav > .active > a > [class*=" icon-"],
  139. .dropdown-menu > li > a:hover > [class^="icon-"],
  140. .dropdown-menu > li > a:hover > [class*=" icon-"],
  141. .dropdown-menu > .active > a > [class^="icon-"],
  142. .dropdown-menu > .active > a > [class*=" icon-"],
  143. .dropdown-submenu:hover > a > [class^="icon-"],
  144. .dropdown-submenu:hover > a > [class*=" icon-"] {
  145. background-image: url("../img/glyphicons-halflings-white.png");
  146. }
  147. .btn-link:hover {
  148. color: #1ab2ff;
  149. }
  150. .alert {
  151. background-color: #faa732;
  152. border: 1px solid #fa7d23;
  153. }
  154. .alert-success {
  155. background-color: #5bb75b;
  156. border-color: #5cad4c;
  157. }
  158. .alert-danger,
  159. .alert-error {
  160. background-color: #fc5b5e;
  161. border-color: #fc4c6d;
  162. }
  163. .alert-info {
  164. background-color: #3a87ad;
  165. border-color: #318292;
  166. }
  167. .nav-tabs > .active > a,
  168. .nav-tabs > .active > a:hover {
  169. background-color: #2f2f2f;
  170. }
  171. .nav .dropdown-toggle:hover .caret {
  172. border-top-color: #1ab2ff;
  173. border-bottom-color: #1ab2ff;
  174. }
  175. .navbar-inner {
  176. background-color: #363636;
  177. background-image: -moz-linear-gradient(top, #444444, #222222);
  178. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  179. background-image: -webkit-linear-gradient(top, #444444, #222222);
  180. background-image: -o-linear-gradient(top, #444444, #222222);
  181. background-image: linear-gradient(to bottom, #444444, #222222);
  182. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF444444', endColorstr='#FF222222', GradientType=0);
  183. border: 1px solid #030303;
  184. }
  185. .navbar .brand {
  186. color: #c6c6c6;
  187. text-shadow: 0 1px 0 #444444;
  188. }
  189. .navbar-text {
  190. color: #c6c6c6;
  191. }
  192. .navbar-link {
  193. color: #c6c6c6;
  194. }
  195. .navbar-link:hover {
  196. color: white;
  197. }
  198. .navbar .divider-vertical {
  199. border-left: 1px solid #222222;
  200. border-right: 1px solid #444444;
  201. }
  202. .navbar .nav > li > a {
  203. color: #c6c6c6;
  204. text-shadow: 0 1px 0 #444444;
  205. }
  206. .navbar .nav > li > a:focus,
  207. .navbar .nav > li > a:hover {
  208. color: white;
  209. }
  210. .navbar .nav > .active > a,
  211. .navbar .nav > .active > a:hover,
  212. .navbar .nav > .active > a:focus {
  213. color: white;
  214. background-color: #151515;
  215. }
  216. .navbar .btn-navbar {
  217. background-color: #292929;
  218. background-image: -moz-linear-gradient(top, #373737, #151515);
  219. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#373737), to(#151515));
  220. background-image: -webkit-linear-gradient(top, #373737, #151515);
  221. background-image: -o-linear-gradient(top, #373737, #151515);
  222. background-image: linear-gradient(to bottom, #373737, #151515);
  223. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF373737', endColorstr='#FF151515', GradientType=0);
  224. border-color: #151515 #151515 black;
  225. *background-color: #151515;
  226. }
  227. .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
  228. background-color: #151515;
  229. *background-color: #090909;
  230. }
  231. .navbar .btn-navbar:active, .navbar .btn-navbar.active {
  232. background-color: black \9;
  233. }
  234. .navbar .nav li.dropdown > a:hover .caret {
  235. border-top-color: white;
  236. border-bottom-color: white;
  237. }
  238. .navbar .nav li.dropdown.open > .dropdown-toggle,
  239. .navbar .nav li.dropdown.active > .dropdown-toggle,
  240. .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  241. background-color: #151515;
  242. color: white;
  243. }
  244. .navbar .nav li.dropdown > .dropdown-toggle .caret {
  245. border-top-color: #c6c6c6;
  246. border-bottom-color: #c6c6c6;
  247. }
  248. .navbar .nav li.dropdown.open > .dropdown-toggle .caret,
  249. .navbar .nav li.dropdown.active > .dropdown-toggle .caret,
  250. .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  251. border-top-color: white;
  252. border-bottom-color: white;
  253. }
  254. .well {
  255. -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  256. -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  257. box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  258. background: #202020;
  259. background-color: rgba(0, 0, 0, 0.3);
  260. border: 0;
  261. }
  262. .darkwell, .breadcrumb, code, pre, select,
  263. input[type="text"],
  264. input[type="password"],
  265. input[type="datetime"],
  266. input[type="datetime-local"],
  267. input[type="date"],
  268. input[type="month"],
  269. input[type="time"],
  270. input[type="week"],
  271. input[type="number"],
  272. input[type="email"],
  273. input[type="url"],
  274. input[type="search"],
  275. input[type="tel"],
  276. input[type="color"],
  277. .uneditable-input, textarea, .hero-unit, .progress {
  278. -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  279. -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  280. box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  281. background: #202020;
  282. background-color: rgba(0, 0, 0, 0.3);
  283. border: 0;
  284. }
  285. .breadcrumb {
  286. border: 0;
  287. }
  288. .breadcrumb li {
  289. text-shadow: 0 1px 0 black;
  290. }
  291. .page-header {
  292. -webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
  293. -moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
  294. box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
  295. border-bottom: 1px solid #121212;
  296. }
  297. h1, h2, h3, h4, h5, h6 {
  298. color: white;
  299. }
  300. h6 {
  301. color: #999;
  302. }
  303. blockquote {
  304. border-left-color: #111;
  305. }
  306. blockquote.pull-right {
  307. border-right-color: #111;
  308. }
  309. hr {
  310. -webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
  311. -moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
  312. box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
  313. border-bottom: 1px solid #121212;
  314. border-top: none;
  315. }
  316. code {
  317. border: none;
  318. padding: 2px 4px;
  319. }
  320. pre {
  321. border: none;
  322. color: #c6c6c6;
  323. padding: 8px;
  324. }
  325. legend {
  326. -webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
  327. -moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
  328. box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
  329. border-bottom: 1px solid #121212;
  330. color: #fff;
  331. }
  332. select,
  333. input[type="text"],
  334. input[type="password"],
  335. input[type="datetime"],
  336. input[type="datetime-local"],
  337. input[type="date"],
  338. input[type="month"],
  339. input[type="time"],
  340. input[type="week"],
  341. input[type="number"],
  342. input[type="email"],
  343. input[type="url"],
  344. input[type="search"],
  345. input[type="tel"],
  346. input[type="color"],
  347. .uneditable-input {
  348. color: white;
  349. height: 21px;
  350. }
  351. select:-moz-placeholder,
  352. input[type="text"]:-moz-placeholder,
  353. input[type="password"]:-moz-placeholder,
  354. input[type="datetime"]:-moz-placeholder,
  355. input[type="datetime-local"]:-moz-placeholder,
  356. input[type="date"]:-moz-placeholder,
  357. input[type="month"]:-moz-placeholder,
  358. input[type="time"]:-moz-placeholder,
  359. input[type="week"]:-moz-placeholder,
  360. input[type="number"]:-moz-placeholder,
  361. input[type="email"]:-moz-placeholder,
  362. input[type="url"]:-moz-placeholder,
  363. input[type="search"]:-moz-placeholder,
  364. input[type="tel"]:-moz-placeholder,
  365. input[type="color"]:-moz-placeholder,
  366. .uneditable-input:-moz-placeholder {
  367. color: #666666;
  368. }
  369. select:-ms-input-placeholder,
  370. input[type="text"]:-ms-input-placeholder,
  371. input[type="password"]:-ms-input-placeholder,
  372. input[type="datetime"]:-ms-input-placeholder,
  373. input[type="datetime-local"]:-ms-input-placeholder,
  374. input[type="date"]:-ms-input-placeholder,
  375. input[type="month"]:-ms-input-placeholder,
  376. input[type="time"]:-ms-input-placeholder,
  377. input[type="week"]:-ms-input-placeholder,
  378. input[type="number"]:-ms-input-placeholder,
  379. input[type="email"]:-ms-input-placeholder,
  380. input[type="url"]:-ms-input-placeholder,
  381. input[type="search"]:-ms-input-placeholder,
  382. input[type="tel"]:-ms-input-placeholder,
  383. input[type="color"]:-ms-input-placeholder,
  384. .uneditable-input:-ms-input-placeholder {
  385. color: #666666;
  386. }
  387. select::-webkit-input-placeholder,
  388. input[type="text"]::-webkit-input-placeholder,
  389. input[type="password"]::-webkit-input-placeholder,
  390. input[type="datetime"]::-webkit-input-placeholder,
  391. input[type="datetime-local"]::-webkit-input-placeholder,
  392. input[type="date"]::-webkit-input-placeholder,
  393. input[type="month"]::-webkit-input-placeholder,
  394. input[type="time"]::-webkit-input-placeholder,
  395. input[type="week"]::-webkit-input-placeholder,
  396. input[type="number"]::-webkit-input-placeholder,
  397. input[type="email"]::-webkit-input-placeholder,
  398. input[type="url"]::-webkit-input-placeholder,
  399. input[type="search"]::-webkit-input-placeholder,
  400. input[type="tel"]::-webkit-input-placeholder,
  401. input[type="color"]::-webkit-input-placeholder,
  402. .uneditable-input::-webkit-input-placeholder {
  403. color: #666666;
  404. }
  405. textarea {
  406. color: white;
  407. }
  408. textarea:-moz-placeholder {
  409. color: #666666;
  410. }
  411. textarea:-ms-input-placeholder {
  412. color: #666666;
  413. }
  414. textarea::-webkit-input-placeholder {
  415. color: #666666;
  416. }
  417. select {
  418. height: 29px;
  419. }
  420. .input-prepend .add-on,
  421. .input-append .add-on {
  422. background: #444;
  423. color: #c6c6c6;
  424. border-color: #111;
  425. text-shadow: 0 1px 0 black;
  426. }
  427. .form-actions {
  428. border-top-color: #222;
  429. }
  430. .well .form-actions {
  431. border-top-color: #000;
  432. background-color: rgba(0, 0, 0, 0.3);
  433. margin-left: -17px;
  434. margin-right: -17px;
  435. margin-bottom: -17px;
  436. }
  437. .help-inline,
  438. .help-block {
  439. color: #999;
  440. }
  441. .control-group.warning input, .control-group.warning select, .control-group.warning textarea {
  442. color: #faa732;
  443. border-color: #faa732;
  444. -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  445. -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  446. box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  447. background: #202020;
  448. background-color: rgba(0, 0, 0, 0.3);
  449. }
  450. .control-group.warning input:focus,
  451. .control-group.warning select:focus,
  452. .control-group.warning textarea:focus {
  453. border-color: #faa732;
  454. -webkit-box-shadow: 0 0 6px #faa732;
  455. -moz-box-shadow: 0 0 6px #faa732;
  456. box-shadow: 0 0 6px #faa732;
  457. }
  458. .control-group.warning .control-label,
  459. .control-group.warning .help-block,
  460. .control-group.warning .help-inline {
  461. color: #faa732;
  462. }
  463. .control-group.success input, .control-group.success select, .control-group.success textarea {
  464. color: #5bb75b;
  465. border-color: #5bb75b;
  466. -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  467. -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  468. box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  469. background: #202020;
  470. background-color: rgba(0, 0, 0, 0.3);
  471. }
  472. .control-group.success input:focus,
  473. .control-group.success select:focus,
  474. .control-group.success textarea:focus {
  475. border-color: #5bb75b;
  476. -webkit-box-shadow: 0 0 6px #5bb75b;
  477. -moz-box-shadow: 0 0 6px #5bb75b;
  478. box-shadow: 0 0 6px #5bb75b;
  479. }
  480. .control-group.success .control-label,
  481. .control-group.success .help-block,
  482. .control-group.success .help-inline {
  483. color: #5bb75b;
  484. }
  485. .control-group.error input, .control-group.error select, .control-group.error textarea {
  486. color: #fc5b5e;
  487. border-color: #fc5b5e;
  488. -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  489. -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  490. box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  491. background: #202020;
  492. background-color: rgba(0, 0, 0, 0.3);
  493. }
  494. .control-group.error input:focus,
  495. .control-group.error select:focus,
  496. .control-group.error textarea:focus {
  497. border-color: #fc5b5e;
  498. -webkit-box-shadow: 0 0 6px #fc5b5e;
  499. -moz-box-shadow: 0 0 6px #fc5b5e;
  500. box-shadow: 0 0 6px #fc5b5e;
  501. }
  502. .control-group.error .control-label,
  503. .control-group.error .help-block,
  504. .control-group.error .help-inline {
  505. color: #fc5b5e;
  506. }
  507. .control-group.info input, .control-group.info select, .control-group.info textarea {
  508. color: #3a87ad;
  509. border-color: #3a87ad;
  510. -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  511. -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  512. box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  513. background: #202020;
  514. background-color: rgba(0, 0, 0, 0.3);
  515. }
  516. .control-group.info input:focus,
  517. .control-group.info select:focus,
  518. .control-group.info textarea:focus {
  519. border-color: #3a87ad;
  520. -webkit-box-shadow: 0 0 6px #3a87ad;
  521. -moz-box-shadow: 0 0 6px #3a87ad;
  522. box-shadow: 0 0 6px #3a87ad;
  523. }
  524. .control-group.info .control-label,
  525. .control-group.info .help-block,
  526. .control-group.info .help-inline {
  527. color: #3a87ad;
  528. }
  529. input:focus:invalid,
  530. textarea:focus:invalid,
  531. select:focus:invalid {
  532. border-color: #fc5b5e;
  533. }
  534. input:focus:invalid:focus,
  535. textarea:focus:invalid:focus,
  536. select:focus:invalid:focus {
  537. border-color: #fc5b5e;
  538. box-shadow: 0 0 6px #fc5b5e;
  539. }
  540. .btn-link {
  541. text-shadow: none;
  542. }
  543. .img-polaroid {
  544. background-color: #111;
  545. background-color: rgba(0, 0, 0, 0.3);
  546. }
  547. .nav-tabs .open .dropdown-toggle,
  548. .nav-pills .open .dropdown-toggle,
  549. .nav > .open.active > a:hover {
  550. background-color: rgba(0, 0, 0, 0.25);
  551. border-color: transparent transparent #666666 transparent;
  552. }
  553. .nav > .dropdown.active > a:hover {
  554. color: #fff;
  555. }
  556. .nav-tabs .active .dropdown-toggle .caret,
  557. .nav-pills .active .dropdown-toggle .caret {
  558. border-top-color: #fff;
  559. }
  560. .nav-tabs {
  561. border-bottom: 1px solid #666666;
  562. }
  563. .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  564. background-color: #2f2f2f;
  565. color: #fff;
  566. border-color: #666666 #666666 transparent #666666;
  567. }
  568. .nav-tabs > li > a:hover {
  569. border-color: #2f2f2f #2f2f2f #666666 #2f2f2f;
  570. background-color: rgba(0, 0, 0, 0.25);
  571. color: #00aaff;
  572. }
  573. .nav-tabs.nav-stacked > li > a, .nav-tabs.nav-stacked > li > a:hover {
  574. border-color: #666;
  575. }
  576. .well > .nav-tabs > .active > a, .well > .nav-tabs > .active > a:hover {
  577. background-color: #202020;
  578. }
  579. .nav-pills > li > a:hover {
  580. background-color: rgba(0, 0, 0, 0.25);
  581. color: #00aaff;
  582. }
  583. .nav-list > li > a,
  584. .nav-list .nav-header {
  585. text-shadow: 0 1px 0 black;
  586. }
  587. .nav-list > li > a:hover {
  588. background-color: rgba(0, 0, 0, 0.25);
  589. color: #00aaff;
  590. }
  591. .nav-list .active > a:hover {
  592. background-color: #0088cc;
  593. color: white;
  594. }
  595. .tabs-below .nav-tabs {
  596. border-top: 1px solid #666666;
  597. }
  598. .tabs-left .nav-tabs {
  599. border-right: 1px solid #666666;
  600. }
  601. .tabs-right .nav-tabs {
  602. border-left: 1px solid #666666;
  603. }
  604. .tabs-below .nav-tabs > li > a:hover {
  605. border-top: 1px solid #666666;
  606. }
  607. .tabs-left .nav-tabs > li > a:hover {
  608. border-color: transparent #666666 transparent transparent;
  609. }
  610. .tabs-right .nav-tabs > li > a:hover {
  611. border-color: transparent transparent transparent #666666;
  612. }
  613. .tabs-below .nav-tabs .active > a,
  614. .tabs-below .nav-tabs .active > a:hover {
  615. border-color: transparent #666666 #666666 #666666;
  616. }
  617. .tabs-left .nav-tabs .active > a,
  618. .tabs-left .nav-tabs .active > a:hover {
  619. border-color: #666666 transparent #666666 #666666;
  620. }
  621. .tabs-right .nav-tabs .active > a,
  622. .tabs-right .nav-tabs .active > a:hover {
  623. border-color: #666666 #666666 #666666 transparent;
  624. }
  625. .nav-list > li > a,
  626. .nav-list .nav-header {
  627. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  628. }
  629. .nav-tabs > li > a:hover {
  630. border-color: transparent transparent #666666 transparent;
  631. }
  632. .nav > .disabled > a:hover {
  633. color: #999;
  634. }
  635. .nav-list .divider {
  636. background-color: transparent;
  637. -webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
  638. -moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
  639. box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
  640. border-bottom: 1px solid #121212;
  641. }
  642. .navbar .brand {
  643. text-shadow: 0 1px 0 black;
  644. }
  645. .navbar .divider-vertical {
  646. border: transparent;
  647. -webkit-box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0;
  648. -moz-box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0;
  649. box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0;
  650. border-right: 1px solid #121212;
  651. }
  652. .navbar-inverse .brand {
  653. color: #555;
  654. text-shadow: 0 1px 0 white;
  655. }
  656. .navbar-inverse .brand:hover {
  657. color: #555;
  658. }
  659. .navbar-inverse .navbar-inner {
  660. background: #fafafa;
  661. border: 1px solid #030303;
  662. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  663. background: -moz-linear-gradient(top, white 0%, #999999 100%);
  664. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #999999));
  665. background: -webkit-linear-gradient(top, white 0%, #999999 100%);
  666. background: -o-linear-gradient(top, white 0%, #999999 100%);
  667. background: -ms-linear-gradient(top, white 0%, #999999 100%);
  668. background: linear-gradient(to bottom, #ffffff 0%, #999999 100%);
  669. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#999999',GradientType=0 );
  670. }
  671. .navbar-inverse .nav > li > a {
  672. color: #555;
  673. }
  674. .navbar-inverse .nav > li > a:hover {
  675. color: #333;
  676. }
  677. .navbar-inverse .nav > .active > a,
  678. .navbar-inverse .nav > .active > a:hover {
  679. background-color: #e5e5e5;
  680. box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
  681. color: #555555;
  682. }
  683. .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
  684. .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
  685. .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  686. background-color: #e5e5e5;
  687. color: #555;
  688. }
  689. .navbar-inverse .nav li.dropdown > a:hover .caret {
  690. border-top-color: #555;
  691. color: #555;
  692. }
  693. .navbar-inverse .nav > li > a:focus,
  694. .navbar-inverse .nav > li > a:hover {
  695. background-color: transparent;
  696. color: #333;
  697. }
  698. .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
  699. .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
  700. .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  701. background-color: #e5e5e5;
  702. color: #555;
  703. }
  704. .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
  705. .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
  706. .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
  707. border-bottom-color: #555;
  708. border-top-color: #555;
  709. color: #555;
  710. }
  711. .navbar-inverse .navbar-search .search-query {
  712. box-shadow: 0 3px 8px rgba(0, 0, 0, 0.6) inset;
  713. background-color: white;
  714. color: #333;
  715. }
  716. .navbar-inverse .navbar-search input.search-query:focus {
  717. box-shadow: 0 3px 8px rgba(0, 0, 0, 0.6) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  718. box-shadow: 0 3px 8px rgba(0, 0, 0, 0.6) inset, 0 0 8px rgba(82, 168, 236, 0.9);
  719. padding: 4px 14px;
  720. outline: 0 none;
  721. }
  722. .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  723. border-bottom-color: #555;
  724. border-top-color: #555;
  725. }
  726. .navbar-inverse .nav li.dropdown > a:hover .caret {
  727. border-bottom-color: #333;
  728. border-top-color: #333;
  729. }
  730. .navbar-inverse .navbar-search .search-query:-moz-placeholder {
  731. color: #999;
  732. }
  733. .pagination ul > li > a,
  734. .pagination ul > li > span {
  735. background: transparent;
  736. border-color: #666;
  737. }
  738. .pagination ul > li > a:hover,
  739. .pagination ul > .active > a,
  740. .pagination ul > .active > span {
  741. background-color: rgba(0, 0, 0, 0.25);
  742. }
  743. .pager li > a, .pager li > span {
  744. background-color: transparent;
  745. border-color: #666;
  746. }
  747. .pager li > a:hover {
  748. background-color: rgba(0, 0, 0, 0.25);
  749. }
  750. .pager .disabled > a,
  751. .pager .disabled > a:hover,
  752. .pager .disabled > span {
  753. background-color: transparent;
  754. }
  755. .label,
  756. .badge {
  757. text-shadow: 1px 1px 0 black;
  758. box-shadow: 1px 1px 0 black;
  759. }
  760. .label-inverse,
  761. .badge-inverse {
  762. background-color: #111;
  763. }
  764. .hero-unit {
  765. background: #111;
  766. color: #ccc;
  767. }
  768. .thumbnail {
  769. border-color: #666;
  770. box-shadow: 0 1px 3px black;
  771. }
  772. .thumbnail .caption {
  773. color: #999;
  774. }
  775. .alert {
  776. color: white;
  777. border-color: #a86404;
  778. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  779. }
  780. .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
  781. color: #c17305;
  782. }
  783. .alert-error {
  784. border-color: #d40408;
  785. }
  786. .alert-error h1, .alert-error h2, .alert-error h3, .alert-error h4, .alert-error h5, .alert-error h6 {
  787. color: #ed0409;
  788. }
  789. .alert-success {
  790. border-color: #2d662d;
  791. }
  792. .alert-success h1, .alert-success h2, .alert-success h3, .alert-success h4, .alert-success h5, .alert-success h6 {
  793. color: #347834;
  794. }
  795. .alert-info {
  796. border-color: #1a3c4e;
  797. }
  798. .alert-info h1, .alert-info h2, .alert-info h3, .alert-info h4, .alert-info h5, .alert-info h6 {
  799. color: #204B61;
  800. }
  801. select::-webkit-scrollbar {
  802. -webkit-appearance: none;
  803. width: 11px;
  804. }
  805. select::-webkit-scrollbar-thumb {
  806. border-radius: 8px;
  807. border: 2px solid #202020;
  808. background-color: rgba(0, 0, 0, 0.5);
  809. }
  810. .modal {
  811. background-color: #444;
  812. }
  813. .modal-header {
  814. border-bottom: 1px solid #222222;
  815. }
  816. .modal-body p {
  817. color: #c6c6c6;
  818. }
  819. .modal-footer {
  820. background-color: #373737;
  821. border-top: 1px solid #222222;
  822. -moz-box-shadow: 0 1px 0 #333333 inset;
  823. -webkit-box-shadow: 0 1px 0 #333333 inset;
  824. -o-box-shadow: 0 1px 0 #333333 inset;
  825. box-shadow: 0 1px 0 #333333 inset;
  826. }
  827. .popover {
  828. background: #444;
  829. border: 1px solid rgba(0, 0, 0, 0.5);
  830. border: 1px solid black;
  831. }
  832. .popover-title {
  833. background: #373737;
  834. border-bottom-color: #222;
  835. }
  836. .popover.top .arrow:after {
  837. border-top-color: #444;
  838. }
  839. .popover.right .arrow:after {
  840. border-right-color: #444;
  841. }
  842. .popover.bottom .arrow:after {
  843. border-bottom-color: #444;
  844. }
  845. .popover.left .arrow:after {
  846. border-left-color: #444;
  847. }