SHARE
TWEET

dragonchan style.css

a guest Jun 16th, 2019 189 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body {
  2.   background: #00070B;
  3.   color: #6699CC;
  4.   font-family: arial,helvetica,sans-serif;
  5.   font-size: 10pt;
  6.   margin: 0 4px;
  7.   padding-left: 4px;
  8.   padding-right: 4px;
  9. }
  10.  
  11. .hidden {
  12.   display:none;
  13. }
  14.  
  15. a,a:visited {
  16.   text-decoration: underline;
  17.   color: #34345C;
  18. }
  19.  
  20. a:hover,.intro a.post_no:hover {
  21.   color: #ff0000;
  22. }
  23.  
  24. a.post_no {
  25.   text-decoration: none;
  26.   margin: 0;
  27.   padding: 0;
  28. }
  29.  
  30. .intro a.post_no {
  31.   color: inherit;
  32. }
  33.  
  34. .intro a.post_no,p.intro a.email,p.intro a.post_anchor {
  35.   margin: 0;
  36. }
  37.  
  38. .intro a.email span.name {
  39.   color: #34345C;
  40. }
  41.  
  42. .intro a.email:hover span.name {
  43.   color: #ff0000;
  44. }
  45.  
  46. .intro label {
  47.   display: inline;
  48. }
  49.  
  50. .intro time,p.intro a.ip-link,p.intro a.capcode {
  51.   direction: ltr;
  52.   unicode-bidi: embed;
  53. }
  54.  
  55. h2 {
  56.   color: #AF0A0F;
  57.   font-size: 11pt;
  58.   margin: 0;
  59.   padding: 0;
  60. }
  61.  
  62. header {
  63.   margin: 1em 0;
  64. }
  65.  
  66. h1 {
  67.   font-family: tahoma;
  68.   letter-spacing: -2px;
  69.   font-size: 20pt;
  70.   margin: 0;
  71. }
  72.  
  73. header div.subtitle,h1 {
  74.   color: #697988;
  75.   text-align: center;
  76. }
  77.  
  78. header div.subtitle {
  79.   font-size: 8pt;
  80. }
  81.  
  82. form {
  83.   margin-bottom: 4em;
  84. }
  85.  
  86. form table {
  87.   margin: auto;
  88. }
  89.  
  90. form table input {
  91.   height: auto;
  92. }
  93.  
  94. input[type="text"],input[type="password"],textarea {
  95.   border: 1px solid #a9a9a9;
  96.   text-indent: 0;
  97.   text-shadow: none;
  98.   text-transform: none;
  99.   word-spacing: normal;
  100.   max-width: 100%;
  101. }
  102.  
  103. #quick-reply input[type="text"], input[type="password"], #quick-reply textarea {
  104.   max-width: 100%;
  105. }
  106.  
  107. textarea {
  108.   width: 100%;
  109. }
  110.  
  111. form table tr td {
  112.   text-align: left;
  113.   margin: 0;
  114.   padding: 0;
  115. }
  116.  
  117. form table.mod tr td {
  118.   padding: 2px;
  119. }
  120.  
  121. form table tr th {
  122.   text-align: left;
  123.   padding: 4px;
  124. }
  125.  
  126. form table tr th {
  127.   background-image: url("https://malzo.com/i/2019/06/17/t7V.png");
  128.   color: #96A1AB;
  129. }
  130.  
  131. form table tr td div.center {
  132.   text-align: center;
  133.   float: left;
  134.   padding-left: 3px;
  135. }
  136.  
  137. form table tr td div input {
  138.   display: block;
  139.   margin: 2px auto 0 auto;
  140. }
  141.  
  142. form table tr td div label {
  143.   font-size: 10px;
  144. }
  145.  
  146. .unimportant,.unimportant * {
  147.   font-size: 10px;
  148. }
  149.  
  150. .file {
  151.   float: left;
  152.   margin-right: 2px;
  153. }
  154.  
  155. .file:not(.multifile) .post-image {
  156.   float: left;
  157. }
  158.  
  159. .file:not(.multifile) {
  160.   float: none;
  161. }
  162.  
  163. p.fileinfo {
  164.   display: block;
  165.   margin: 0 0 0 20px;
  166. }
  167.  
  168. div.post p.fileinfo {
  169.   padding-left: 5px;
  170. }
  171.  
  172. div.banner {
  173.   background-color: #E04000;
  174.   font-size: 12pt;
  175.   font-weight: bold;
  176.   text-align: center;
  177.   margin: 1em 0;
  178. }
  179.  
  180. div.banner,div.banner a {
  181.   color: white;
  182. }
  183.  
  184. div.banner a:hover {
  185.   color: #EEF2FF;
  186.   text-decoration: none;
  187. }
  188.  
  189. img.banner,img.board_image {
  190.   display: block;
  191.   border: 1px solid #a9a9a9;
  192.   margin: 12px auto 0 auto;
  193. }
  194.  
  195. .post-image {
  196.   display: block;
  197.   float: left;
  198.   margin: 5px 20px 10px 20px;
  199.   border: none;
  200. }
  201.  
  202. .full-image {
  203.   max-width: 98%;
  204. }
  205.  
  206. div.post .post-image {
  207.   padding: 5px;
  208.   margin: 0 20px 0 0;
  209. }
  210.  
  211. div.post img.icon {
  212.   display: inline;
  213.   margin: 0 5px;
  214.   padding: 0;
  215. }
  216.  
  217. div.post i.fa {
  218.   margin: 0 4px;
  219.   font-size: 16px;
  220. }
  221.  
  222. div.post.op {
  223.   margin-right: 20px;
  224.   margin-bottom: 5px;
  225. }
  226.  
  227. div.post.op hr {
  228.   border-color: #D9BFB7;
  229. }
  230.  
  231. .intro {
  232.   margin: 0.5em 0;
  233.   padding: 0;
  234.   padding-bottom: 0.2em;
  235.   color: #697988;
  236. }
  237.  
  238. input.delete {
  239.   float: left;
  240.   margin: 1px 6px 0 0;
  241. }
  242.  
  243. .intro span.subject {
  244.   color: #0F0C5D;
  245.   font-weight: bold;
  246. }
  247.  
  248. .intro span.name {
  249.   color: #697988;
  250.   font-weight: bold;
  251. }
  252.  
  253. .intro span.capcode,p.intro a.capcode,p.intro a.nametag {
  254.   color: #F00000;
  255.   margin-left: 0;
  256. }
  257.  
  258. .intro a {
  259.   margin-left: 8px;
  260. }
  261.  
  262. div.delete {
  263.   float: right;
  264. }
  265.  
  266. div.post.reply p {
  267.   margin: 0.3em 0 0 0;
  268. }
  269.  
  270. div.post.reply div.body {
  271.   margin-left: 1.8em;
  272.   margin-top: 0.8em;
  273.   padding-right: 3em;
  274.   padding-bottom: 0.3em;
  275. }
  276.  
  277. div.post.reply.highlighted {
  278.   background: #D6BAD0;
  279. }
  280.  
  281. div.post.reply div.body a {
  282.   color: #D00;
  283. }
  284.  
  285. div.post {
  286.   padding-left: 20px;
  287. }
  288.  
  289. div.post div.body {
  290.   word-wrap: break-word;
  291.   white-space: pre-wrap;
  292. }
  293.  
  294. div.post.reply {
  295.   background: #001522;
  296.   margin: 0.2em 4px;
  297.   padding: 0.2em 0.3em 0.5em 0.6em;
  298.   border-width: 1px;
  299.   border-style: none solid solid none;
  300.   border-color: #003252;
  301.   display: inline-block;
  302.   max-width: 94%!important;
  303.   color: #8176c3;
  304. }
  305.  
  306. span.trip {
  307.   color: #228854;
  308. }
  309.  
  310. span.quote {
  311.   color: #789922;
  312. }
  313.  
  314. span.omitted {
  315.   display: block;
  316.   margin-top: 1em;
  317. }
  318.  
  319. br.clear {
  320.   clear: left;
  321.   display: block;
  322. }
  323.  
  324. span.controls {
  325.   float: right;
  326.   margin: 0;
  327.   padding: 0;
  328.   font-size: 80%;
  329. }
  330.  
  331. span.controls.op {
  332.   float: none;
  333.   margin-left: 10px;
  334. }
  335.  
  336. span.controls a {
  337.   margin: 0;
  338. }
  339.  
  340. div#wrap {
  341.   width: 900px;
  342.   margin: 0 auto;
  343. }
  344.  
  345. div.ban {
  346.   background: white;
  347.   border: 1px solid #98E;
  348.   max-width: 700px;
  349.   margin: 30px auto;
  350. }
  351.  
  352. div.ban p,div.ban h2 {
  353.   padding: 3px 7px;
  354. }
  355.  
  356. div.ban h2 {
  357.   background: #98E;
  358.   color: black;
  359.   font-size: 12pt;
  360. }
  361.  
  362. div.ban p {
  363.   font-size: 12px;
  364.   margin-bottom: 12px;
  365. }
  366.  
  367. div.ban p.reason {
  368.   font-weight: bold;
  369. }
  370.  
  371. span.heading {
  372.   color: #AF0A0F;
  373.   font-size: 11pt;
  374.   font-weight: bold;
  375. }
  376.  
  377. span.spoiler {
  378.   background: black;
  379.   color: black;
  380.   padding: 0 1px;
  381. }
  382.  
  383. div.post.reply div.body span.spoiler a {
  384.   color: black;
  385. }
  386.  
  387. span.spoiler:hover,div.post.reply div.body span.spoiler:hover a {
  388.   color: white;
  389. }
  390.  
  391. div.styles {
  392.   float: right;
  393.   padding-bottom: 20px;
  394. }
  395.  
  396. div.styles a {
  397.   margin: 0 10px;
  398. }
  399.  
  400. div.styles a.selected {
  401.   text-decoration: none;
  402. }
  403.  
  404. table.test {
  405.   width: 100%;
  406. }
  407.  
  408. table.test td,table.test th {
  409.   text-align: left;
  410.   padding: 5px;
  411. }
  412.  
  413. table.test tr.h th {
  414.   background: #98E;
  415. }
  416.  
  417. table.test td img {
  418.   margin: 0;
  419. }
  420.  
  421. fieldset label {
  422.   display: block;
  423. }
  424.  
  425. div.pages {
  426.     color: #8176c3;
  427.     background: #001522;
  428.     display: inline-block;
  429.     padding: 8px;
  430.     margin: 8px 0 4px 0;
  431.     border-right: 1px solid #003252;
  432.     border-bottom: 1px solid #003252;
  433. }
  434.  
  435. div.pages.top {
  436.   display: block;
  437.   padding: 5px 8px;
  438.   margin-bottom: 5px;
  439.   position: fixed;
  440.   top: 0;
  441.   right: 0;
  442.   opacity: 0.9;
  443. }
  444.  
  445. @media screen and (max-width: 800px) {
  446.   div.pages.top {
  447.     display: none!important;
  448.   }
  449. }
  450.  
  451. div.pages a.selected {
  452.   color: black;
  453.   font-weight: bolder;
  454. }
  455.  
  456. div.pages a {
  457.   text-decoration: none;
  458. }
  459.  
  460. div.pages form {
  461.   margin: 0;
  462.   padding: 0;
  463.   display: inline;
  464. }
  465.  
  466. div.pages form input {
  467.   margin: 0 5px;
  468.   display: inline;
  469. }
  470.  
  471. hr {
  472.   border: none;
  473.   border-top: 1px solid #697988;
  474.   height: 0;
  475.   clear: left;
  476. }
  477.  
  478. div.report {
  479.   color: #333;
  480. }
  481.  
  482. table.modlog {
  483.   margin: auto;
  484.   width: 100%;
  485. }
  486.  
  487. table.modlog tr td {
  488.   text-align: left;
  489.   margin: 0;
  490.   padding: 4px 15px 0 0;
  491. }
  492.  
  493. table.modlog tr th {
  494.   text-align: left;
  495.   padding: 4px 15px 5px 5px;
  496.   white-space: nowrap;
  497. }
  498.  
  499. table.modlog tr th {
  500.   background: #98E;
  501. }
  502.  
  503. td.minimal,th.minimal {
  504.   width: 1%;
  505.   white-space: nowrap;
  506. }
  507.  
  508. div.top_notice {
  509.   text-align: center;
  510.   margin: 5px auto;
  511. }
  512.  
  513. span.public_ban {
  514.   display: block;
  515.   color: red;
  516.   font-weight: bold;
  517.   margin-top: 15px;
  518. }
  519.  
  520. span.toolong {
  521.   display: block;
  522.   margin-top: 15px;
  523. }
  524.  
  525. div.blotter {
  526.   color: red;
  527.   font-weight: bold;
  528.   text-align: center;
  529. }
  530.  
  531. table.mod.config-editor {
  532.   font-size: 9pt;
  533.   width: 100%;
  534. }
  535.  
  536. table.mod.config-editor td {
  537.   text-align: left;
  538.   padding: 5px;
  539.   border-bottom: 1px solid #98e;
  540. }
  541.  
  542. table.mod.config-editor input[type="text"] {
  543.   width: 98%;
  544. }
  545.  
  546. .desktop-style div.boardlist:nth-child(1) {
  547.   position: fixed;
  548.   top: 0;
  549.   left: 0;
  550.   right: 0;
  551.   margin-top: 0;
  552.   z-index: 30;
  553.   box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
  554.   border-bottom: 1px solid;
  555.   background-color: #001522;
  556. }
  557.  
  558. .desktop-style body {
  559.   padding-top: 20px;
  560. }
  561.  
  562. .desktop-style .sub {
  563.   background: inherit;
  564. }
  565.  
  566. .desktop-style .sub .sub {
  567.   display: inline-block;
  568.   text-indent: -9000px;
  569.   width: 7px;
  570.   background: url('img/arrow.png') right center no-repeat;
  571. }
  572.  
  573. .desktop-style .sub .sub:hover,.desktop-style .sub .sub.hover {
  574.   display: inline;
  575.   text-indent: 0;
  576.   background: inherit;
  577. }
  578.  
  579. #attention_bar {
  580.   height: 1.5em;
  581.   max-height: 1.5em;
  582.   width: 100%;
  583.   max-width: 100%;
  584.   text-align: center;
  585.   overflow: hidden;
  586. }
  587.  
  588. #attention_bar_form {
  589.   display: none;
  590.   padding: 0;
  591.   margin: 0;
  592. }
  593.  
  594. #attention_bar_input {
  595.   width: 100%;
  596.   padding: 0;
  597.   margin: 0;
  598.   text-align: center;
  599. }
  600.  
  601. #attention_bar:hover {
  602.   background-color: rgba(100%,100%,100%,0.2);
  603. }
  604.  
  605. .intro.thread-hidden {
  606.   margin: 0;
  607.   padding: 0;
  608. }
  609.  
  610. form.ban-appeal {
  611.   margin: 9px 20px;
  612. }
  613.  
  614. form.ban-appeal textarea {
  615.   display: block;
  616. }
  617.  
  618. .MathJax_Display {
  619.   display: inline!important;
  620. }
  621.  
  622. pre {
  623.   margin: 0;
  624. }
  625.  
  626. .theme-catalog div.thread img {
  627.   float: none!important;
  628.   margin: auto;
  629.   max-height: 150px;
  630.   max-width: 200px;
  631.   box-shadow: 0 0 4px rgba(0,0,0,0.55);
  632.   border: 2px solid rgba(153,153,153,0);
  633. }
  634.  
  635. .theme-catalog div.thread {
  636.   display: inline-block;
  637.   vertical-align: top;
  638.   text-align: center;
  639.   font-weight: normal;
  640.   margin-top: 2px;
  641.   margin-bottom: 2px;
  642.   padding: 2px;
  643.   height: 300px;
  644.   width: 205px;
  645.   overflow: hidden;
  646.   position: relative;
  647.   font-size: 11px;
  648.   max-height: 300px;
  649.   background: rgba(182,182,182,0.12);
  650.   border: 2px solid rgba(111,111,111,0.34);
  651. }
  652.  
  653. .theme-catalog div.thread strong {
  654.   display: block;
  655. }
  656.  
  657. .theme-catalog div.threads {
  658.   text-align: center;
  659.   margin-left: -20px;
  660. }
  661.  
  662. .theme-catalog div.thread:hover {
  663.   background: #D6DAF0;
  664.   border-color: #B7C5D9;
  665. }
  666.  
  667. .theme-catalog div.grid-size-vsmall img {
  668.   max-height: 33%;
  669.   max-width: 95%
  670. }
  671.  
  672. .theme-catalog div.grid-size-vsmall {
  673.   min-width:90px; max-width: 90px;
  674.   max-height: 148px;
  675. }
  676.  
  677. .theme-catalog div.grid-size-small img {
  678.   max-height: 33%;
  679.   max-width: 95%
  680. }
  681.  
  682. .theme-catalog div.grid-size-small {
  683.   min-width:140px; max-width: 140px;
  684.   max-height: 192px;
  685. }
  686.  
  687. .theme-catalog div.grid-size-large img {
  688.   max-height: 40%;
  689.   max-width: 95%
  690. }
  691.  
  692. .theme-catalog div.grid-size-large {
  693.   min-width: 256px; max-width: 256px;
  694.   max-height: 384px;
  695. }
  696.  
  697. .theme-catalog img.thread-image {
  698.   height: auto;
  699.   max-width: 100%;
  700. }
  701.  
  702. @media (max-width: 420px) {
  703.   .theme-catalog ul#Grid {
  704.     padding-left: 18px;
  705.   }
  706.  
  707.   .theme-catalog div.thread {
  708.     width: auto;
  709.     margin-left: 0;
  710.     margin-right: 0;
  711.   }
  712.  
  713.   .theme-catalog div.threads {
  714.     overflow: hidden;
  715.   }
  716. }
  717.  
  718. .compact-boardlist {
  719.   padding: 3px;
  720.   padding-bottom: 0;
  721. }
  722.  
  723. .compact-boardlist .cb-item {
  724.   display: inline-block;
  725.   vertical-align: middle;
  726. }
  727.  
  728. .compact-boardlist .cb-icon {
  729.   padding-bottom: 1px;
  730. }
  731.  
  732. .compact-boardlist .cb-fa {
  733.   font-size: 21px;
  734.   padding: 2px;
  735.   padding-top: 0;
  736. }
  737.  
  738. .compact-boardlist .cb-cat {
  739.   padding: 5px 6px 8px 6px;
  740. }
  741.  
  742. .cb-menuitem {
  743.   display: table-row;
  744. }
  745.  
  746. .cb-menuitem span {
  747.   padding: 5px;
  748.   display: table-cell;
  749.   text-align: left;
  750.   border-top: 1px solid rgba(0,0,0,0.5);
  751. }
  752.  
  753. .cb-menuitem span.cb-uri {
  754.   text-align: right;
  755. }
  756.  
  757. .boardlist:not(.compact-boardlist) #watch-pinned::before {
  758.   content: " [ ";
  759. }
  760.  
  761. .boardlist:not(.compact-boardlist) #watch-pinned::after {
  762.   content: " ] ";
  763. }
  764.  
  765. .boardlist:not(.compact-boardlist) #watch-pinned {
  766.   display: inline;
  767. }
  768.  
  769. .boardlist:not(.compact-boardlist) #watch-pinned a {
  770.   margin-left: 3pt;
  771. }
  772.  
  773. .boardlist:not(.compact-boardlist) #watch-pinned a:first-child {
  774.   margin-left: 0pt;
  775. }
  776.  
  777. .compact-boardlist #watch-pinned {
  778.   display: inline-block;
  779.   vertical-align: middle;
  780. }
  781.  
  782. .new-posts {
  783.   opacity: 0.6;
  784.   margin-top: 1em;
  785. }
  786.  
  787. .new-threads {
  788.   text-align: center;
  789. }
  790.  
  791. #options_handler, #alert_handler {
  792.   position: fixed;
  793.   top: 0px;
  794.   left: 0px;
  795.   right: 0px;
  796.   bottom: 0px;
  797.   width: 100%;
  798.   height: 100%;
  799.   text-align: center;
  800.   z-index: 9900;
  801. }
  802.  
  803. #options_background, #alert_background {
  804.   background: black;
  805.   opacity: 0.5;
  806.   position: absolute;
  807.   top: 0px;
  808.   left: 0px;
  809.   right: 0px;
  810.   bottom: 0px;
  811.   width: 100%;
  812.   height: 100%;
  813.   z-index: -1;
  814. }
  815.  
  816. #options_div, #alert_div {
  817.   background-color: #d6daf0;
  818.   border: 1px solid black;
  819.   display: inline-block;
  820.   position: relative;
  821.   margin-top: 20px;
  822. }
  823.  
  824. #options_div {
  825.   width: 620px;
  826.   height: 400px;
  827.   resize: both;
  828.   overflow: auto;
  829. }
  830.  
  831.  
  832.  
  833. #alert_div {
  834.   width: 500px;
  835. }
  836.  
  837. #alert_message {
  838.   text-align: center;
  839.   margin: 13px;
  840.   font-size: 110%;
  841. }
  842.  
  843. .alert_button {
  844.   margin-bottom: 13px;
  845. }
  846.  
  847. #options_div textarea {
  848.   max-width: 100%;
  849. }
  850.  
  851. #options_close, #alert_close {
  852.   top: 0px;
  853.   right: 0px;
  854.   position: absolute;
  855.   margin-right: 3px;
  856.   font-size: 20px;
  857.   z-index: 100;
  858. }
  859.  
  860. #options_tablist {
  861.   padding: 0px 5px;
  862.   left: 0px;
  863.   width: 90px;
  864.   top: 0px;
  865.   bottom: 0px;
  866.   height: 100%;
  867.   border-right: 1px solid black;
  868. }
  869.  
  870. .options_tab_icon {
  871.   padding: 5px;
  872.   color: black;
  873.   cursor: pointer;
  874. }
  875.  
  876. .options_tab_icon.active {
  877.   color: red;
  878. }
  879.  
  880. .options_tab_icon i {
  881.   font-size: 20px;
  882. }
  883.  
  884. .options_tab_icon div {
  885.   font-size: 11px;
  886. }
  887.  
  888. .options_tab {
  889.   padding: 10px;
  890.   position: absolute;
  891.   top: 0px;
  892.   bottom: 10px;
  893.   left: 101px;
  894.   right: 0px;
  895.   text-align: left;
  896.   font-size: 12px;
  897.   overflow-y: auto;
  898. }
  899.  
  900. .options_tab h2 {
  901.   text-align: center;
  902.   margin-bottom: 5px;
  903. }
  904.  
  905. .mobile-style #options_div, .mobile-style #alert_div {
  906.   display: block;
  907.   width: 100%;
  908.   height: 100%;
  909.   margin-top: 0px;
  910. }
  911.  
  912. .mentioned {
  913.   word-wrap: break-word;
  914. }
  915.  
  916. .poster_id {
  917.   cursor: pointer;
  918.   display: inline-block;
  919.   -webkit-user-select: none;
  920.   -moz-user-select: none;
  921.   -ms-user-select: none;
  922.   -o-user-select: none;
  923.   user-select: none;
  924. }
  925. .poster_id:hover {
  926.   color: #800000!important;
  927. }
  928. .poster_id::before {
  929.   content: " ID: ";
  930. }
  931.  
  932. pre {
  933. /* Better code tags */
  934.   max-width:inherit;
  935.   word-wrap:normal;
  936.   overflow:auto;
  937.   display: block!important;
  938.   font-size:9pt;
  939.   font-family:monospace;
  940. }
  941.  
  942. span.pln {
  943.   color:grey;
  944. }
  945.  
  946.  
  947. @media screen and (min-width: 768px) {
  948.   .intro {
  949.     clear: none;
  950.   }
  951.  
  952.   div.post div.body {
  953.     clear: none;
  954.   }
  955. }
  956.  
  957. .clearfix {
  958.     display: block;
  959.     clear: both;
  960.     visibility: hidden;
  961.     overflow: hidden;
  962.    
  963.     font-size: 0px;
  964.     line-height: 0px;
  965.    
  966.     box-sizing: border-box;
  967.     border: none;
  968.     height: 0;
  969.     margin: 0;
  970.     padding: 0;
  971.     width: 100%;
  972.     zoom: 1;
  973. }
  974.  
  975. /* === SPECIFIC PAGES & FEATURES === */
  976.  
  977. /* Board List */
  978. div.boardlist {
  979.     margin-top: 3px;
  980.    
  981.     color: #34345C;
  982.     font-size: 9pt;
  983. }
  984. div.boardlist.bottom {
  985.     margin-top: 12px;
  986.     clear: both;
  987. }
  988. div.boardlist a {
  989.     text-decoration: none;
  990.   color: #8176c3;
  991. }
  992.  
  993. /* Threads */
  994. /* Thread Footer */
  995. #thread-interactions {
  996.     margin: 8px 0;
  997.     clear: both;
  998. }
  999. #thread-links {
  1000.     float: left;
  1001. }
  1002. #thread-links > a {
  1003.     padding-left: none;
  1004.     padding-right: 10px;
  1005. }
  1006. #thread-quick-reply {
  1007.     display: none;
  1008.     position: absolute;
  1009.     left: 50%;
  1010.     right: 50%;
  1011.     text-align: center;
  1012.     width: 100px;
  1013.     margin-left: -50px;
  1014. }
  1015. #thread_stats {
  1016.     float: right;
  1017. }
  1018.  
  1019. #post-moderation-fields {
  1020.     float: right;
  1021.     text-align: right;
  1022. }
  1023. #delete-fields {
  1024. }
  1025. #report-fields {
  1026. }
  1027.  
  1028.  
  1029.  
  1030. /* threadwatcher */
  1031.  
  1032. #watchlist {
  1033.     display: none;
  1034.     max-height: 250px;
  1035.     overflow: auto;
  1036.     border: 1px solid;
  1037.     border-style: none solid solid none;
  1038.     width: 50%;
  1039.     margin: 0 auto;
  1040.     margin-bottom: 10px;
  1041. }
  1042.  
  1043. .watchlist-inner, .watchlist-controls {
  1044.     margin: 0 auto;
  1045.     margin-top: 10px;
  1046.     margin-bottom: 10px;
  1047.     text-align: center;
  1048. }
  1049.  
  1050. #watchlist-toggle, .watchThread, .watchlist-remove, #clearList, #clearGhosts {
  1051.     cursor: pointer;
  1052. }
  1053.  
  1054. #youtube-size input {
  1055.     width: 50px;
  1056. }
  1057.  
  1058. /* File selector */
  1059. .dropzone {
  1060.   color: #000;
  1061.   cursor: default;
  1062.   margin: auto;
  1063.   padding: 0px 4px;
  1064.   text-align: center;
  1065.   min-height: 50px;
  1066.   max-height: 140px;
  1067.   transition: 0.2s;
  1068.   background-color: rgba(200, 200, 200, 0.5);
  1069.   overflow-y: auto;
  1070. }
  1071. .dropzone-wrap {
  1072.   width: 100%;
  1073. }
  1074. .dropzone .file-hint {
  1075.   color: rgba(0, 0, 0, 0.5);
  1076.   cursor: pointer;
  1077.   position: relative;
  1078.   margin-bottom: 5px;
  1079.   padding: 10px 0px;
  1080.   top: 5px;
  1081.   transition: 0.2s;
  1082.   border: 2px dashed rgba(125, 125, 125, 0.4);
  1083. }
  1084. .file-hint:hover, .dropzone.dragover .file-hint {
  1085.   color: rgba(0, 0, 0, 1);
  1086.   border-color: rgba(125, 125, 125, 0.8);
  1087. }
  1088. .dropzone.dragover {
  1089.   background-color: rgba(200, 200, 200, 1);
  1090. }
  1091. .dropzone .file-thumbs {
  1092.   text-align: left;
  1093.   width: 100%;
  1094. }
  1095. .dropzone .tmb-container {
  1096.   padding: 3px;
  1097.   overflow-x: hidden;
  1098.   white-space: nowrap;
  1099. }
  1100. .dropzone .file-tmb {
  1101.   height: 40px;
  1102.   width: 70px;
  1103.   cursor: pointer;
  1104.   display: inline-block;
  1105.   text-align: center;
  1106.   background-color: rgba(187, 187, 187, 0.5);
  1107.   background-size: cover;
  1108.   background-position: center;
  1109. }
  1110. .dropzone .file-tmb span {
  1111.   font-weight: 600;
  1112.   position: relative;
  1113.   top: 13px;
  1114. }
  1115. .dropzone .tmb-filename {
  1116.   display: inline-block;
  1117.   vertical-align: bottom;
  1118.   bottom: 12px;
  1119.   position: relative;
  1120.   margin-left: 5px;
  1121. }
  1122. .dropzone .remove-btn {
  1123.   cursor: pointer;
  1124.   color: rgba(125, 125, 125, 0.5);
  1125.   display: inline-block;
  1126.   vertical-align: bottom;
  1127.   bottom: 10px;
  1128.   position: relative;
  1129.   margin-right: 5px;
  1130.   font-size: 20px
  1131. }
  1132. .dropzone .remove-btn:hover {
  1133.   color: rgba(125, 125, 125, 1);
  1134. }
  1135.  
  1136. #thread_stats {
  1137.   display: inline;
  1138.   margin-left: 10px;
  1139.   margin-right: 10px;
  1140. }
  1141.  
  1142. /* Fileboard */
  1143. table.fileboard th, table.fileboard td {
  1144.   padding: 2px;
  1145.   text-align: center;
  1146. }
  1147. table.fileboard .intro a {
  1148.   margin-left: 0px;
  1149. }
  1150.  
  1151. /* Gallery view */
  1152. #gallery_images {
  1153.   position: absolute;
  1154.   right: 0px;
  1155.   bottom: 0px;
  1156.   top: 0px;
  1157.   width: 12%;
  1158.   background-color: rgba(0, 0, 0, 0.4);
  1159.   overflow: auto;
  1160. }
  1161. #gallery_toolbar {
  1162.   position: absolute;
  1163.   right: 12%;
  1164.   left: 0px;
  1165.   bottom: 0px;
  1166.   height: 32px;
  1167.   background-color: rgba(0, 0, 0, 0.4);
  1168.   text-align: right;
  1169. }
  1170. #gallery_images img {
  1171.   width: 100%;
  1172. }
  1173. #gallery_toolbar a {
  1174.   font-size: 28px;
  1175.   padding-right: 5px;
  1176. }
  1177. #gallery_main {
  1178.   position: absolute;
  1179.   left: 0px;
  1180.   right: 12%;
  1181.   bottom: 32px;
  1182.   top: 0px;
  1183.   padding: 10px;
  1184. }
  1185.  
  1186. #gallery_images img {
  1187.   opacity: 0.6;
  1188.   -webkit-transition: all 0.5s;
  1189.           transition: all 0.5s;
  1190. }
  1191. #gallery_images img:hover, #gallery_images img.active {
  1192.   opacity: 1;
  1193. }
  1194. #gallery_images img.active {
  1195.   -webkit-box-shadow: 0px 0px 29px 2px rgba(255,255,255,1);
  1196.      -moz-box-shadow: 0px 0px 29px 2px rgba(255,255,255,1);
  1197.           box-shadow: 0px 0px 29px 2px rgba(255,255,255,1);
  1198.   z-index: 1;
  1199. }
  1200. #gallery_main img, #gallery_main video {
  1201.   max-width: 100%;
  1202.   max-height: 100%;
  1203.   position: absolute;
  1204. }
  1205. .own_post {
  1206.     font-style: italic;
  1207.     font-weight: normal;
  1208.     opacity: .666;
  1209. }
  1210. div.mix {
  1211.     display: inline-block;
  1212. }
RAW Paste Data
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
 
Top