Advertisement
ArcFutahito

Darkdot Q&A theme v. 0.5

Feb 24th, 2016
343
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 14.79 KB | None | 0 0
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2.  
  3. @namespace url(http://www.w3.org/1999/xhtml);
  4.  
  5. @-moz-document url-prefix("http://godotengine.org/qa/") {
  6.  
  7.  @keyframes ripple {
  8. 0% {
  9. transform: scale(0);
  10. }
  11.  
  12. 20% {
  13. transform:scale(1);
  14. }
  15.  
  16. 100% {
  17. opacity:0;
  18. transform:scale(1);
  19. }
  20.  
  21. }
  22.  
  23.   .navbar .logo-wrapper {
  24. display:block;
  25.     background-image: url("http://godotengine.org/themes/godotengine/assets/logo_darktheme.png");
  26.     background-size: cover;
  27.    width: auto;
  28.   height: 48px;
  29.  
  30. }
  31.  
  32. .col-sm-3 > a:nth-child(1) > img:nth-child(1) {
  33.  height: 48px;
  34.   }
  35.  
  36.   .col-sm-3 > a:nth-child(1) > img:nth-child(1) {
  37.  filter:opacity(40%);
  38.   }
  39.  
  40.  
  41. a {
  42. -moz-transition:color 100ms linear;
  43. -ms-transition:color 100ms linear;
  44. -o-transition:color 100ms linear;
  45. -webkit-transition:color 100ms linear;
  46. color:#51798a;
  47. transition:color 100ms linear;
  48. }
  49.  
  50. a:hover,a:focus {
  51. -moz-transition:color 100ms linear;
  52. -ms-transition:color 100ms linear;
  53. -o-transition:color 100ms linear;
  54. -webkit-transition:color 100ms linear;
  55. color:#7fcdd4;
  56. transition:color 100ms linear;
  57. }
  58.  
  59. .qa-q-view-content pre,.qa-a-item-content pre,.wmd-preview pre {
  60. border:none;
  61. border-radius:0;
  62. }
  63.  
  64. .navbar-nav > li > a.navbar-login-button {
  65. -moz-transition:background-color 100ms linear;
  66. -ms-transition:background-color 100ms linear;
  67. -o-transition:background-color 100ms linear;
  68. -webkit-transition:background-color 100ms linear;
  69. background-color:transparent;
  70. border:none;
  71. border-radius:100%;
  72. box-shadow:none;
  73. color:#FFF;
  74. }
  75.  
  76. .navbar-nav > li > a.navbar-login-button:hover {
  77. -moz-transition:background-color 100ms linear;
  78. -ms-transition:background-color 100ms linear;
  79. -o-transition:background-color 100ms linear;
  80. -webkit-transition:background-color 100ms linear;
  81. background-color:#38424c;
  82. border:none;
  83. border-radius:100%;
  84. box-shadow:none;
  85. }
  86.  
  87. .navbar-nav > li > a.navbar-login-button:focus {
  88. -moz-transition:background-color 100ms linear;
  89. -ms-transition:background-color 100ms linear;
  90. -o-transition:background-color 100ms linear;
  91. -webkit-transition:background-color 100ms linear;
  92. background-color:#465461;
  93. border:none;
  94. border-radius:100%;
  95. box-shadow:none;
  96. color:#FFF;
  97. }
  98.  
  99. .qa-form-tall-button-save, .qa-form-light-button:hover,.qa-a-selected:hover,.qa-form-light-button:active,.qa-a-select-button:active,.qa-a-unselect-button:active,.qa-a-selected:active,.qa-form-light-button:focus,.qa-a-select-button:focus,.qa-a-unselect-button:focus,.qa-a-selected:focus {
  100. -moz-transition:background-color 100ms linear;
  101. -ms-transition:background-color 100ms linear;
  102. -o-transition:background-color 100ms linear;
  103. -webkit-transition:background-color 100ms linear;
  104. background-color:#3d4751;
  105. border:none;
  106. color:#ccccb3;
  107. }
  108.  
  109. .qa-form-tall-button-save:hover,.qa-form-light-button-answer:hover,.qa-form-light-button-answer:focus {
  110. -moz-transition:background-color 100ms linear;
  111. -ms-transition:background-color 100ms linear;
  112. -o-transition:background-color 100ms linear;
  113. -webkit-transition:background-color 100ms linear;
  114. background-color:#354f46;
  115. }
  116.  
  117. .qa-form-tall-button,.qa-form-tall-table input[type="button"],.qa-form-wide-button,.qa-form-basic-button,.qa-template-user .qa-part-form-profile #level .qa-form-wide-static a {
  118. -moz-transition:color 100ms linear;
  119. -ms-transition:color 100ms linear;
  120. -o-transition:color 100ms linear;
  121. -webkit-transition:color 100ms linear;
  122. background-color:#37404a;
  123. border:none;
  124. color:#ccccb3;
  125. }
  126.  
  127. .qa-form-tall-button:hover .qa-form-tall-table input[type="button"]:hover,.qa-form-wide-button:hover,.qa-form-basic-button:hover,.qa-template-user .qa-part-form-profile #level .qa-form-wide-static a:hover {
  128. -moz-transition:background-color 100ms linear;
  129. -ms-transition:background-color 100ms linear;
  130. -o-transition:background-color 100ms linear;
  131. -webkit-transition:background-color 100ms linear;
  132. background-color:#434e59;
  133. }
  134.  
  135. .navbar a {
  136. color:#8baddc;
  137. font-size:14px;
  138. }
  139.  
  140. code,pre code {
  141. background-color:#12161c;
  142. border:none;
  143. border-radius:0;
  144. color:#8baddc;
  145. }
  146.  
  147. hr {
  148. border-top-color:#272c33;
  149. }
  150.  
  151. .qa-part-a-form .qa-a-form h2 {
  152. border-bottom-color:#272c33;
  153. }
  154.  
  155. .wmd-preview,.wmd-input {
  156. border-color:#464f5c;
  157. }
  158.  
  159. .navbar {
  160. background-color:#252c33;
  161. min-height:64px;
  162. padding:1.0625rem 1rem 0;
  163. }
  164.  
  165. .navbar .qa-logo-link {
  166. font-size:1.2rem;
  167. height:4rem;
  168. }
  169.  
  170. .navbar-nav > li > a {
  171. color:#FFF;
  172. padding:10px;
  173. }
  174.  
  175. .navbar-nav > li > a,.navbar-nav > li > a:hover,.navbar-nav > li > a:active,.navbar-nav > li > a:focus {
  176. background-color:transparent;
  177. }
  178.  
  179. header#nav-header {
  180. min-height:0;
  181. }
  182.  
  183. .navbar-login-button {
  184. background-color:transparent;
  185. border:none;
  186. box-shadow:none;
  187. }
  188.  
  189. .navbar-nav > li > a.navbar-user-img {
  190. border-radius:50px;
  191. }
  192.  
  193. #login-dropdown-menu,#user-dropdown-menu {
  194. background-color:#14151f;
  195. }
  196.  
  197. .dropdown-menu > li > a:hover {
  198. background-color:#242638;
  199. color:#ccccb3;
  200. }
  201.  
  202. .dropdown-menu li {
  203. border:none;
  204. color:#ccccb3;
  205. }
  206.  
  207. .qa-q-item-title a {
  208. font-weight:400;
  209. position:relative;
  210. }
  211.  
  212. .qa-user-link,.qa-category-link {
  213. color:#6f8578;
  214. }
  215.  
  216. .qa-tag-link {
  217. background-color:#1d1e2a;
  218. border:none;
  219. border-radius:0;
  220. color:#556b82;
  221. font-family:“Lucida Console”, Monaco, Courier, “Courier New”, monospace;
  222. overflow:hidden;
  223. position:relative;
  224. }
  225.  
  226. .qa-tag-link:after {
  227. background:#b3ccbf;
  228. border-radius:100%;
  229. content:'';
  230. display:block;
  231. height:60px;
  232. left:50%;
  233. margin-left:-30px;
  234. margin-top:-30px;
  235. opacity:.6;
  236. position:absolute;
  237. top:50%;
  238. transform:scale(0);
  239. visibility:hidden;
  240. width:60px;
  241. }
  242.  
  243. .qa-tag-link:hover {
  244. -moz-transition:background-color 100ms linear;
  245. -ms-transition:background-color 100ms linear;
  246. -o-transition:background-color 100ms linear;
  247. -webkit-transition:background-color 100ms linear;
  248. background-color:#3c3e57;
  249. color:#b3ccbf;
  250. transition:background-color 100ms linear;
  251. }
  252.  
  253. .navbar-user-img {
  254. overflow:hidden;
  255. position:relative;
  256. }
  257.  
  258. .navbar-user-img:after {
  259. background:navy;
  260. border-radius:100%;
  261. content:'';
  262. display:block;
  263. height:60px;
  264. left:50%;
  265. margin-left:-30px;
  266. margin-top:-30px;
  267. opacity:.6;
  268. position:absolute;
  269. top:50%;
  270. transform:scale(0);
  271. visibility:hidden;
  272. width:60px;
  273. }
  274.  
  275. .qa-q-list-item {
  276. -moz-transition:background-color 300ms linear;
  277. -ms-transition:background-color 300ms linear;
  278. -o-transition:background-color 300ms linear;
  279. -webkit-transition:background-color 300ms linear;
  280. background-color:#181b1f;
  281. border:none;
  282. border-radius:0;
  283. box-shadow:none;
  284. transition:background-color 300ms linear;
  285. }
  286.  
  287. .qa-q-list-item:hover {
  288. -moz-transition:background-color 300ms linear;
  289. -ms-transition:background-color 300ms linear;
  290. -o-transition:background-color 300ms linear;
  291. -webkit-transition:background-color 300ms linear;
  292. background-color:#1f2429;
  293. transition:background-color 300ms linear;
  294. }
  295.  
  296. .input-group-btn:last-child > .btn,.input-group-btn:last-child > .btn-group {
  297. color:#FFF;
  298. }
  299.  
  300. .side-search-bar {
  301. margin-bottom:0;
  302. }
  303.  
  304. .qa-widget-side,.qa-nav-cat {
  305. background:none;
  306. }
  307.  
  308. .qa-nav-cat-list > li {
  309. -moz-transition:background-color 100ms linear;
  310. -ms-transition:background-color 100ms linear;
  311. -o-transition:background-color 100ms linear;
  312. -webkit-transition:background-color 100ms linear;
  313. background-color:#282f36;
  314. border:none;
  315. transition:background-color 100ms linear;
  316. }
  317.  
  318. .qa-nav-cat-list > li:hover {
  319. -moz-transition:background-color 100ms linear;
  320. -ms-transition:background-color 100ms linear;
  321. -o-transition:background-color 100ms linear;
  322. -webkit-transition:background-color 100ms linear;
  323. background-color:#333c45;
  324. transition:background-color 100ms linear;
  325. }
  326.  
  327. .qa-nav-cat-item .qa-nav-cat-note {
  328. background-color:#3f4954;
  329. font-weight:400;
  330. }
  331.  
  332. .qa-suggest-next {
  333. background:none;
  334. border:none;
  335. border-radius:0;
  336. box-shadow:none;
  337. color:#FFF;
  338. }
  339.  
  340. .qa-feed .qa-feed-icon {
  341. border:none;
  342. border-radius:20px;
  343. }
  344.  
  345. .qa-feed {
  346. box-shadow:none;
  347. }
  348.  
  349. .donut-top.is-visible,.donut-top.fade-out,.no-touch .donut-top:hover {
  350. -moz-transition:background-color 100ms linear;
  351. -ms-transition:background-color 100ms linear;
  352. -o-transition:background-color 100ms linear;
  353. -webkit-transition:background-color 100ms linear;
  354. border-radius:20px;
  355. transition:background-color 100ms linear;
  356. }
  357.  
  358. .donut-top:hover {
  359. -moz-transition:background-color 100ms linear;
  360. -ms-transition:background-color 100ms linear;
  361. -o-transition:background-color 100ms linear;
  362. -webkit-transition:background-color 100ms linear;
  363. background-color:#b2813a;
  364. transition:background-color 100ms linear;
  365. }
  366.  
  367. .qa-part-q-view,.qa-a-list-item {
  368. background-color:#181b1f;
  369. border:none;
  370. border-radius:0;
  371. box-shadow:none;
  372. }
  373.  
  374. .qa-part-a-list > h2 {
  375. background-color:#496d60;
  376. border:none;
  377. border-radius:0;
  378. color:#9ab6cb;
  379. }
  380.  
  381. .qa-c-list-item,.qa-q-view-c-list,.qa-a-item-c-list {
  382. border-bottom-color:#272c33;
  383. border-top-color:#272c33;
  384. }
  385.  
  386. .qa-form-light-button,.qa-a-select-button,.qa-a-unselect-button,.qa-a-selected,.open > .action-buttons-dropdown {
  387. background-color:#2b3138;
  388. border:none;
  389. border-radius:0;
  390. color:#ccccb3;
  391. }
  392.  
  393. .donut-footer {
  394. background-color:#191d21;
  395. }
  396.  
  397. .qa-nav-sub .qa-nav-sub-list > li > a:hover,.qa-nav-sub .qa-nav-sub-list > li > a:focus,.dropdown-menu li:hover {
  398. -moz-transition:background-color 100ms linear;
  399. -ms-transition:background-color 100ms linear;
  400. -o-transition:background-color 100ms linear;
  401. -webkit-transition:background-color 100ms linear;
  402. background-color:#252b30;
  403. border:none;
  404. border-radius:0;
  405. transition:background-color 100ms linear;
  406. }
  407.  
  408. .action-buttons-dropdown button.qa-form-light-button:hover,.action-buttons-dropdown button.qa-form-light-button:active,.action-buttons-dropdown button.qa-form-light-button:focus {
  409. -moz-transition:background-color 100ms linear;
  410. -ms-transition:background-color 100ms linear;
  411. -o-transition:background-color 100ms linear;
  412. -webkit-transition:background-color 100ms linear;
  413. background-color:#3f4954;
  414. color:#ccccb3;
  415. transition:background-color 100ms linear;
  416. }
  417.  
  418. .user-box-inner {
  419. border:none;
  420. box-shadow:none;
  421. }
  422.  
  423. .subnav-row {
  424. margin:0;
  425. }
  426.  
  427. .alert-info {
  428. background-color:#191d21;
  429. border:none;
  430. border-radius:0;
  431. color:#ccccb3;
  432. }
  433.  
  434. .qa-template-user .qa-part-form-profile tbody#avatar .qa-avatar-image,.user-box-inner .user-avatar .qa-avatar-image {
  435. background-color:#3f4954;
  436. border:none;
  437. }
  438.  
  439. .wmd-input,body {
  440. background-color:#14171a;
  441. }
  442.  
  443. p,.qa-q-view-content .entry-content,.qa-a-item-content,ol ol,ol ul,ul ol,ul ul,ol,ul,.qa-form-tall-table > thead > tr > th,.qa-form-wide-table > thead > tr > th,.qa-form-tall-table > tbody > tr > th,.qa-form-wide-table > tbody > tr > th,.qa-form-tall-table > tfoot > tr > th,.qa-form-wide-table > tfoot > tr > th,.qa-form-tall-table > thead > tr > td,.qa-form-wide-table > thead > tr > td,.qa-form-tall-table > tbody > tr > td,.qa-form-wide-table > tbody > tr > td,.qa-form-tall-table > tfoot > tr > td,.qa-form-wide-table > tfoot > tr > td,.h2,h2,div.user-box > div > div > div,.dropdown-menu > li > a,.qa-c-item-content {
  444. color:#ccccb3;
  445. }
  446.  
  447. .nav.navbar-nav.navbar-right.login-nav,.nav.navbar-nav.navbar-right.user-nav,.nav.navbar-nav.navbar-right.notf-bubble,.navbar .container,.container {
  448. padding:0;
  449. }
  450.  
  451. .qa-form-tall-button-cancel,.qa-form-wide-button-cancel,.qa-q-list-item:first-child,.qa-q-list-item:last-child,.qa-q-list,.qa-nav-cat-list > li:last-child,.qa-form-tall-button,.qa-form-tall-table input[type="button"],.qa-form-wide-button,.qa-form-basic-button {
  452. border-radius:0;
  453. }
  454.  
  455. .qa-q-item-meta,.qa-q-view-meta,.qa-a-item-meta {
  456. color:#777;
  457. }
  458.  
  459. .qa-tag-link:not(:active):after,.navbar-user-img:not(:active):after {
  460. animation:ripple 1s ease-out;
  461. }
  462.  
  463. .qa-tag-link:focus:after,.navbar-user-img:focus:after {
  464. visibility:visible;
  465. }
  466.  
  467. .side-search-bar .qa-search-field.form-control:hover,textarea.form-control:hover,.qa-form-tall-text:hover,.qa-form-tall-number:hover,.form-control:hover {
  468. -moz-transition:background 100ms linear;
  469. -ms-transition:background 100ms linear;
  470. -o-transition:background 100ms linear;
  471. -webkit-transition:background 100ms linear;
  472. background:#323a42;
  473. transition:background 100ms linear;
  474. }
  475.  
  476. .side-search-bar .qa-search-field.form-control:focus,textarea.form-control:focus,.qa-form-tall-text:focus,.qa-form-tall-numbe:focus,.form-control:focus {
  477. -moz-transition:background 100ms linear;
  478. -ms-transition:background 100ms linear;
  479. -o-transition:background 100ms linear;
  480. -webkit-transition:background 100ms linear;
  481. background:#37404a;
  482. transition:background 100ms linear;
  483. }
  484.  
  485. .qa-favorite-button,.qa-unfavorite-button,.qa-template-user .qa-part-form-profile tbody#avatar .qa-avatar-image,.qa-avatar-link > img,.qa-template-user .qa-part-form-profile #level .qa-form-wide-static a {
  486. border-radius:100%;
  487. }
  488.  
  489. .qa-nav-sub .qa-nav-sub-list > li.active > a,.qa-nav-sub .qa-nav-sub-list,.qa-nav-sub .qa-nav-sub-list > li.active > a,.qa-nav-sub .qa-nav-sub-list > li.active > a:hover,.qa-nav-sub .qa-nav-sub-list > li.active > a:focus {
  490. -moz-transition:background-color 100ms linear;
  491. -ms-transition:background-color 100ms linear;
  492. -o-transition:background-color 100ms linear;
  493. -webkit-transition:background-color 100ms linear;
  494. background-color:#191d21;
  495. border:none;
  496. border-radius:0;
  497. transition:background-color 100ms linear;
  498. }
  499.  
  500. .cke_top,.cke_bottom {
  501. background-color:#262c33;
  502. background-image:none;
  503. border:none;
  504. }
  505.  
  506. .wmd-button > span {
  507. filter:invert(90%);
  508. }
  509.  
  510. #login-dropdown-menu li .login-or,.text-center,.top-divider,.qa-sidebar,.qa-nav-cat-list > li:first-child,.qa-rss-feed,.wmd-spacer1,.wmd-spacer {
  511. display:none;
  512. }
  513.  
  514. .main-nav li,.donut-masthead .page-title,.qa-a-count-selected,.qa-a-count,.qa-voting,.qa-feed,.qa-template-user .qa-part-form-profile,.qa-template-user .qa-part-form-activity,.qa-template-user .qa-part-message-list,.qa-template-user .qa-part-form-badges-list,.qa-part-a-form .qa-a-form,.qa-form-wide-label,.qa-form-wide-data,.cke_chrome {
  515. border:none;
  516. }
  517.  
  518. .side-search-bar .qa-search-field.form-control,textarea.form-control,.qa-form-tall-text,.qa-form-tall-number,.form-control {
  519. -moz-transition:background 100ms linear;
  520. -ms-transition:background 100ms linear;
  521. -o-transition:background 100ms linear;
  522. -webkit-transition:background 100ms linear;
  523. background:#2c333b;
  524. border:none;
  525. border-radius:0;
  526. color:#ccccb3;
  527. transition:background 100ms linear;
  528. }
  529.  
  530.   .qa-page-links-list > li > a, .qa-page-links-list > li > span {
  531.     border: none;
  532.     border-radius: 0;
  533.     background-color:#191d21;
  534.     color:#ccccb3;
  535.   }
  536.  
  537.     .qa-page-links-list > li > a:hover, .qa-page-links-list > li > span:hover,   .qa-page-links-list > .active > span:hover,  .qa-page-links-list > li > a:focus, .qa-page-links-list > li > span:focus {
  538.     border: none;
  539.     border-radius: 0;
  540.     background-color:#2c333b;
  541.     color:#ccccb3;
  542.   }
  543.  
  544.   .qa-page-links-list > li:last-child > a, .qa-page-links-list > li:last-child > span, .qa-page-links-list > li:first-child > a, .qa-page-links-list > li:first-child > span {
  545.     border-radius: 0;
  546.   }
  547.  
  548.   .qa-page-links-list > .active > span {
  549.     background-color:   #252c33;
  550.     color:#ccccb3;
  551.   }
  552. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement