API tools faq
paste
Guest User

Goldsrc Theme

a guest
Jul 31st, 2026
23
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 22.93 KB | Source Code | 0 0
raw download clone embed print report
  1. /* Made by misaki_mei_fan at https://soybooru.com/user/misaki_mei_fan 31/07/2026 18:00 UTC-5 */
  2.  
  3. :root{
  4.   --bg:#4a5942;
  5.   --secondary-bg:#3e4637;
  6.   --accent:#c4b550;
  7.   --secondary-accent:#958831;
  8.   --text:#dedfd6;
  9.   --secondary-text:#d8ded3;
  10.   --text-3:#a0aa95;
  11.   --border-light:#8c9284;
  12.   --border-dark:#292c21;
  13.   --disabled-text:#292c21;
  14.   --disabled-text-shadow:#75806f;
  15.   --outline:#000;
  16.   --slider:#7f8c7f;
  17.   --slider-bg:#1f1f1f;
  18.   --scrollbar-track:#5a6a50;
  19.   --ui-font: ArialPixel, system-ui, sans-serif;
  20. }
  21.  
  22. @font-face{
  23.   font-family:ArialPixel;
  24.   font-style:normal;
  25.   font-weight:400;
  26.   src:url(https://cdn.jsdelivr.net/gh/ekmas/cs16.css@main/ArialPixel.ttf) format("truetype");
  27. }
  28.  
  29. body {
  30.   background: var(--bg);
  31.   color: var(--text);
  32.   font-family: var(--ui-font);
  33.   font-size: 10pt;
  34.   margin: 0 4px;
  35.   padding-left: 4px;
  36.   padding-right: 4px;
  37. }
  38.  
  39. ::-webkit-scrollbar{width:18px}
  40. ::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border:1px solid var(--border-dark);border-left:0;width:18px}
  41. ::-webkit-scrollbar-thumb{background-color:var(--bg);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);width:17px}
  42. ::-webkit-scrollbar-corner{background-color:var(--scrollbar-track)}
  43.  
  44. .bl { text-decoration: none; color: var(--accent); }
  45.  
  46. .box.middle {
  47.   background: var(--secondary-bg);
  48.   color: var(--text);
  49.   border: 1px solid;
  50.   border-color: var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);
  51.   width: 100%;
  52. }
  53. .box.middle h2 {
  54.   background: var(--bg);
  55.   color: var(--accent);
  56.   border-bottom: 1px solid var(--border-dark);
  57.   padding: 4px 6px;
  58. }
  59.  
  60. .hidden { display: none; }
  61. tr:has(.powcaptcha-container) { display: none; }
  62. form table .kaptcha { margin: 0; }
  63.  
  64. .glow { text-shadow: 0px 0px 20px var(--accent), 0px 0px 2px var(--accent); }
  65.  
  66. a, a:visited { text-decoration: underline; color: var(--secondary-text); }
  67. a:hover, .intro a.post_no:hover { color: var(--accent); }
  68. a.post_no { text-decoration: none; margin: 0; padding: 0; color: var(--text-3); }
  69. .intro a.post_no { color: inherit; }
  70. .intro a.post_no, p.intro a.email, p.intro a.post_anchor { margin: 0; }
  71. .intro a.email span.name { color: var(--secondary-text); }
  72. .intro a.email:hover span.name { color: var(--accent); }
  73. .intro label { display: inline; }
  74. .intro time, p.intro a.ip-link, p.intro a.capcode { direction: ltr; unicode-bidi: embed; }
  75.  
  76. h2 { color: var(--accent); font-size: 11pt; margin: 0; padding: 0; }
  77. header { margin: 1em 0; }
  78. h1 { font-family: var(--ui-font); letter-spacing: -1px; font-size: 20pt; margin: 0; }
  79. header div.subtitle, h1 { color: var(--accent); text-align: center; }
  80. header div.subtitle { font-size: 8pt; color: var(--text-3); }
  81.  
  82. form { margin-bottom: 1em; }
  83. form table { margin: auto; }
  84. form table input { height: auto; }
  85.  
  86. input[type="text"], input[type="password"], textarea {
  87.   background-color: var(--secondary-bg);
  88.   border: 1px solid;
  89.   border-color: var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);
  90.   color: var(--secondary-text);
  91.   text-indent: 0;
  92.   text-shadow: none;
  93.   text-transform: none;
  94.   word-spacing: normal;
  95.   max-width: 100%;
  96.   outline: 0;
  97.   padding: 3px 2px 2px;
  98. }
  99. input[type="text"]::selection, textarea::selection { background-color: var(--secondary-accent); color: #fff; }
  100. #quick-reply input[type="text"], input[type="password"], #quick-reply textarea { max-width: 100%; }
  101. textarea { width: 100%; }
  102.  
  103. form table tr td { text-align: left; margin: 0; padding: 0; }
  104. form table.mod tr td { padding: 2px; }
  105. form table tr th { text-align: left; padding: 4px; background: var(--bg); color: var(--accent); border-bottom: 1px solid var(--border-dark); }
  106. form table tr td div.center { text-align: center; float: left; padding-left: 3px; padding-right: 3px; }
  107. form table tr td div input { display: block; margin: 2px auto 0 auto; }
  108. form table tr td div label { font-size: 10px; color: var(--text-3); }
  109.  
  110. button,
  111. input[type="submit"],
  112. input[type="button"],
  113. input[type="reset"] {
  114.   background-color: var(--bg);
  115.   border: 1px solid;
  116.   border-color: var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);
  117.   color: #fff;
  118.   font-family: var(--ui-font);
  119.   font-size: 16px;
  120.   line-height: 15px;
  121.   padding: 4px 5px 3px;
  122.   user-select: none;
  123.   cursor: pointer;
  124. }
  125. button:focus-visible,
  126. input[type="submit"]:focus-visible,
  127. input[type="button"]:focus-visible,
  128. input[type="reset"]:focus-visible {
  129.   outline: 1px solid var(--outline);
  130.   padding: 3px 4px 2px;
  131. }
  132. button:active,
  133. input[type="submit"]:active,
  134. input[type="button"]:active,
  135. input[type="reset"]:active {
  136.   border-color: var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);
  137. }
  138. button:disabled,
  139. input[type="submit"]:disabled,
  140. input[type="button"]:disabled,
  141. input[type="reset"]:disabled {
  142.   color: var(--disabled-text);
  143.   pointer-events: none;
  144.   text-shadow: var(--disabled-text-shadow) 1px 1px;
  145. }
  146. button:hover,
  147. input[type="submit"]:hover,
  148. input[type="button"]:hover,
  149. input[type="reset"]:hover {
  150.   color: var(--accent);
  151. }
  152.  
  153. select {
  154.   appearance: none;
  155.   background-color: var(--secondary-bg);
  156.   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' viewBox='0 0 7 4'%3E%3Cpath fill='%23a0aa95' d='M0 0h1v1H0m1-1h1v1H1m0 0h1v1H1m1-1h1v1H2m0 0h1v1H2m1-1h1v1H3m0 0h1v1H3m0-3h1v1H3M2 0h1v1H2m1-1h1v1H3m1-1h1v1H4m0 1h1v1H4m0-2h1v1H4m1-1h1v1H5m0-2h1v1H5m1-1h1v1H6'/%3E%3C/svg%3E");
  157.   background-position: right 6px top 50%;
  158.   background-repeat: no-repeat;
  159.   background-size: 7px auto;
  160.   border: 1px solid;
  161.   border-color: var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);
  162.   border-radius: 0;
  163.   color: var(--secondary-text);
  164.   font-family: var(--ui-font);
  165.   font-size: 16px;
  166.   line-height: 15px;
  167.   min-width: 150px;
  168.   outline: 0;
  169.   padding: 5px 20px 5px 3px;
  170.   user-select: none;
  171. }
  172. select:focus-within,
  173. select:hover {
  174.   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' viewBox='0 0 7 4'%3E%3Cpath fill='%23fff' d='M0 0h1v1H0m1-1h1v1H1m0 0h1v1H1m1-1h1v1H2m0 0h1v1H2m1 0h1v1H3m0-2h1v1H3m0-2h1v1H3M2 0h1v1H2m1-1h1v1H3m1-1h1v1H4m0 1h1v1H4m0-2h1v1H4m1-1h1v1H5m0-2h1v1H5m1-1h1v1H6'/%3E%3C/svg%3E");
  175. }
  176. select option {
  177.   background-color: var(--bg);
  178.   color: var(--text-3);
  179. }
  180.  
  181. @media screen and (min-width: 480px) { form[name='post'] table { min-width: 480px; } }
  182.  
  183. .unimportant, .unimportant * { font-size: 10px; color: var(--text-3); }
  184.  
  185. .file { float: left; margin-right: 2px; }
  186. .file:not(.multifile) .post-image { float: left; }
  187. .file:not(.multifile) { float: none; }
  188. p.fileinfo { display: block; margin: 0 0 0 20px; color: var(--text-3); }
  189. div.post p.fileinfo { padding-left: 5px; }
  190.  
  191. div.banner {
  192.   background-color: var(--secondary-accent);
  193.   font-size: 12pt;
  194.   font-weight: bold;
  195.   text-align: center;
  196.   margin: 1em 0;
  197.   border: 1px solid;
  198.   border-color: var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);
  199. }
  200. div.banner, div.banner a { color: #fff; }
  201. div.banner a:hover { color: var(--bg); text-decoration: none; }
  202.  
  203. img.banner, img.board_image {
  204.   display: block;
  205.   border: 1px solid;
  206.   border-color: var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);
  207.   margin: 0 auto 0 auto;
  208. }
  209. .post-image { display: block; float: left; margin: 5px 20px 10px 20px; border: none; }
  210. .full-image { max-width:100%; }
  211. div.post .post-image { padding: 5px; margin: 0 20px 0 0; }
  212. div.post img.icon { display: inline; margin: 0 2px; padding: 0; vertical-align: bottom; }
  213. div.post i.fa { margin: 0 4px; font-size: 16px; color: var(--text-3); }
  214.  
  215. div.post.op { margin-right: 20px; margin-bottom: 5px; }
  216. div.post.op hr { border-color: var(--border-dark); }
  217.  
  218. .intro { margin: 0.5em 0; padding: 0; padding-bottom: 0.2em; }
  219. input.delete { float: left; margin: 1px 6px 0 0; }
  220. .intro span.subject { color: var(--accent); font-weight: bold; }
  221. .intro span.name { color: var(--secondary-text); font-weight: bold; }
  222. .intro span.capcode, p.intro a.capcode, p.intro a.nametag { color: var(--secondary-accent); margin-left: 0; }
  223. .intro a { margin-left: 8px; }
  224.  
  225. div.delete { float: right; }
  226. div.post.reply p { margin: 0.3em 0 0 0; }
  227. div.post.reply div.body { margin-left: 1.8em; margin-top: 0.8em; padding-right: 3em; padding-bottom: 0.3em; }
  228. div.post.reply.highlighted { background: var(--secondary-accent); }
  229. div.post.reply div.body a { color: var(--accent); }
  230.  
  231. div.post { padding-left: 20px; }
  232. div.post div.body { word-wrap: break-word; white-space: pre-wrap; }
  233. div.post.reply {
  234.   background: var(--secondary-bg);
  235.   margin: 0.2em 4px;
  236.   padding: 0.2em 0.3em 0.5em 0.6em;
  237.   border: 1px solid;
  238.   border-color: var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);
  239.   display: inline-block;
  240.   max-width: 94% !important;
  241. }
  242.  
  243. span.trip { color: var(--text); font-weight: bold; }
  244. span.quote { color: var(--accent); }
  245. span.quote2 { color: var(--secondary-accent); }
  246. .dead-cite { opacity: 0.40; }
  247. .datamining { background-color: var(--secondary-bg); box-shadow: var(--accent) 0px 0px 2rem 10px; }
  248. span.heading2 { color: var(--accent); font-size: 11pt; font-weight: bold; }
  249. span.omitted { display: block; margin-top: 1em; color: var(--text-3); }
  250. br.clear { clear: left; display: block; }
  251. span.controls { float: right; margin: 0; padding: 0; font-size: 80%; color: var(--text-3); }
  252. span.controls.op { float: none; margin-left: 10px; }
  253. span.controls a { margin: 0; }
  254.  
  255. div#wrap { width: 900px; margin: 0 auto; }
  256.  
  257. div.ban {
  258.   background: var(--secondary-bg);
  259.   border: 1px solid;
  260.   border-color: var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);
  261.   max-width: 700px;
  262.   margin: 30px auto;
  263. }
  264. div.ban p, div.ban h2 { padding: 3px 7px; }
  265. div.ban h2 { background: var(--bg); color: var(--accent); font-size: 12pt; }
  266. div.ban p { font-size: 12px; margin-bottom: 12px; }
  267. div.ban p.reason { font-weight: bold; }
  268.  
  269. span.heading { color: var(--accent); font-size: 11pt; font-weight: bold; }
  270. span.spoiler { background: #000; color: #000; padding: 0 1px; }
  271. div.post.reply div.body span.spoiler a { color: #000; }
  272. span.spoiler:hover, div.post.reply div.body span.spoiler:hover a { color: var(--text); }
  273.  
  274. div.styles { float: right; padding-bottom: 20px; }
  275. div.styles a { margin: 0 10px; }
  276. div.styles a.selected { text-decoration: none; color: var(--accent); }
  277.  
  278. table.test { width: 100%; }
  279. table.test td, table.test th { text-align: left; padding: 5px; }
  280. table.test tr.h th { background: var(--bg); color: var(--accent); }
  281. table.test td img { margin: 0; }
  282.  
  283. fieldset label { display: block; color: var(--text-3); }
  284.  
  285. div.pages {
  286.   color: var(--text-3);
  287.   background: var(--secondary-bg);
  288.   display: inline-block;
  289.   padding: 8px;
  290.   margin: 8px 0 4px 0;
  291.   border: 1px solid;
  292.   border-color: var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);
  293. }
  294. div.pages.top { display: block; padding: 5px 8px; margin-bottom: 5px; position: fixed; top: 0; right: 0; opacity: 0.9; }
  295. @media screen and (max-width: 800px) { div.pages.top { display: none !important; } }
  296. div.pages a.selected { color: var(--accent); font-weight: bolder; }
  297. div.pages a { text-decoration: none; color: var(--text-3); }
  298. div.pages form { margin: 0; padding: 0; display: inline; }
  299. div.pages form input { margin: 0 5px; display: inline; }
  300.  
  301. hr { border: none; border-top: 1px solid var(--border-dark); height: 0; clear: left; }
  302.  
  303. table.modlog { margin: auto; width: 100%; }
  304. table.modlog tr td { text-align: left; margin: 0; padding: 4px 15px 0 0; }
  305. table.modlog tr th { text-align: left; padding: 4px 15px 5px 5px; white-space: nowrap; background: var(--bg); color: var(--accent); }
  306. td.minimal, th.minimal { width: 1%; white-space: nowrap; }
  307.  
  308. div.top_notice { text-align: center; margin: 5px auto; }
  309. span.public_ban { display: block; color: var(--secondary-accent); font-weight: bold; margin-top: 15px; }
  310. span.toolong { display: block; margin-top: 15px; color: var(--text-3); }
  311. div.blotter { color: var(--secondary-accent); font-weight: bold; text-align: center; }
  312.  
  313. table.mod.config-editor { font-size: 9pt; width: 100%; }
  314. table.mod.config-editor td { text-align: left; padding: 5px; border-bottom: 1px solid var(--border-dark); }
  315. table.mod.config-editor input[type="text"] { width: 98%; }
  316.  
  317. .desktop-style div.boardlist:nth-child(1) {
  318.   position: fixed; top: 0; left: 0; right: 0; margin-top: 0; z-index: 30;
  319.   box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
  320.   border-bottom: 1px solid var(--border-dark);
  321.   background-color: var(--secondary-bg);
  322. }
  323. .desktop-style body { padding-top: 20px; }
  324. .desktop-style .sub { background: inherit; }
  325. .desktop-style .sub .sub { display: inline-block; text-indent: -9000px; width: 7px; background: url('img/arrow.png') right center no-repeat; }
  326. .desktop-style .sub .sub:hover, .desktop-style .sub .sub.hover { display: inline; text-indent: 0; background: inherit; }
  327.  
  328. #attention_bar { height: 1.5em; max-height: 1.5em; width: 100%; max-width: 100%; text-align: center; overflow: hidden; background: var(--secondary-bg); }
  329. #attention_bar_form { display: none; padding: 0; margin: 0; }
  330. #attention_bar_input { width: 100%; padding: 0; margin: 0; text-align: center; }
  331. #attention_bar:hover { background-color: var(--bg); }
  332.  
  333. .intro.thread-hidden { margin: 0; padding: 0; }
  334. form.ban-appeal { margin: 9px 20px; }
  335. form.ban-appeal textarea { display: block; }
  336. .MathJax_Display { display: inline !important; }
  337. pre { margin: 0; }
  338.  
  339. .theme-catalog div.thread img { float: none !important; margin: auto; max-height: 150px; max-width: 200px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.55); border: 2px solid var(--border-dark); }
  340. .theme-catalog div.thread {
  341.   display: inline-block; vertical-align: top; text-align: center; font-weight: normal;
  342.   margin-top: 2px; margin-bottom: 2px; padding: 2px; height: 300px; width: 205px;
  343.   overflow: hidden; position: relative; font-size: 11px; max-height: 300px;
  344.   background: none; border: none; color: var(--text);
  345. }
  346. .theme-catalog div.thread strong { display: block; color: var(--accent); }
  347. .theme-catalog div.threads { text-align: center; }
  348. .theme-catalog div.grid-size-vsmall img { max-height: 33%; max-width: 95% }
  349. .theme-catalog div.grid-size-vsmall { min-width: 90px; max-width: 90px; max-height: 148px; }
  350. .theme-catalog div.grid-size-small img { max-height: 33%; max-width: 95% }
  351. .theme-catalog div.grid-size-small { min-width: 140px; max-width: 140px; max-height: 192px; }
  352. .theme-catalog div.grid-size-large img { max-height: 40%; max-width: 95% }
  353. .theme-catalog div.grid-size-large { min-width: 176px; max-width: 176px; max-height: 352px; }
  354. .theme-catalog img.thread-image { height: auto; max-width: 100%; }
  355. @media (max-width: 420px) {
  356.   .theme-catalog div.thread { width: auto; margin-left: 0; margin-right: 0; }
  357.   .theme-catalog div.threads { overflow: hidden; }
  358. }
  359.  
  360. .compact-boardlist { padding: 3px; padding-bottom: 0; }
  361. .compact-boardlist .cb-item { display: inline-block; vertical-align: middle; }
  362. .compact-boardlist .cb-icon { padding-bottom: 1px; }
  363. .compact-boardlist .cb-fa { font-size: 21px; padding: 2px; padding-top: 0; color: var(--text-3); }
  364. .compact-boardlist .cb-cat { padding: 5px 6px 8px 6px; }
  365. .cb-menuitem { display: table-row; }
  366. .cb-menuitem span { padding: 5px; display: table-cell; text-align: left; border-top: 1px solid var(--border-dark); }
  367. .cb-menuitem span.cb-uri { text-align: right; }
  368.  
  369. .boardlist:not(.compact-boardlist) #watch-pinned::before { content: " [ "; }
  370. .boardlist:not(.compact-boardlist) #watch-pinned::after { content: " ] "; }
  371. .boardlist:not(.compact-boardlist) #watch-pinned { display: inline; }
  372. .boardlist:not(.compact-boardlist) #watch-pinned a { margin-left: 3pt; }
  373. .boardlist:not(.compact-boardlist) #watch-pinned a:first-child { margin-left: 0pt; }
  374. .compact-boardlist #watch-pinned { display: inline-block; vertical-align: middle; }
  375.  
  376. .new-posts { opacity: 0.6; margin-top: 1em; }
  377. .new-threads { text-align: center; }
  378.  
  379. #options_handler, #alert_handler { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; text-align: center; z-index: 9900; }
  380. #options_background, #alert_background { background: #000; opacity: 0.6; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; z-index: -1; }
  381. #options_div, #alert_div {
  382.   background-color: var(--bg);
  383.   border: 1px solid;
  384.   border-color: var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);
  385.   display: inline-block;
  386.   position: relative;
  387.   margin-top: 20px;
  388.   color: var(--text);
  389. }
  390. #options_div { width: 620px; height: 400px; resize: both; overflow: auto; }
  391. #alert_div { width: 500px; }
  392. #alert_message { text-align: center; margin: 13px; font-size: 110%; }
  393. .alert_button { margin-bottom: 13px; }
  394. #options_div textarea { max-width: 100%; }
  395. #options_close, #alert_close { top: 0px; right: 0px; position: absolute; margin-right: 3px; font-size: 20px; z-index: 100; color: var(--text-3); }
  396. #options_tablist { padding: 0px 5px; left: 0px; width: 90px; top: 0px; bottom: 0px; height: 100%; border-right: 1px solid var(--border-dark); }
  397. .options_tab_icon { padding: 5px; color: var(--text-3); cursor: pointer; }
  398. .options_tab_icon.active { color: var(--accent); }
  399. .options_tab_icon i { font-size: 20px; }
  400. .options_tab_icon div { font-size: 11px; }
  401. .options_tab { padding: 10px; position: absolute; top: 0px; bottom: 10px; left: 101px; right: 0px; text-align: left; font-size: 12px; overflow-y: auto; }
  402. .options_tab h2 { text-align: center; margin-bottom: 5px; }
  403. .mobile-style #options_div, .mobile-style #alert_div { width: 95%; height: 70%; }
  404.  
  405. .mentioned { word-wrap: break-word; }
  406. .poster_id { cursor: pointer; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; color: var(--text-3); }
  407. .poster_id:hover { color: var(--accent) !important; }
  408. .poster_id::before { content: " ID: "; }
  409.  
  410. pre { max-width: inherit; word-wrap: normal; overflow: auto; display: block !important; font-size: 9pt; font-family: monospace; color: var(--text-3); }
  411. span.pln { color: var(--text-3); }
  412.  
  413. @media screen and (max-width: 768px) {
  414.   .intro { clear: both; }
  415.   div.post div.body { clear: both; }
  416. }
  417.  
  418. .clearfix { display: block; clear: both; visibility: hidden; overflow: hidden; font-size: 0px; line-height: 0px; box-sizing: border-box; border: none; height: 0; margin: 0; padding: 0; width: 100%; }
  419.  
  420. div.boardlist { margin-top: 3px; color: var(--text-3); font-size: 9pt; }
  421. div.boardlist.bottom { margin-top: 12px; clear: both; }
  422. div.boardlist a { text-decoration: none; color: var(--text-3); }
  423.  
  424. #thread-interactions { margin: 8px 0; clear: both; }
  425. #thread-links { float: left; }
  426. #thread-links > a { margin-right: 10px; }
  427. #thread-quick-reply { display: none; position: absolute; left: 50%; right: 50%; text-align: center; width: 100px; margin-left: -50px; }
  428. #thread_stats { float: right; }
  429. #post-moderation-fields { float: right; text-align: right; }
  430.  
  431. #watchlist { display: none; max-height: 250px; overflow: auto; border: 1px solid; border-color: var(--border-dark) var(--border-light) var(--border-light) var(--border-dark); width: 50%; margin: 0 auto; margin-bottom: 10px; background: var(--secondary-bg); }
  432. .watchlist-inner, .watchlist-controls { margin: 0 auto; margin-top: 10px; margin-bottom: 10px; text-align: center; }
  433. #watchlist-toggle, .watchThread, .watchlist-remove, #clearList, #clearGhosts { cursor: pointer; }
  434. #youtube-size input { width: 50px; }
  435.  
  436. .dropzone { cursor: default; margin: auto; padding: 0px 4px; text-align: center; min-height: 50px; max-height: 140px; transition: 0.2s; overflow-y: auto; }
  437. .dropzone-wrap { width: 100%; }
  438. .dropzone .file-hint { opacity: 0.5; cursor: pointer; position: relative; margin-bottom: 5px; padding: 10px 0px; top: 5px; transition: 0.2s; border: 2px dashed var(--border-light); }
  439. .file-hint:hover, .dropzone.dragover .file-hint { opacity: 1; border-color: var(--accent); }
  440. .dropzone.dragover { background-color: var(--secondary-bg); }
  441. .dropzone .file-thumbs { text-align: left; width: 100%; }
  442. .dropzone .tmb-container { padding: 3px; overflow-x: hidden; white-space: nowrap; }
  443. .dropzone .file-tmb { height: 40px; width: 70px; cursor: pointer; display: inline-block; text-align: center; background-color: var(--secondary-bg); background-size: cover; background-position: center; border: 1px solid var(--border-dark); }
  444. .dropzone .file-tmb span { font-weight: 600; position: relative; top: 13px; }
  445. .dropzone .tmb-filename { display: inline-block; vertical-align: bottom; bottom: 12px; position: relative; margin-left: 5px; }
  446. .dropzone .tmb-flag { display: inline-block; float: right; margin-right: 5px; }
  447. .dropzone .remove-btn { cursor: pointer; color: var(--text-3); display: inline-block; vertical-align: bottom; bottom: 10px; position: relative; margin-right: 5px; font-size: 20px }
  448. .dropzone .remove-btn:hover { color: var(--accent); }
  449.  
  450. #thread_stats { display: inline; margin-left: 10px; margin-right: 10px; }
  451.  
  452. table.fileboard th, table.fileboard td { padding: 2px; text-align: center; }
  453. table.fileboard .intro a { margin-left: 0px; }
  454.  
  455. #gallery_images { position: absolute; right: 0px; bottom: 0px; top: 0px; width: 12%; background-color: rgba(0,0,0,.6); overflow: auto; }
  456. #gallery_toolbar { position: absolute; right: 12%; left: 0px; bottom: 0px; height: 32px; background-color: rgba(0,0,0,.6); text-align: right; }
  457. #gallery_images img { width: 100%; }
  458. #gallery_toolbar a { font-size: 28px; padding-right: 5px; color: var(--text-3); }
  459. #gallery_main { position: absolute; left: 0px; right: 12%; bottom: 32px; top: 0px; padding: 10px; }
  460. #gallery_images img { opacity: 0.6; transition: all 0.5s; }
  461. #gallery_images img:hover, #gallery_images img.active { opacity: 1; }
  462.  
  463. a[href^='mailto:sage']::after { content: ' SAGE!'; text-decoration: none; }
  464. a[href^='mailto:supersage']::after { content: ' SUPER SAGE!'; color: var(--secondary-accent); text-decoration: none; }
  465. a[href^='mailto:bump']::after { content: ' BUMP!'; text-decoration: none; }
  466. a[href^='mailto:sage'], a[href^='mailto:bump'], a[href^='mailto:supersage'] { text-decoration: none; }
  467. a[href^='mailto:blacked']::after { content: 'BLACKED!'; color: var(--text); text-decoration: none; background: #000; font-weight: bold; padding-left: 3px; padding-right: 3px; }
  468. a[href^='mailto:bleached']::after { content: 'BLEACHED!'; color: var(--text); text-decoration: none; background: var(--secondary-accent); font-weight: bold; padding-left: 3px; padding-right: 3px; }
  469.  
  470. #gallery_images img.active { box-shadow: 0px 0px 20px 2px var(--accent); z-index: 1; }
  471. #gallery_main img, #gallery_main video { max-width: 100%; max-height: 100%; position: absolute; }
  472.  
  473. .own_post { font-style: italic; font-weight: normal; opacity: .666; }
  474. div.mix { display: inline-block; }
  475. .google-auto-placed:has(ins.adsbygoogle[data-ad-status="unfilled"]), div.post .body .google-auto-placed { display: none !important; }
  476. .grid-li .poll { width: 100%; }
  477. .tmb-flag input { display: block; margin: 2px auto 0 auto !important; }
  478. `;
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!