SHARE
TWEET

doomer vichan css

bvffalo Feb 21st, 2020 (edited) 110 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. body {
  3.   background: none;
  4.   background-color: #111111;
  5.   /*background-image: linear-gradient(to bottom, #040404 0, #040404 2.5rem, #111 6rem);*/
  6.   color: #dddddd !important;
  7.   font-family: "Courier New" !important;
  8.   font-size: 12px !important;
  9. }
  10.  
  11. a {
  12.   color: #d8b1ea !important;
  13. }
  14.  
  15. a:hover {
  16.   color: #8892ff !important;
  17. }
  18.  
  19. h1 {
  20.   font-family: inherit;
  21.   color: #d8b1ea;
  22. }
  23.  
  24. header {
  25.   margin: 2.5rem 0 1rem;
  26. }
  27.  
  28. hr {
  29.   border-color: #dddddd;
  30.   border-top: dotted 1px;
  31. }
  32.  
  33. /*img {
  34.   opacity: .5;
  35. }*/
  36.  
  37. .boardlist:not(.bottom) {
  38.   height: 2.5rem;
  39.   line-height: 2.5rem;
  40.   padding: 0 1rem;
  41.   background-color: #111 !important;
  42.   color: #888;
  43.   font-size: .75rem !important;
  44.  
  45.   border-color: #333;
  46. }
  47.  
  48. .boardlist:not(.bottom) .sub {
  49.   margin-right: .5rem;
  50.   display: inline-block;
  51.   color: transparent !important;
  52. }
  53.  
  54. .boardlist:not(.bottom) .sub[data-description='0'] {
  55.   font-size: .70rem;
  56.   background-color: transparent;
  57. }
  58.  
  59. .boardlist:not(.bottom) a {
  60.   height: 2.5rem;
  61.   display: inline-block;
  62.   padding: 0 .25rem;
  63.   transition: background-color .125s ease;
  64.  
  65.   margin: 0 -.25rem;
  66. }
  67.  
  68. .boardlist:not(.bottom) a:after {
  69.   font-size: .70rem;
  70.   display: inline-block;
  71.   margin-left: .25rem;
  72.   margin-top: -.25rem;
  73. }
  74.  
  75. .boardlist:not(.bottom) a:hover {
  76.   background-color: rgba(255,255,255,.2);
  77.   color: #CCC !important;
  78. }
  79.  
  80. @media all and (min-width: 720px) {
  81.     .boardlist:not(.bottom) a {
  82.       margin: 0;
  83.     }
  84.    
  85.     .boardlist:not(.bottom) .sub [href$='8ch.net']:after {
  86.       content: "Home";
  87.     }
  88.    
  89.     .boardlist:not(.bottom) .sub [href$='boards.html']:after {
  90.       content: "Boards";
  91.     }
  92.    
  93.     .boardlist:not(.bottom) .sub [href$='faq.html']:after {
  94.       content: "FAQ";
  95.     }
  96.    
  97.     .boardlist:not(.bottom) .sub [href$='random.php']:after {
  98.       content: "Random";
  99.     }
  100.    
  101.     .boardlist:not(.bottom) .sub [href$='create.php']:after {
  102.       content: "Create Board";
  103.     }
  104.    
  105.     .boardlist:not(.bottom) .sub [href$='bans.html']:after {
  106.       content: "Bans";
  107.     }
  108.    
  109.     .boardlist:not(.bottom) .sub [href$='search.php']:after {
  110.       content: "Search";
  111.     }
  112.    
  113.     .boardlist:not(.bottom) .sub [href$='mod.php']:after {
  114.       content: "Moderate";
  115.     }
  116.    
  117.     .boardlist:not(.bottom) .sub [href$='ads.html']:after {
  118.       content: "Ads";
  119.     }
  120.    
  121.     .boardlist:not(.bottom) .sub [href$='infinitechan']:after {
  122.       content: "Twitter";
  123.     }
  124.    
  125.     .boardlist:not(.bottom) .sub [href$='claim.html']:after {
  126.       content: "Claims";
  127.     }
  128.    
  129.     .boardlist:not(.bottom) .sub [href$='catalog.html']:after {
  130.       content: "Bugs";
  131.     }
  132. }
  133.  
  134. .boardlist:not(.bottom) .sub[data-description='1'] {
  135.   display: none !important;
  136. }
  137.  
  138. .boardlist:not(.bottom) > :nth-child(4) {
  139.   display: none;
  140. }
  141.  
  142. .boardlist:not(.bottom) > :nth-child(5) {
  143.   display: none;
  144. }
  145.  
  146. .boardlist:not(.bottom) [title='Options'] {
  147.   font-size: 0;
  148. }
  149.  
  150. .boardlist:not(.bottom) [title='Options']:after {
  151.   content: "Options";
  152.   display: inline-block;
  153.   font-size: .75rem;
  154.   margin: 0;
  155. }
  156.  
  157. .board_image {
  158.   margin-top: 2.5rem !important;
  159. }
  160.  
  161.  
  162. .subtitle a,
  163. div:not(.banner) a.unimportant,
  164. #expand-all-images + .unimportant {
  165.   display: inline-block;
  166.   font-size: .575rem;
  167.   border-radius: .15rem;
  168.   background-color: #111111;
  169.   color: #dddddd !important;
  170.   padding: .55rem .5rem;
  171.   text-decoration: none;
  172.   text-transform: uppercase;
  173.   font-weight: bold;
  174.  
  175.  
  176.   overflow: hidden;
  177.   outline: 0 none;
  178.  
  179.   position: relative;
  180. }
  181.  
  182.  
  183. .subtitle a:hover,
  184. div:not(.banner) a.unimportant:hover {
  185.   color: #d8b1ea !important;
  186. }
  187.  
  188. /* Ripple effect */
  189.  
  190. /*@keyframes ripple {
  191.   to { transform: scale(1); opacity: 0; }
  192. }*/
  193.  
  194. .subtitle a:after,
  195. div:not(.banner) a.unimportant:after {
  196.   content: '';
  197.   display: block;
  198.   width: 20rem;
  199.   height: 20rem;
  200.   background-color: #111111;
  201.   border-radius: 100%;
  202.   position: absolute;
  203.   top: 50%;
  204.   left: 50%;
  205.   margin-left: -10rem;
  206.   margin-top: -10rem;
  207.  
  208.   transform: scale(0);
  209.   opacity: 1;
  210.  
  211.   visibility: hidden;
  212. }
  213.  
  214. .subtitle a:not(:active):after,
  215. div:not(.banner) a.unimportant:not(:active):after {
  216.   animation: ripple .5s ease-out;
  217. }
  218.  
  219. .subtitle a:focus:after,
  220. div:not(.banner) a.unimportant:focus:after {
  221.   visibility: visible;
  222. }
  223.  
  224. #expand-all-images {
  225.   display: inline-block;
  226.   padding-right: 1rem;
  227.   padding-left: 1rem;
  228. }
  229.  
  230. #expand-all-images + .unimportant {
  231.   display: inline-block;
  232.   margin-right: 1rem;
  233. }
  234.  
  235. #expand-all-images + .unimportant label {
  236.   font-size: .575rem;
  237. }
  238.  
  239. #expand-all-images + .unimportant input {
  240.   margin: 0;
  241. }
  242.  
  243. #gallery-view {
  244.   display: inline-block;
  245.   right: 0;
  246.   margin-top: 2rem;
  247.   padding-right: 1rem;
  248. }
  249.  
  250. #shrink-all-images {
  251.   display: inline-block;
  252. }
  253.  
  254.  
  255. div.blotter {
  256.   color: #FFF;
  257. }
  258.  
  259. /* Recolor post form */
  260.  
  261. form table tr th {
  262.   background-color: #d8b1ea;
  263.   color: #111111;
  264. }
  265.  
  266.   .dropzone .file-hint
  267.   {
  268.     border: 1px dashed #545454;
  269.     background: #171717;
  270.     color: #d8b1ea;
  271.   }
  272.  
  273.   .dropzone
  274.   {
  275.     background-color: transparent;
  276.     padding: 0;
  277.     min-height: 48px;
  278.     color: #d8b1ea !important;
  279.   }
  280.  
  281. /* File info */
  282.  
  283. .files {
  284.   display: inline;
  285.   float: left;
  286. }
  287.  
  288. .file {
  289.   display: inline-block;
  290. }
  291.  
  292. .fileinfo {
  293.   display: inline-block;
  294.   float: left;
  295.   width: 16rem;
  296.   text-align: right;
  297. }
  298.  
  299. .fileinfo span:first-child {
  300.   font-size: 0;
  301. }
  302.  
  303. .fileinfo span small {
  304.   font-size: .625rem;
  305.   float: right;
  306. }
  307.  
  308. .fileinfo span.unimportant {
  309.   display: block;
  310. }
  311.  
  312. .fileinfo > a:nth-child(2) {
  313.   float: left;
  314. }
  315.  
  316. .file > a {
  317.   display: block;
  318.   clear: both;
  319. }
  320.  
  321. .post-image {
  322.   width: 16rem !important;
  323.   height: auto !important;
  324. }
  325.  
  326. /* Posts */
  327.  
  328. div.post.reply {
  329.   background-color: #111111;
  330.   border-color: #d8b1ea;
  331.   border-style: solid;
  332. }
  333.  
  334. .intro span.subject {
  335.   color: #a5d9bf;
  336. }
  337.  
  338. .intro span.name {
  339.   color: #e8ede0;
  340. }
  341.  
  342. .intro span.capcode {
  343.   color: #e8ede0;
  344. }
  345.  
  346. .intro span.trip {
  347.   color: #8892ff;
  348. }
  349.  
  350. div.post.reply.highlighted {
  351.   background-color: #171219;
  352.   color: #fff;
  353. }
  354.  
  355. /* JS options */
  356.  
  357. #options_div {
  358.   background-color: #333;
  359. }
  360.  
  361. .options_tab_icon {
  362.   color: #FFF;
  363. }
  364.  
  365.  
  366. .theme-catalog div.thread
  367. {
  368.   background: none repeat scroll 0 0 #111111;
  369.   border: 1px solid #d8b1ea;
  370.   display: inline-block;
  371.   font-size: 11px;
  372.   font-weight: normal;
  373.   margin-bottom: 25px;
  374.   margin-left: 20px;
  375.   margin-right: 15px;
  376.   max-height: 200px;
  377.   overflow: hidden;
  378.   padding: 15px;
  379.   position: relative;
  380.   text-align: center;
  381.   vertical-align: top;
  382.   width: 205px !important;
  383. }
  384.  
  385. pre
  386. {
  387.   margin: 0;
  388. }
  389.  
  390.   div.pages
  391.   {
  392.     background: none repeat scroll 0 0 #111111;
  393.     border-bottom: 1px dotted #dddddd;
  394.     border-right: 1px dotted #dddddd;
  395.     color: #dddddd;
  396.     display: inline;
  397.     padding: 5px;
  398.   }
  399.  
  400.   div.post.reply div.body span.spoiler a
  401.   {
  402.     color: black;
  403.   }
  404.  
  405.   span.spoiler a {
  406.     color: #af0a0f !important;
  407.   }
  408.  
  409.   span.spoiler:hover a {
  410.     color: #8892ff !important;
  411.   }
  412.  
  413.   span.spoiler
  414.   {
  415.     background: #af0a0f  none repeat scroll 0% 0%;
  416.     color: #af0a0f;
  417.     padding: 0px 1px;
  418.   }
  419.  
  420.   span.spoiler:hover
  421.   {
  422.     background: transparent none repeat scroll 0% 0% !important;
  423.     color: white !important;
  424.     padding: 0px 1px;
  425.   }
  426.  
  427.   span.spoiler:hover, div.post.reply div.body span.spoiler:hover a
  428.   {
  429.     color: white;
  430.   }
  431.  
  432.   .intro span.capcode,
  433. p.intro a.capcode,
  434. p.intro a.nametag
  435.   {
  436.     color: red;
  437.     margin-left: 0;
  438.   }
  439.  
  440. /* Greentext Meme-arrows Quoting */
  441.   .quote
  442.   {
  443.     color: #17b23e;
  444.   }
  445.  
  446.  
  447. /*
  448.   a:link,
  449. a:visited,
  450. p.intro a.email span.name
  451.   {
  452.     color: #41cdff;
  453.   }
  454. */
  455.  
  456.  
  457.   .watchThread
  458.   {
  459.     font-size: 0px;
  460.   }
  461.  
  462.   .watchThread:before
  463.   {
  464.     content: "[◮]";
  465.     font-size: 13px;
  466.   }
  467.  
  468.  
  469.   div.blotter
  470.   {
  471.     color: #a5d9bf;
  472.   }
  473.  
  474.   .options_tab, #options_tablist
  475.   {
  476.     background-color: #111111 !important;
  477.   }
  478.  
  479.   .options_tab_icon
  480.   {
  481.     padding: 5px;
  482.     color: #FF;
  483.     cursor: pointer;
  484.   }
  485.  
  486.   .options_tab_icon.active
  487.   {
  488.     padding: 5px;
  489.     color: #d8b1ea;
  490.     cursor: pointer;
  491.   }
  492.  
  493.   h2
  494.   {
  495.     color: #d8b1ea;
  496.   }
  497.  
  498.   header div.subtitle, h1
  499.   {
  500.     color: white;
  501.     text-align: center;
  502.   }
  503.  
  504.  
  505.  
  506. .box-title
  507.   {
  508.     background: #4779B1 none repeat scroll 0% 0%;
  509.     color: white;
  510.   }
  511.  
  512.  
  513.   textarea
  514.   {
  515.     border: #d8b1ea 1px solid;
  516.     background-color: #111111;
  517.     color: #dddddd;
  518.     min-height: 19px;
  519.     min-width: 400px;
  520.   }
  521.  
  522.   input
  523.   {
  524.     background: #111111;
  525.     color: #dddddd;
  526.     border: 1px solid #d8b1ea !important;
  527.   }
  528.  
  529.   div.banner
  530.   {
  531.     background-color: transparent;
  532.     padding: 1px;
  533.   }
  534.  
  535.  td > form table tr th, td
  536.   {
  537.     background: #111111;
  538.   }
  539.  
  540.   #options_div, #alert_div
  541.   {
  542.     background-color: #111111;
  543.     border: 1px solid #d8b1ea;
  544.   }
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