API tools faq
paste
Guest User

goldsrc theme 1.1

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