Advertisement
Guest User

DarkOCN

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