API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 25th, 2019
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.25 KB | None | 0 0
raw download clone embed print report
  1. /* Tohru for WillBoard */
  2.  
  3. body {
  4. background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7)), url(https://i.imgur.com/THzp38M.jpg);
  5. background-color: #21213a;
  6. background-repeat: no-repeat;
  7. background-position: center top;
  8. background-size: cover;
  9. background-attachment: fixed;
  10. color: #dadada;
  11. font-size: 10pt;
  12. }
  13.  
  14. a {
  15. color: #e37ba2;
  16. }
  17.  
  18. a:hover {
  19. color: #ffb1f4;
  20. }
  21.  
  22. body > nav {
  23. background: rgba(28, 30, 43, 0.9);
  24. box-shadow: 0 3px 3px 0 rgba(0,0,0,.4);
  25. line-height: 32px;
  26. padding-left: 20px;
  27. padding-right: 20px
  28. }
  29.  
  30. body > nav > ul > li.separateBefore {
  31. border-left: 0;
  32. }
  33.  
  34. body > nav > ul > li.separateAfter {
  35. border-right: 0;
  36. }
  37.  
  38. body > nav > ul > li > a, body > nav > ul > li > ul > li > a {
  39. color: #e37ba2;
  40. }
  41.  
  42. body > nav > ul > li > a:hover, body > nav > ul > li > ul > li > a:hover {
  43. background-color: transparent;
  44. color: #ffb1f4;
  45. }
  46.  
  47. body > nav > aside > label[for=back] > a, body > nav > aside > label[for=administration] > a {
  48. color: #e37ba2;
  49. }
  50.  
  51. body > nav > aside > label {
  52. color: #e37ba2;
  53. border-right: 0;
  54. }
  55.  
  56. body > nav aside > label:first-of-type {
  57. border: 0;
  58. }
  59.  
  60. body > nav aside > label:first-child {
  61. border-left: 0;
  62. }
  63.  
  64. body > nav > aside > label:hover {
  65. background-color: transparent;
  66. color: #ffb1f4;
  67. }
  68.  
  69. body > nav > aside > label[for=back] > a:hover,
  70. body > nav > aside > label[for=administration] > a:hover {
  71. color: #ffb1f4;
  72. }
  73.  
  74. body > nav > aside > label[for=synchronization].synchronized {
  75. color: #72aeb1;
  76. }
  77.  
  78. body > nav > aside > input[type=checkbox][id=boardmenu]:checked ~ label[for=boardmenu],
  79. body > nav > aside > input[type=checkbox][id=synchronization]:checked ~ label[for=synchronization],
  80. body > nav > aside > input[type=checkbox][id=informations]:checked ~ label[for=informations],
  81. body > nav > aside > input[type=checkbox][id=settings]:checked ~ label[for=settings] {
  82. background-color: rgba(46, 44, 62, 0.95);
  83. }
  84.  
  85. body > nav > aside > section.boardmenu,
  86. body > nav > aside > section.synchronization,
  87. body > nav > aside > section.informations,
  88. body > nav > aside > section.settings {
  89. color: #dadada;
  90. background-color: rgba(46, 44, 62, 0.95);
  91. border: 0;
  92. box-shadow: -3px 3px 3px rgba(0,0,0,.4);
  93. margin-top: 32px;
  94. max-height: calc(100% - 31px);
  95. }
  96.  
  97. body > nav > aside > section.boardmenu a {
  98. color: #e37ba2;
  99. }
  100.  
  101. body > nav > aside > section.boardmenu a:hover {
  102. background-color: transparent;
  103. color: #ffb1f4;
  104. }
  105.  
  106. body > nav > aside > section.settings > .setting > label > input[type=checkbox]:checked ~ span:first-of-type {
  107. background: rgba(28, 30, 43, 0.9);
  108. color: #dadada;
  109. }
  110.  
  111. body > nav > aside > section.settings > .setting > label > span:last-of-type {
  112. background: rgba(28, 30, 43, 0.9);
  113. }
  114.  
  115. body > nav > aside > section.settings > .setting > label > span:last-of-type {
  116. color: #dadada;
  117. }
  118.  
  119. body > nav > aside > section.settings > .setting > label > span {
  120. color: #dadada;
  121. }
  122.  
  123. body > nav > aside > section.settings > .setting > label {
  124. border: 1px solid #1c1e2b;
  125. }
  126.  
  127. body > nav > aside > section.settings > .setting > label > span:first-of-type {
  128. border-right: 1px solid #1c1e2b;
  129. }
  130.  
  131. body > nav > aside > section.settings > .setting > input {
  132. color: #dadada;
  133. border: 1px solid #1c1e2b;
  134. }
  135.  
  136. body > nav > aside > section.settings > .setting select {
  137. border: 1px solid #1c1e2b;
  138. background: rgba(46, 44, 62, 0.95);
  139. color: #dadada;
  140. }
  141.  
  142. body > nav > aside > section.settings > .setting > input[type=range] {
  143. border: 1px solid #1c1e2b;
  144. }
  145.  
  146. body > nav > aside > section.settings > .setting > input[type=range]::-webkit-slider-thumb {
  147. background: rgba(28, 30, 43, 0.9);
  148. }
  149.  
  150. body > nav > aside > section.settings > .setting > input[type=range]::-moz-range-thumb {
  151. background: rgba(28, 30, 43, 0.9);
  152. }
  153.  
  154. body > nav > aside > section.settings > .setting > input[type=range]::-ms-thumb {
  155. background: rgba(28, 30, 43, 0.9);
  156. }
  157.  
  158. body > nav > aside > section.settings > .setting > textarea {
  159. color: #dadada;
  160. border: 1px solid #1c1e2b;
  161. }
  162.  
  163. section.op .info span svg,
  164. section.reply .info span svg {
  165. fill: #e37ba2;
  166. }
  167.  
  168.  
  169. section.reply {
  170. background: rgba(28, 30, 43, 0.9);
  171. padding: 0.2em 0.3em 0.5em 0.6em;
  172. border: 0;
  173. border-radius: 8px;
  174. color: #dadada;
  175. }
  176. section.reply > .info > time {
  177. color: #dadada;
  178. }
  179.  
  180. section.op .message, section.reply .message {
  181. padding: 4px 10px;
  182. }
  183.  
  184. section.op > .info a.name,
  185. section.reply > .info a.name {
  186. color: #dadada;
  187. font-weight: bold;
  188. }
  189.  
  190.  
  191. section.op > .info a.backlink,
  192. section.reply > .info a.backlink {
  193. color: #dadada;
  194. text-decoration: underline;
  195. }
  196.  
  197. section.op > .info a.name[href], section.reply > .info a.name[href] {
  198. color: #dadada;
  199. text-decoration: underline;
  200. }
  201.  
  202. section.op > .info a.mentionlink,
  203. section.reply > .info a.mentionlink {
  204. color: #e37ba2;
  205. text-decoration: underline;
  206. }
  207.  
  208. section.op > .info a,
  209. section.reply > .info a {
  210. color: #e37ba2;
  211. }
  212.  
  213. section.op > .info a:hover,
  214. section.reply > .info a:hover {
  215. color: #ffb1f4;
  216. }
  217.  
  218. section.op > .info a.name:hover,
  219. section.reply > .info a.name:hover {
  220. color: #dadada;
  221. }
  222.  
  223. section.op > .info,
  224. section.reply > .info {
  225. border-bottom: none;
  226. }
  227.  
  228. section.op > .contentLong,
  229. section.reply > .contentLong {
  230. max-height: 260px;
  231. }
  232.  
  233.  
  234. .boardlink {
  235. background: rgba(46, 44, 62, 0.95);
  236. border: 0;
  237. border-radius: 8px;
  238. box-shadow: 2px 2px 2px 0 rgba(0,0,0,.25);
  239. padding: 0.2em 0.3em 0.5em 0.6em;
  240. margin-right: 6px;
  241. }
  242. .boardlink > section.reply {
  243. background: transparent;
  244. border: 0;
  245. padding: 0;
  246. }
  247.  
  248. .boardlink section.op > .info {
  249. border-top: 0;
  250. margin-top: 0;
  251. }
  252.  
  253.  
  254. .message a {
  255. color: #e37ba2;
  256. }
  257.  
  258. .message a[href] {
  259. color: #e37ba2;
  260. }
  261.  
  262. .message a[href]:hover {
  263. color: #ffb1f4;
  264. }
  265.  
  266. .message blockquote {
  267. color: #b5bd68
  268. }
  269.  
  270. section.op > .info {
  271. background-color: transparent;
  272. color: #dadada;
  273. border-top: 0;
  274. margin-top: 8px;
  275. }
  276.  
  277. main, header, footer, body > aside {
  278. padding-left: 16px;
  279. padding-right: 16px;
  280. box-sizing: border-box;
  281. }
  282.  
  283. section.reply > .info > label,
  284. section.op > .info > label {
  285. color: #e37ba2;
  286. }
  287.  
  288. section.reply > .info > label:hover,
  289. section.op > .info > label:hover {
  290. background-color: transparent;
  291. color: #ffb1f4;
  292. }
  293.  
  294. section.reply > .info a.button:hover,
  295. section.op > .info a.button:hover {
  296. background-color: transparent;
  297. color: #ffb1f4;
  298. }
  299.  
  300. section.op > .info > input[type=checkbox][id|=options]:checked ~ label[for|=options], section.op > .info > input[type=checkbox][id|=administration]:checked ~ label[for|=administration],
  301. section.reply > .info > input[type=checkbox][id|=options]:checked ~ label[for|=options], section.reply > .info > input[type=checkbox][id|=administration]:checked ~ label[for|=administration] {
  302. background-color: transparent;
  303. color: #ffb1f4;
  304. }
  305.  
  306. section.op > .info > aside,
  307. section.reply > .info > aside {
  308. border: 0;
  309. border-radius: 5px;
  310. background: rgba(46, 44, 62, 0.95);
  311. box-shadow: 2px 2px 2px 0 rgba(0,0,0,.25);
  312. color: #e37ba2;
  313. }
  314. section.op > .info > aside.options a,
  315. section.reply > .info > aside.options a {
  316. color: #e37ba2;
  317. }
  318.  
  319. section.op > .info > aside.options a:hover,
  320. section.reply > .info > aside.options a:hover {
  321. background-color: transparent;
  322. color: #ffb1f4;
  323. }
  324.  
  325. section.op.hover {
  326. background: transparent;
  327. border: 0;
  328. }
  329.  
  330. section.reply.hover {
  331. background: rgba(46, 44, 62, 0.95);
  332. border: 0;
  333. }
  334.  
  335. footer {
  336. border-top: 0;
  337. background: transparent;
  338. color: #dadada;
  339. margin-top: 16px;
  340. }
  341.  
  342. footer > aside {
  343. display: none
  344. }
  345.  
  346. footer > nav {
  347. display: inline-block;
  348. background: rgba(28, 30, 43, 0.9);
  349. padding: 4px;
  350. border: 0;
  351. border-radius: 8px
  352. }
  353.  
  354. footer > nav > a:hover {
  355. background-color: transparent;
  356. color: #ffb1f4;
  357. }
  358.  
  359. footer > nav > a {
  360. background-color: transparent;
  361. color: #e37ba2;
  362. }
  363.  
  364. footer > nav > a:not([href]) {
  365. background-color: transparent;
  366. color: #dadada;
  367. font-weight: bold;
  368. }
  369.  
  370. header > h1 {
  371. color: #dadada;
  372. font-weight: bold;
  373. }
  374.  
  375.  
  376. body > nav > label[for=menu] {
  377. color: #e37ba2;
  378. border: 0
  379. }
  380.  
  381. body > nav > input[type=checkbox][id=menu]:checked ~ label[for=menu] {
  382. background-color: rgba(46, 44, 62, 0.95);
  383. border: 0
  384. }
  385.  
  386. body > nav > label[for=menu]:hover {
  387. background: transparent;
  388. border: 0;
  389. color: #ffb1f4;
  390. }
  391.  
  392.  
  393.  
  394. @media only screen and (max-width: 720px) {
  395. body {
  396. background-image: none;
  397. }
  398.  
  399. body > nav > ul > li:first-child {
  400. border-left: 0;
  401. }
  402.  
  403. body > nav > ul > li {
  404. border-right: 0;
  405. }
  406.  
  407. body > nav > ul > li > a,
  408. body > nav > ul > li > ul > li > a {
  409. color: #e37ba2;
  410. }
  411.  
  412. body > nav > ul > li > a:hover,
  413. body > nav > ul > li > ul > li > a:hover {
  414. background-color: transparent;
  415. color: #ffb1f4;
  416. }
  417.  
  418. body > nav > ul {
  419. background-color: rgba(46, 44, 62, 0.95);
  420. border: 0;
  421. box-shadow: 3px 3px 3px rgba(0,0,0,.4);
  422. }
  423.  
  424. body > nav > ul > li,
  425. body > nav > ul > li.separateBefore,
  426. body > nav > ul > li.separateAfter {
  427. border-right: 0;
  428. border-left: 0;
  429. }
  430.  
  431. section.op > .content > .file {
  432. background: rgba(28, 30, 43, 0.7);
  433. border-radius: 8px;
  434. }
  435.  
  436. body > nav {
  437. line-height: 40px
  438. }
  439.  
  440. body > nav > aside > section.boardmenu,
  441. body > nav > aside > section.synchronization,
  442. body > nav > aside > section.informations,
  443. body > nav > aside > section.settings {
  444. margin-top: 40px;
  445. max-height: calc(100% - 39px)
  446. }
  447. }
  448.  
  449. .message code {
  450. background-color: rgba(255, 255, 255, 0.1);
  451. border-radius: 5px;
  452. }
  453.  
  454. main.catalog > article.thread {
  455. background-color: rgba(28, 30, 43, 0.9);
  456. color: #dadada;
  457. border:0;
  458. border-radius: 8px
  459. }
  460.  
  461. main.catalog > article.thread > section.op > .info {
  462. border-top: none;
  463. margin-top: 0;
  464. }
  465.  
  466.  
  467.  
  468.  
  469. section.post {
  470. color: #dadada;
  471. box-shadow: none;
  472. }
  473. section.post.fixed {
  474. right: 20px;
  475. }
  476.  
  477. section.post table {
  478. background-color: rgba(28, 30, 43, 0.9);
  479. border-radius: 8px;
  480. }
  481.  
  482. section.post table tr {
  483. border-bottom: 1px solid #1c1e2b;
  484. }
  485.  
  486. section.post table tr th label {
  487. color: #dadada;
  488. }
  489.  
  490. section.post table td > textarea {
  491. color: #dadada;
  492. }
  493.  
  494. section.post table tr td > input[type=password], section.post table tr td > input[type=text] {
  495. color: #dadada;
  496. }
  497.  
  498. section.post table td > input[type="file"] {
  499. color: #dadada;
  500. }
  501.  
  502. section.post table tr td > input[type=checkbox] + label[for] {
  503. color: #e37ba2;
  504. }
  505.  
  506. section.post table td > input[type=checkbox]:checked + label[for] {
  507. color: #e37ba2;
  508. }
  509.  
  510. section.post table tr td > input[type=checkbox]:checked + label[for] {
  511. background-color: transparent;
  512. text-shadow: 0 0 5px #e37ba2, 0 0 5px #e37ba2;
  513. }
  514.  
  515.  
  516. section.post input[type=submit] {
  517. color: #e37ba2;
  518. background-color: rgba(28, 30, 43, 0.9);
  519. border: 0;
  520. border-radius: 8px;
  521. bottom: -43px;
  522. box-shadow: none;
  523. }
  524.  
  525. section.post aside.closeQuick {
  526. color: #e37ba2;
  527. border-right: 0;
  528. }
  529.  
  530. section.post aside.closeFast {
  531. color: #e37ba2;
  532. background-color: rgba(28, 30, 43, 0.9);
  533. border-bottom: 0;
  534. border-radius: 8px;
  535. top: -43px;
  536. box-shadow: none;
  537. }
  538.  
  539. section.post aside.moveFast {
  540. border-left: 0;
  541. top: -43px;
  542. color: #e37ba2;
  543. }
  544.  
  545. section.post table tr td > input[type=checkbox] + label[for]:hover,
  546. section.post input[type=submit]:hover,
  547. section.post aside.closeQuick:hover,
  548. section.post aside.closeFast:hover,
  549. section.post aside.moveFast:hover {
  550. color: #ffb1f4;
  551. }
  552.  
  553. section.post .captcha.classiccaptcha label {
  554. color: #e37ba2;
  555. }
  556. section.post .captcha.classiccaptcha label:hover {
  557. color: #ffb1f4;
  558. }
  559.  
  560. section.post .captcha.classiccaptcha progress {
  561. background-color: #e37ba2;
  562. }
  563.  
  564. section.post .captcha.classiccaptcha progress::-webkit-progress-bar {
  565. background-color: #e37ba2;
  566. }
  567.  
  568. section.search {
  569. color: #dadada;
  570. box-shadow: none;
  571. }
  572.  
  573. section.search table {
  574. background-color: rgba(28, 30, 43, 0.9);
  575. border-radius: 8px;
  576. }
  577.  
  578. section.search table tr td input[type="text"],
  579. section.search table tr td input[type="number"] {
  580. background-color: transparent;
  581. color: #dadada;
  582. }
  583.  
  584. section.search table tr th label {
  585. color: #dadada;
  586. }
  587.  
  588. section.search table tr td label {
  589. color: #e37ba2;
  590. }
  591.  
  592. section.search table tr {
  593. border-bottom: 1px solid #1c1e2b;
  594. }
  595.  
  596. section.search input[type=submit] {
  597. color: #e37ba2;
  598. background-color: rgba(28, 30, 43, 0.9);
  599. border-top: 0;
  600. border-radius: 8px;
  601. bottom: -43px;
  602. box-shadow: none;
  603. }
  604.  
  605. section.search table tr td > input[type=radio]:checked + label[for] {
  606. background-color: transparent;
  607. text-shadow: 0 0 5px #e37ba2, 0 0 5px #e37ba2;
  608. }
  609.  
  610. section.search table tr td > input[type=radio] + label[for]:hover,
  611. section.search table tr td label:hover,
  612. section.search input[type=submit]:hover {
  613. color: #ffb1f4;
  614. }
  615.  
  616. main > section.external {
  617. background-color: rgba(28, 30, 43, 0.9);
  618. border: 0;
  619. border-radius: 8px;
  620. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!