API tools faq
paste
Advertisement
Guest User

Konosuba! 4 Dredboard

a guest
Apr 24th, 2019
80
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.42 KB | None | 0 0
raw download clone embed print report
  1. /*************************/
  2. /* Konosuba! 4 Dredboard */
  3. /* ODWAGĘ W SERCU MIEJ */
  4. /*************************/
  5.  
  6. body {
  7. background-image: linear-gradient(to right, rgba(0,0,0,0.4), rgba(0,0,0,0)), url(https://i.imgur.com/KMaT4qe.jpg);
  8. background-color: #141926;
  9. background-repeat: no-repeat;
  10. background-position: center top;
  11. background-size: cover;
  12. background-attachment: fixed;
  13. color: #fff;
  14. font-size: 10pt;
  15. }
  16. a {
  17. color: #ffa107;
  18. }
  19. a:hover {
  20. color: #ff66b9;
  21. }
  22. body > nav {
  23. background: rgba(47, 99, 160, 0.9);
  24. box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
  25. line-height: 32px;
  26. padding-left: 20px;
  27. padding-right: 20px
  28. }
  29. body > nav > ul > li.separateBefore {
  30. border-left: 0;
  31. }
  32. body > nav > ul > li.separateAfter {
  33. border-right: 0;
  34. }
  35. body > nav > ul > li > a, body > nav > ul > li > ul > li > a {
  36. color: #ffa107;
  37. }
  38.  
  39. body > nav > ul > li > a:hover, body > nav > ul > li > ul > li > a:hover {
  40. background-color: transparent;
  41. color: #ff66b9;
  42. }
  43.  
  44. body > nav > aside > label[for=back] > a, body > nav > aside > label[for=administration] > a {
  45. color: #ffa107;
  46. }
  47.  
  48. body > nav > aside > label {
  49. color: #ffa107;
  50. border-right: 0;
  51. }
  52.  
  53. body > nav aside > label:first-of-type {
  54. border: 0;
  55. }
  56.  
  57. body > nav aside > label:first-child {
  58. border-left: 0;
  59. }
  60.  
  61. body > nav > aside > label:hover {
  62. background-color: transparent;
  63. color: #ff66b9;
  64. }
  65.  
  66. body > nav > aside > label[for=back] > a:hover,
  67. body > nav > aside > label[for=administration] > a:hover {
  68. color: #ff66b9;
  69. }
  70.  
  71. body > nav > aside > label[for=synchronization].synchronized {
  72. color: #ffa107;
  73. }
  74. body > nav > aside > label[for=synchronization].synchronized {
  75. color: #ffa107;
  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(242, 176, 73, 0.75);
  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: #3b2e2c;
  90. background-color: rgba(242, 176, 73, 0.75);
  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. max-width: 100%;
  96. }
  97.  
  98. body > nav > aside > section.boardmenu a {
  99. color: #0d4fb6;
  100. }
  101.  
  102. body > nav > aside > section.boardmenu a:hover {
  103. background-color: transparent;
  104. color: #f249a6;
  105. }
  106.  
  107. body > nav > aside > section.settings > .setting > label > input[type=checkbox]:checked ~ span:first-of-type {
  108. background: rgba(243, 153, 13, 0.75);
  109. color: #3b2e2c;
  110. }
  111.  
  112. body > nav > aside > section.settings > .setting > label > span:last-of-type {
  113. background: rgba(243, 153, 13, 0.75);
  114. }
  115.  
  116. body > nav > aside > section.settings > .setting > label > span:last-of-type {
  117. color: #3b2e2c;
  118. }
  119.  
  120. body > nav > aside > section.settings > .setting > label > span {
  121. color: #3b2e2c;
  122. }
  123.  
  124. body > nav > aside > section.settings > .setting > label {
  125. border: 1px solid #3b2e2c;
  126. }
  127.  
  128. body > nav > aside > section.settings > .setting > label > span:first-of-type {
  129. border-right: 1px solid #3b2e2c;
  130. }
  131.  
  132. body > nav > aside > section.settings > .setting > input {
  133. color: #3b2e2c;
  134. border: 1px solid #3b2e2c;
  135. }
  136.  
  137. body > nav > aside > section.settings > .setting select {
  138. border: 1px solid #3b2e2c;
  139. background: rgba(242, 176, 73, 0.75);
  140. color: #3b2e2c;
  141. }
  142.  
  143. body > nav > aside > section.settings > .setting > input[type=range] {
  144. border: 1px solid #3b2e2c;
  145. }
  146.  
  147. body > nav > aside > section.settings > .setting > input[type=range]::-webkit-slider-thumb {
  148. background: rgba(243, 153, 13, 0.75);
  149. border: 1px solid #3b2e2c;
  150. }
  151.  
  152. body > nav > aside > section.settings > .setting > input[type=range]::-moz-range-thumb {
  153. background: rgba(243, 153, 13, 0.75);
  154. border: 1px solid #3b2e2c;
  155. }
  156.  
  157. body > nav > aside > section.settings > .setting > input[type=range]::-ms-thumb {
  158. background: rgba(243, 153, 13, 0.75);
  159. border: 1px solid #3b2e2c;
  160. }
  161.  
  162. body > nav > aside > section.settings > .setting > textarea {
  163. color: #3b2e2c;
  164. border: 1px solid #3b2e2c;
  165. background-color: rgba(255,255,255,0.5);
  166. }
  167.  
  168. section.op .info span svg,
  169. section.reply .info span svg {
  170. fill: #ffa107;
  171. }
  172.  
  173.  
  174. section.reply {
  175. background: rgba(47, 99, 160, 0.75);
  176. padding: 0.2em 0.3em 0.5em 0.6em;
  177. border: 0;
  178. border-radius: 8px;
  179. color: #fff;
  180. }
  181. section.reply > .info > time {
  182. color: #fff;
  183. }
  184.  
  185. section.reply .message {
  186. padding: 4px 10px;
  187. word-break: normal;
  188.  
  189. }
  190.  
  191. section.op .message, .replyOmitted {
  192. padding: 4px 10px;
  193. word-break: normal;
  194. background-color: rgba(47, 99, 160, 0.2);
  195. }
  196.  
  197. section.op > .info a.name,
  198. section.reply > .info a.name {
  199. color: #fff;
  200. font-weight: bold;
  201. }
  202.  
  203.  
  204. section.op > .info a.backlink,
  205. section.reply > .info a.backlink {
  206. color: #fff;
  207. text-decoration: underline;
  208. }
  209.  
  210. section.op > .info a.name[href], section.reply > .info a.name[href] {
  211. color: #fff;
  212. text-decoration: underline;
  213. }
  214.  
  215. section.op > .info a.mentionlink,
  216. section.reply > .info a.mentionlink {
  217. color: #ffa107;
  218. text-decoration: underline;
  219. }
  220.  
  221. section.op > .info a,
  222. section.reply > .info a {
  223. color: #ffa107;
  224. }
  225.  
  226. section.op > .info a:hover,
  227. section.reply > .info a:hover {
  228. color: #ff66b9;
  229. }
  230.  
  231. section.op > .info a.name:hover,
  232. section.reply > .info a.name:hover {
  233. color: #fff;
  234. }
  235.  
  236. section.op > .info,
  237. section.reply > .info {
  238. border-bottom: none;
  239. }
  240.  
  241. section.op > .contentLong,
  242. section.reply > .contentLong {
  243. max-height: 260px;
  244. }
  245.  
  246.  
  247. .boardlink {
  248. background: rgba(246,203,120,0.75);
  249. border: 0;
  250. border-radius: 8px;
  251. box-shadow: 2px 2px 2px 0 rgba(0,0,0,.25);
  252. padding: 0.2em 0.3em 0.5em 0.6em;
  253. }
  254. .boardlink > section.reply {
  255. background: transparent;
  256. border: 0;
  257. padding: 0;
  258. }
  259.  
  260. .boardlink section.op > .info {
  261. border-top: 0;
  262. margin-top: 0;
  263. }
  264.  
  265.  
  266. .message a {
  267. color: #ffa107;
  268. }
  269.  
  270. .message a[href] {
  271. color: #ffa107;
  272. }
  273.  
  274. .message a[href]:hover {
  275. color: #ff66b9;
  276. }
  277.  
  278. .message blockquote {
  279. color: #e1f249;
  280. }
  281.  
  282. section.op > .info {
  283. background-color: rgba(47, 99, 160, 0.3);
  284. color: #fff;
  285. border-top: 1px solid #194787;
  286. margin-top: 8px;
  287. }
  288.  
  289. main, header, footer, body > aside {
  290. padding-left: 16px;
  291. padding-right: 16px;
  292. box-sizing: border-box;
  293. }
  294.  
  295. section.reply > .info > label,
  296. section.op > .info > label {
  297. color: #ffa107;
  298. }
  299.  
  300. section.reply > .info > label:hover,
  301. section.op > .info > label:hover {
  302. background-color: transparent;
  303. color: #ff66b9;
  304. }
  305.  
  306. section.reply > .info a.button:hover,
  307. section.op > .info a.button:hover {
  308. background-color: transparent;
  309. color: #ff66b9;
  310. }
  311.  
  312. section.op > .info > input[type=checkbox][id|=options]:checked ~ label[for|=options], section.op > .info > input[type=checkbox][id|=administration]:checked ~ label[for|=administration],
  313. section.reply > .info > input[type=checkbox][id|=options]:checked ~ label[for|=options], section.reply > .info > input[type=checkbox][id|=administration]:checked ~ label[for|=administration] {
  314. background-color: transparent;
  315. color: #ff66b9;
  316. }
  317.  
  318. section.op > .info > aside,
  319. section.reply > .info > aside {
  320. border: 0;
  321. border-radius: 5px;
  322. background: rgba(242, 176, 73, 0.75);
  323. box-shadow: 2px 2px 2px 0 rgba(0,0,0,.25);
  324. color: #2f63a0;
  325. }
  326. section.op > .info > aside.options a,
  327. section.reply > .info > aside.options a {
  328. color: #0d4fb6;
  329. }
  330.  
  331. section.op > .info > aside.options a:hover,
  332. section.reply > .info > aside.options a:hover {
  333. background-color: transparent;
  334. color: #f249a6;
  335. }
  336.  
  337. section.op.hover {
  338. background: transparent;
  339. border: 0;
  340. }
  341.  
  342. footer {
  343. border-top: 1px solid #194787;
  344. background: transparent;
  345. color: #fff;
  346. margin-top: 16px;
  347. }
  348.  
  349. footer > aside {
  350. color: #fff;
  351. }
  352.  
  353. footer > nav {
  354. display: inline-block;
  355. background: rgba(47, 99, 160, 0.75);
  356. padding: 4px;
  357. border: 0;
  358. border-radius: 5px
  359. }
  360.  
  361. footer > nav > a:hover {
  362. background-color: transparent;
  363. color: #ff66b9;
  364. }
  365.  
  366. footer > nav > a {
  367. background-color: transparent;
  368. color: #ffa107;
  369. }
  370.  
  371. footer > nav > a:not([href]) {
  372. background-color: transparent;
  373. color: #fff;
  374. font-weight: bold;
  375. }
  376.  
  377. header > h1 {
  378. color: #ffa107;
  379. text-shadow: 0px 0px 3px #000;
  380. font-weight: normal;
  381. }
  382.  
  383.  
  384. body > nav > label[for=menu] {
  385. color: #ffa107;
  386. border: 0
  387. }
  388.  
  389. body > nav > input[type=checkbox][id=menu]:checked ~ label[for=menu] {
  390. background-color: rgba(242, 176, 73, 0.75);
  391. border: 0
  392. }
  393.  
  394. body > nav > label[for=menu]:hover {
  395. background: transparent;
  396. border: 0;
  397. color: #ff66b9;
  398. }
  399.  
  400.  
  401.  
  402. @media only screen and (max-width: 720px) {
  403. body {
  404. background-image: none;
  405. }
  406.  
  407. body > nav > ul > li:first-child {
  408. border-left: 0;
  409. }
  410.  
  411. body > nav > ul > li {
  412. border-right: 0;
  413. }
  414.  
  415. body > nav > ul > li > a,
  416. body > nav > ul > li > ul > li > a {
  417. color: #ffa107;
  418. }
  419.  
  420. body > nav > ul > li > a:hover,
  421. body > nav > ul > li > ul > li > a:hover {
  422. background-color: transparent;
  423. color: #ff66b9;
  424. }
  425.  
  426. body > nav > ul {
  427. background-color: rgba(246,203,120,0.75);
  428. border: 0;
  429. box-shadow: 3px 3px 3px rgba(0,0,0,.4);
  430. }
  431.  
  432. body > nav > ul > li,
  433. body > nav > ul > li.separateBefore,
  434. body > nav > ul > li.separateAfter {
  435. border-right: 0;
  436. border-left: 0;
  437. }
  438.  
  439. section.op > .content > .file {
  440. background: rgba(47, 99, 160, 0.75);
  441. border-radius: 8px;
  442. }
  443.  
  444. body > nav {
  445. line-height: 40px
  446. }
  447. .boardlink > section.op .message, .replyOmitted {
  448. background-color: rgba(47,99,160,0.5);
  449. }
  450. body > nav > aside > section.boardmenu,
  451. body > nav > aside > section.synchronization,
  452. body > nav > aside > section.informations,
  453. body > nav > aside > section.settings {
  454. margin-top: 40px;
  455. max-height: calc(100% - 39px)
  456. }
  457. }
  458.  
  459. .message code {
  460. background-color: rgba(59, 46, 44, 0.8);
  461. border-radius: 5px;
  462. }
  463.  
  464. main.catalog > article.thread {
  465. background-color: rgba(47, 99, 160, 0.75);
  466. color: #fff;
  467. border: 1px solid #194787;
  468. }
  469.  
  470. main.catalog > article.thread > section.op > .info {
  471. border-top: none;
  472. margin-top: 0;
  473. }
  474.  
  475.  
  476.  
  477.  
  478. section.post {
  479. color: #fff;
  480. box-shadow: none;
  481. }
  482.  
  483. section.post table {
  484. background-color: rgba(47, 99, 160, 0.75);
  485. border-radius: 8px;
  486. }
  487.  
  488. section.post table tr {
  489. border-bottom: 1px solid #194787;
  490. }
  491.  
  492. section.post table tr th label {
  493. color: #fff;
  494. }
  495.  
  496. section.post table td > textarea {
  497. color: #fff;
  498. }
  499.  
  500. section.post table tr td > input[type=password], section.post table tr td > input[type=text] {
  501. color: #fff;
  502. }
  503.  
  504. section.post table td > input[type="file"] {
  505. color: #fff;
  506. }
  507.  
  508. section.post table tr td > input[type=checkbox] + label[for] {
  509. color: #ffa107;
  510. }
  511.  
  512. section.post table td > input[type=checkbox]:checked + label[for] {
  513. color: #ffa107;
  514. }
  515.  
  516. section.post table tr td > input[type=checkbox]:checked + label[for] {
  517. background-color: transparent;
  518. text-shadow: 0 0 5px #ffa107, 0 0 5px #ffa107;
  519. }
  520.  
  521.  
  522. section.post input[type=submit] {
  523. color: #ffa107;
  524. background-color: rgba(47, 99, 160, 0.75);
  525. border: 0;
  526. border-radius: 8px;
  527. bottom: -43px;
  528. box-shadow: none;
  529. }
  530.  
  531. section.post aside.closeQuick {
  532. color: #ffa107;
  533. border-right: 0;
  534. }
  535.  
  536. section.post aside.closeFast {
  537. color: #ffa107;
  538. background-color: rgba(47, 99, 160, 0.75);
  539. border-bottom: 0;
  540. border-radius: 8px;
  541. top: -43px;
  542. }
  543.  
  544. section.post aside.moveFast {
  545. border-left: 0;
  546. color: #ffa107;
  547. }
  548.  
  549. section.post table tr td > input[type=checkbox] + label[for]:hover,
  550. section.post input[type=submit]:hover,
  551. section.post aside.closeQuick:hover,
  552. section.post aside.closeFast:hover,
  553. section.post aside.moveFast:hover {
  554. color: #ff66b9;
  555. }
  556.  
  557.  
  558. section.search {
  559. color: #fff;
  560. box-shadow: none;
  561. }
  562.  
  563. section.search table {
  564. background-color: rgba(47, 99, 160, 0.75);
  565. border-radius: 8px;
  566. }
  567.  
  568. section.search table tr td input[type="text"],
  569. section.search table tr td input[type="number"] {
  570. background-color: transparent;
  571. color: #fff;
  572. }
  573.  
  574. section.search table tr th label {
  575. color: #fff;
  576. }
  577.  
  578. section.search table tr td label {
  579. color: #ffa107;
  580. }
  581.  
  582. section.search table tr {
  583. border-bottom: 1px solid #194787;
  584. }
  585.  
  586. section.search input[type=submit] {
  587. color: #ffa107;
  588. background-color: rgba(47, 99, 160, 0.75);
  589. border-top: 0;
  590. border-radius: 8px;
  591. bottom: -43px;
  592. box-shadow: none;
  593. }
  594.  
  595. section.search table tr td > input[type=radio]:checked + label[for] {
  596. background-color: transparent;
  597. text-shadow: 0 0 5px #ffa107, 0 0 5px #ffa107;
  598. }
  599.  
  600. section.search table tr td > input[type=radio] + label[for]:hover,
  601. section.search table tr td label:hover,
  602. section.search input[type=submit]:hover {
  603. color: #ff66b9;
  604. }
  605.  
  606. section.reply.hover {
  607. border: 0;
  608. color: #3b2e2c;
  609. background-color: rgba(246,203,120,0.75);
  610. }
  611. section.reply.hover > .info > time {
  612. color: #3b2e2c;
  613. }
  614. section.reply.hover > .info a.name {
  615. color: #3b2e2c;
  616. }
  617. section.reply.hover > .info > label {
  618. color: #0d4fb6;
  619. }
  620. section.reply.hover > .info a {
  621. color: #0d4fb6;
  622. }
  623. section.reply.hover > .content > .message a[href] {
  624. color: #0d4fb6;
  625. }
  626. section.reply.hover > .content > .message blockquote {
  627. color: #2b8000;
  628. }
  629.  
  630. .boardlink > section.reply {
  631. border: 0;
  632. color: #3b2e2c;
  633. }
  634. .boardlink > section.reply > .info > time {
  635. color: #3b2e2c;
  636. }
  637. .boardlink > section.reply > .info a.name {
  638. color: #3b2e2c;
  639. }
  640. .boardlink > section.reply > .info > label {
  641. color: #0d4fb6;
  642. }
  643. .boardlink > section.reply > .info a {
  644. color: #0d4fb6;
  645. }
  646. .boardlink > section.reply > .content > .message a[href] {
  647. color: #0d4fb6;
  648. }
  649. .boardlink > section.reply > .content > .message blockquote {
  650. color: #2b8000;
  651. }
  652.  
  653. .boardlink > section.op {
  654. border: 0;
  655. color: #3b2e2c;
  656. }
  657. .boardlink > section.op > .info {
  658. background-color: rgba(246,203,120,0.75);
  659. }
  660. .boardlink > section.op > .info > time {
  661. color: #3b2e2c;
  662. }
  663. .boardlink > section.op > .info a.name {
  664. color: #3b2e2c;
  665. }
  666. .boardlink > section.op > .info > label {
  667. color: #0d4fb6;
  668. }
  669. .boardlink > section.op > .info a {
  670. color: #0d4fb6;
  671. }
  672. .boardlink > section.op > .content > .message a[href] {
  673. color: #0d4fb6;
  674. }
  675. .boardlink > section.op > .content > .message blockquote {
  676. color: #e1f249;
  677. }
  678. .boardlink > section.op .info span {
  679. color: #3b2e2c;
  680. }
  681. .boardlink > section.op > .info a.file span {
  682. color: #0d4fb6;
  683. }
  684. div.expanded > figure > div.controls {
  685. background-color: rgba(47, 99, 160, 0.75);
  686. }
  687. }
  688. .boardlink > section.reply .message code {
  689. color: #FFF;
  690. }
  691. section.post .captcha.classiccaptcha label {
  692. color: #ffa107;
  693. }
  694. section.post .captcha.classiccaptcha label:hover {
  695. color: #ff66b9;
  696. }
  697. section.post .captcha.classiccaptcha progress {
  698. color: #ff66b9;
  699. background-color: #0d4fb6;
  700. }
  701. /* ficzery których zakale jebanej nie chce się/nie umie dodać */
  702. body > header:before { /* banery */
  703. content:url(https://shadow.wilchan.org/bann.php);
  704. width: 300px;
  705. height: 100px;
  706. display: block;
  707. border: 1px solid #a9a9a9;
  708. margin: 12px auto 0 auto;
  709. }
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!