ArcFutahito

Darkdot Q&A theme v. 0.5

Feb 24th, 2016
310
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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. }
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×