API tools faq
paste
Guest User

Untitled

a guest
Aug 26th, 2016
67
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 50.68 KB | None | 0 0
raw download clone embed print report
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2.  
  3. @-moz-document domain("4chan.org") {
  4.  
  5. /*---------------------taken from moko's--------------------*/
  6.  
  7. :root{
  8. --head-wg: rgba(16,19,39,0.85) !important;
  9. --backdrop-wg: rgba(63,68,73,1) !important;
  10. --post-wg: rgba(27,27,27,1) /*rgba(29,29,29,1)*/ !important;
  11. --alt-wg: rgba(245,245,245,0.1) !important;
  12. --shadow-wg: rgba(0,0,0,0.65) !important;
  13. --highlight-text: rgba(248,187,87,0.95) /*rgba(254,184,28,1)*/ !important;
  14. --navy-text: rgba(138,123,112,1) /*rgba(231,232,241,1)*/ !important;
  15. --red-text: rgba(213,72,93,1) /*rgba(219,49,49,1)*/ !important;
  16. --green-text: #628383 /*rgba(62,132,80,0.65)*/ !important;
  17. --flavor-text: rgba(213,72,93,1) /*rgba(72,129,198,0.8)*/ !important;
  18. --tabby-text: rgba(69,113,230,1) !important;
  19. --shadow-box: rgba(150,150,150,0.95) !important;
  20. --fonttype-text: Roboto, Sans-Serif !important;
  21. }
  22.  
  23. /*------------------HERE BE COLORS---------------------*/
  24.  
  25. /*settings and stats and file info block bg */
  26. .settings-link, span.menu-button, #thread-stats, .container, .fileText{
  27. color: #628383 /*var(--navy-text)*/ !important;
  28. }
  29.  
  30. /* qr and date block bg */
  31. .qr-shortcut, span.dateTime, .yotsuba.fixed:root #custom-board-list .current, .yotsuba-b.fixed:root #custom-board-list .current, .yotsuba-b:root #header-bar:hover, .yotsuba-b:root #board-list a:hover{
  32. color: var(--highlight-text) !important;
  33. }
  34.  
  35. /* quote bg */
  36. div.post div.postInfo span.postNum, div.post div.postInfo span.postNum a{
  37. color: var(--green-text) !important;
  38. }
  39.  
  40. /* watcher and name block bg, quote text */
  41. #watcher-link, .warning, div.post div.postInfo span.nameBlock span.name, div.post div.postInfo span.nameBlock span.postertrip, .nameBlock, .yotsuba_b_new .backlink, /*.quotelink,*/ .yotsuba_b_new .backlink a{
  42. color: var(--red-text) !important;
  43. }
  44.  
  45. /* EAI and subject block bg */
  46. .expand-all-shortcut, .subject, div.post div.postInfo span.subject, #custom-board-list, .yotsuba-b:root #board-list a, .yotsuba:root #board-list a{
  47. color: var(--red-text) !important;
  48. }
  49.  
  50. /*------------------------text colors----------------------*/
  51.  
  52. /* main text */
  53. body, #qr, #thread-watcher, #thread-watcher .refresh, .menu-button .fa, #watched-threads .watcher-title, #watched-threads .watcher-unread, #thread-watcher a, .entry, #qr textarea.field, .right-box, .field, .globalMessage, div#boardNavDesktop, table.postForm > tbody > tr > td:first-child, input[type="text"], input[type="password"], table.postForm > tbody textarea, #recaptcha_response_field, div#boardNavDesktopFoot, .gal-count{
  54. color: var(--navy-text) !important;
  55. }
  56.  
  57. /* links & quoted */
  58. /*a, a:hover,*/ div.post div.postInfo span.postNum a:hover, a.deadlink, a.close, .tab-filter, a.tab-main.tab-selected, #qr-no-file, .yotsuba-b:root .entry, /*#boards a,*/ .boxbar, .deadlink, .gal-name/*,#qr select, select*/{
  59. color: var(--green-text) !important;
  60. }
  61.  
  62. /*located below thread op in normal view*/
  63. /*also color of non-hovered reply links*/
  64. a.replylink:not(:hover){
  65. color: var(--red-text) !important;
  66. transition: 0.05s !important;
  67. }
  68.  
  69. a.quotelink:not(:hover){
  70. color: var(--highlight-text) !important;
  71. transition: 0.05s !important;
  72. opacity: 0.75 !important;
  73. }
  74.  
  75. /*announcement*/
  76. #globalMessage{
  77. margin-top: 5px !important;
  78. color: var(--highlight-text) !important;
  79. background: var(--head-wg) !important;
  80. width: /*500px*/ 100% !important;
  81. /*margin-left: 30px !important;
  82. margin-right: 30px !important;*/
  83. opacity: 0.01 !important;
  84. transition: 0.25s ease-out !important;
  85. border-top-left-radius: 2px !important;
  86. border-top-right-radius: 2px !important;
  87. }
  88.  
  89. #toggleMsgBtn.collapseIcon{
  90. display: none !important;
  91. }
  92.  
  93. #globalMessage:hover{
  94. opacity: 0.9 !important;
  95. transition: 0.25s ease-in !important;
  96. }
  97.  
  98. /*NAVIGATION TEXT COLORS*/
  99. a,
  100. a:hover,
  101. #qr select,
  102. select,
  103. span#totop.btn-wrap > span.button,
  104. #filters-ctrl,
  105. #settings{
  106. color: /*#7ba4ba*/ var(--flavor-text) !important;
  107. transition: 0.25s !important;
  108. }
  109.  
  110. #boards a,
  111. span.boardList a,
  112. span.customboardList{
  113. color: var(--red-text) !important;
  114. }
  115.  
  116. span.boardList a:hover,
  117. span.customboardList:hover{
  118. color: var(--green-text) !important;
  119. }
  120.  
  121. /*set colors for some buttons in thread view*/
  122. div.navLinks.desktop > label:hover,
  123. input:hover,
  124. div.navLinks > span:hover,
  125. div.navLinks.desktop > span:hover{
  126. color: var(--red-text) !important;
  127. }
  128.  
  129. /*start a new thread, post reply*/
  130. div#togglePostFormLink.desktop,
  131. div#togglePostFormLink.desktop > a{
  132. font-size: 12px !important;
  133. font-weight: unset !important;
  134. text-decoration: unset !important;
  135. color: var(--flavor-text) !important;
  136. }
  137.  
  138. /*text color in search bars*/
  139. #qf-ctrl{
  140. color: var(--red-text) !important;
  141. }
  142.  
  143. /*green text*/
  144. blockquote > span.quote{
  145. color: var(--green-text) !important; /*var(--third-text) !important;*/
  146. }
  147.  
  148. /*catalog stats and post titles*/
  149. div#meta,
  150. .meta,
  151. div.teaser b{
  152. font-weight: unset !important;
  153. text-decoration: none !important;
  154. }
  155.  
  156. div.teaser b{
  157. color: var(--flavor-text) !important;
  158. }
  159.  
  160. .meta,
  161. .meta b{
  162. color: var(--red-text) !important;
  163. text-shadow: none !important;
  164. text-transform: none !important;
  165. text-decoration-style: unset !important;
  166. }
  167.  
  168. /*board titles*/
  169. .div.boardTitle, .yotsuba-b:root div.boardTitle,
  170. div.boardTitle{
  171. display: inherit !important;
  172. color: var(--red-text) !important;
  173. padding: 5px !important;
  174. background: transparent !important;
  175. }
  176.  
  177. /*boardlist*/
  178. span.boardList,
  179. span.customboardList{
  180. color: var(--alt-wg) !important;
  181. }
  182.  
  183. /*main controls*/
  184. div.navLinks.desktop,
  185. div#ctrl-top.desktop,
  186. span.navLinks.navLinksBottom.mobilebtn{
  187. color: var(--highlight-text) !important;
  188. }
  189.  
  190. .navLinks a:hover,
  191. div#ctrl-top.desktop a:hover,
  192. div.navLinks:nth-child(19) > label:nth-child(6):hover,
  193. span#totop.btn-wrap > span.button:hover{
  194. color: var(--highlight-text) !important;
  195. }
  196.  
  197. /*pull out stats*/
  198. .thread-stats:hover,
  199. div.navLinks:nth-child(19) > span:nth-child(7):hover{
  200. color: var(--highlight-text) !important;
  201. }
  202.  
  203. /*search in normal*/
  204. #search-box{
  205. color: var(--red-text) !important;
  206. }
  207.  
  208. /*brackets normal view*/
  209. div.pagelist.desktop,
  210. .pagelist{
  211. color: var(--alt-wg) !important;
  212. }
  213.  
  214. div.prev a:hover{
  215. color: var(--green-text) !important;
  216. }
  217.  
  218. div.pagelist div.pages a:hover,
  219. div.pagelist.desktop:hover{
  220. color: var(--highlight-text) !important;
  221. transition: 0.25s ease-in !important;
  222. }
  223.  
  224. /*bracket color in catalog search*/
  225. span.btn-wrap:nth-child(5){
  226. color: rgba(255,255,255,0) !important;
  227. }
  228.  
  229. /* notifications */
  230. .message{
  231. background-color: var(--post-wg) !important;
  232. color: var(--navy-text) !important;
  233. text-shadow: none !important;
  234. }
  235.  
  236. #filters-add:hover{
  237. color: var(--highlight-text) !important;
  238. }
  239.  
  240. #filters-save:hover{
  241. color: var(--highlight-text) !important;
  242. }
  243.  
  244. span#navtopright:hover{
  245. color: var(--highlight-text) !important;
  246. transition: 0.25s ease-in !important;
  247. }
  248.  
  249. /*set colors for catalog preview hover*/
  250.  
  251. .post-subject{
  252. color: var(--red-text) !important;
  253. }
  254.  
  255. .post-author{
  256. color: var(--highlight-text) !important;
  257. }
  258.  
  259. .post-tripcode{
  260. color: var(--red-text) !important;
  261. }
  262.  
  263. .post-teaser{
  264. color: var(--flavor-text) !important;
  265. }
  266.  
  267. .post-page{
  268. color: var(--green-text) !important;
  269. }
  270.  
  271. .post-last{
  272. color: var(--navy-text) !important;
  273. }
  274.  
  275.  
  276. /*-------------actual bg colors----------------------*/
  277.  
  278. /* reply bg */
  279. div.reply, .catalog-mode:root .board, .inline .post{
  280. background-color: var(--post-wg) !important;
  281. /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAA0SURBVFhH7c6hAQAgEMSwg5Fu/93AsMMLUlOb1fZksP0+FgAAAAAAAAAAAAAAAADA74DkApMtAdVRlDfsAAAAAElFTkSuQmCC);
  282. background-repeat: repeat-x !important;
  283. /*width: 100% !important;*/
  284. }
  285.  
  286. /* header bg and main site bg */
  287. div#threadWatcher, body > div#content > div#theme.panel, #header-bar, .yotsuba-b:root:not(.fixed) #header-bar, .boxcontent, .top-box, .left-box, .right-box, #recent-images a{
  288. background: var(--post-wg) !important;
  289. }
  290.  
  291.  
  292.  
  293. /* menus, watcher, linked posts and qr bg */
  294. #thread-watcher, #fourchanx-settings.dialog,
  295. fieldset legend, .yotsuba-b:root .suboption-list > div:last-of-type, .dialog:not(#qr):not(#thread-watcher):not(#header-bar), #fourchanx-settings code, kbd, /*.reply:target, .reply.highlight,*/.yotsuba-b:root .inline{
  296. background: var(--alt-wg) !important;
  297. }
  298.  
  299. /* quoted bg */
  300. .yotsuba:root .inline, .boxbar, #qr select, select{
  301. background: var(--alt-wg) !important;
  302. }
  303.  
  304. /*highlights reply quotes in thread, replied-to links in post*/
  305. .reply:target, .reply.highlight{
  306. color: var(--green-text) !important;
  307. background: rgba(0,0,0,0.75) /*var(--head-wg)*/ !important;
  308. opacity: 1 !important;
  309. transition: 0.05s !important;
  310. border: none !important;
  311. border-style: none !important;
  312. }
  313.  
  314. /*quotes to (you) border color*/
  315. .highlight-you:root .quotesYou.opContainer,
  316. .highlight-you:root .quotesYou > .reply{
  317. border-top: 1px dotted var(--red-text) !important;
  318. border: none !important;
  319. border-style: none !important;
  320. transition: 0.05s !important;
  321. }
  322.  
  323. :root.highlight-own .yourPost.opContainer{
  324. border-top: 1px dotted var(--highlight-text) !important;
  325. border: none !important;
  326. border-style: none !important;
  327. transition: 0.05s !important;
  328. }
  329. :root.highlight-own .yourPost>.reply{
  330. border-top: 1px dotted var(--highlight-text) !important;
  331. border: none !important;
  332. border-style: none !important;
  333. transition: 0.05s !important;
  334. }
  335.  
  336.  
  337. #index-search{
  338. background: var(--post-wg) !important;
  339. padding: 5px !important;
  340. }
  341.  
  342. /*-----------------sets majority of fonts------------------------*/
  343.  
  344. /*changes name field*/
  345. /*.nameBlock>.name{
  346. visibility: hidden !important;
  347. font-size: 0px !important;
  348. }
  349. .nameBlock>.name:before{
  350. visibility: visible !important;
  351. content: 'moot' !important;
  352. font-size: 16px !important;
  353. } */
  354.  
  355. /*any font size changes
  356. *requires adjusting the size and position
  357. *of the as yet un-unified navigation controls*/
  358.  
  359. /* fonts */
  360. body, .dd-menu li, .post.reply, .opContainer, #board-list, #custom-board-list, #menu.dialog, .entry, .yotsuba-b:root .suboption-list > div:last-of-type, option, #qr textarea.field, .field, #index-search.field, #updater.dialog, #thread-stats.dialog, #thread-stats, .boardSubtitle, #thread-watcher, div.post div.postInfo span.nameBlock span.postertrip, div.post div.postInfo span.nameBlock span.name, div.post div.postInfo span.subject, #qr:not(.captcha-open) .captcha-counter > a, #file-n-submit > input, #watcher-link, .settings-link, .expand-all-shortcut, .qr-shortcut, div#boardNavDesktop, .yotsuba_b_new .backlink, .quotelink, div#boardNavDesktop a, table.postForm > tbody > tr > td:first-child, input[type="text"], input[type="password"], table.postForm > tbody textarea, #recaptcha_response_field, div#boardNavDesktopFoot a, #qr select{
  361. font-family: var(--fonttype-text) !important; /*Haxrcorpttf !important;*/ /*Roboto, Sans-Serif*/
  362. font-weight: unset !important;
  363. font-size: 16px !important;
  364. text-decoration: unset !important;
  365. font-style: unset !important;
  366. font-kerning: none !important;
  367. }
  368.  
  369. /*title obviously*/
  370. div.boardBanner > div.boardTitle{
  371. font-family: var(--fonttype-text) !important;
  372. font-size: 36px;
  373. font-weight: bold !important;
  374. text-shadow: 0px 2px 2px var(--shadow-wg) !important;
  375. letter-spacing: 4px !important;
  376. margin-top: 0px !important;
  377. margin-bottom: 4px !important;
  378. border: none;
  379. /*text-shadow: 3px 3px 1px #000000 !important;*/
  380. }
  381.  
  382. /*catalog stats obviously*/
  383. .meta,
  384. .meta b{
  385. font-size: 16px !important;
  386. font-family: var(--fonttype-text) !important;
  387. font-style: normal !important;
  388. font-weight: unset !important;
  389. }
  390.  
  391. /*settings menu and thread watcher*/
  392. div#threadWatcher,
  393. div#threadWatcher.extPanel.reply,
  394. div#threadWatcher > div#twHeader.drag,
  395. div#threadWatcher.extPanel.reply > div#twHeader.drag,
  396. div#settingsMenu.UIPanel > div.extPanel.reply,
  397. body > div#content > div#theme.panel,
  398. div#settingsMenu.UIPanel > div.extPanel.reply > div.panelHeader,
  399. body > div#content > div#theme.panel > div.panelHeader,
  400. body > div#content > div#theme.panel > h4,
  401. textarea#theme-css,
  402. li.settings-tip{
  403. border: none !important;
  404. border-width: 0px !important;
  405. border-style: none !important;
  406. font-family: Haxrcorpttf !important;
  407. font-style: normal !important;
  408. font-size: 16px !important;
  409. }
  410.  
  411. /*set text for catalog preview hover*/
  412. #post-preview,
  413. .post-author,
  414. .post-subject,
  415. .post-tripcode,
  416. .post-teaser,
  417. .post-page,
  418. .post-page:before,
  419. .post-page:after,
  420. .post-last{
  421. font-family: var(--fonttype-text) !important;
  422. font-weight: unset !important;
  423. font-size: 16px !important;
  424. text-decoration: -moz-none !important;
  425. text-align: center !important;
  426. }
  427.  
  428. /*set text for quick reply UI*/
  429. #quickReply textarea,
  430. div#qrHeader.drag.postblock,
  431. input#qrFile,
  432. #quickReply input[type="submit"],
  433. .postblock,
  434. #quickReply input[type="text"],
  435. #quickReply textarea,
  436. #quickReply #recaptcha_response_field,
  437. .extPanel input[type="text"], .extPanel textarea,
  438. #qrCaptchaContainer,
  439. #qrCaptchaContainer > div > div{
  440. font-family: var(--fonttype-text) !important;
  441. font-weight: unset !important;
  442. font-size: 16px !important;
  443. text-decoration: unset !important;
  444. }
  445.  
  446. /*buttons*/
  447.  
  448. .settings-link.fa-wrench:before, .qr-shortcut:before, #watcher-link:before{
  449. font-family: var(--fonttype-text) !important;
  450. font-weight: unset !important;
  451. font-size: 16px !important;
  452. }
  453.  
  454. /*forgot what this linked to because >nth-child*/
  455. #ft > ul:nth-child(1),
  456. #site-stats > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1),
  457. #popular-threads > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1),
  458. #boards > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1){
  459. font-family: var(--fonttype-text) !important;
  460. font-weight: unset !important;
  461. font-size: 16px !important;
  462. text-decoration: unset !important;
  463. }
  464.  
  465. span.postNum a:hover{
  466. font-family: var(--fonttype-text) !important;
  467. }
  468.  
  469. /*-----------------presentation--------------------------*/
  470.  
  471. /*front page*/
  472. div#popular-threads.box-outer.top-box,
  473. div#boards.box-outer.top-box,
  474. div#site-stats.box-outer.top-box{
  475. box-shadow: 3px 3px 0px var(--shadow-wg) !important;
  476. }
  477.  
  478. /*background behind the post replies*/
  479. body, html{
  480. padding-top: /*30*/20px !important; /*das ist meine*/
  481. padding-bottom: /*10*/5px !important;
  482. /*background: var(--backdrop-wg) !important;*/
  483. /*background: var(--head-wg) !important;*/
  484. /*background-image: url("file:///C:/Users/Milo/Wallpapers - Seasonal/1462745910165.jpg") !important;*/
  485. /*background-image: url("file:///C:/Users/Milo/Wallpapers - Seasonal/1447113865606.jpg") !important;*/
  486. background-image: url("file:///C:/Users/Milo/Wallpapers - Seasonal/Wallpaper - source -g-.jpg") !important;
  487. /*background-image: url("file:///C:/Users/Milo/Wallpapers - Seasonal/gaussian blur again.png") !important;*/
  488. background-size: cover !important;
  489. background-repeat: no-repeat !important;
  490. background-attachment: fixed !important;
  491. background-position: center center !important;
  492. margin: auto !important;
  493. }
  494.  
  495. #quote-preview /*affects OP link hover and hover post bodies*/{
  496. display: inherit /*inline-block*/ !important;
  497. z-index: 1050 !important; /*if turned off, visibly goes under navigation*/
  498. background: var(--post-wg) !important;
  499. border: none !important;
  500. color: var(--flavor-text) !important;
  501. border-top: 1px ridge !important;
  502. border-bottom: 1px ridge !important;
  503. border-left: 1px ridge !important;
  504. border-right: 1px ridge !important;
  505. border-color: var(--shadow-wg) !important;
  506. font-weight: unset !important;
  507. word-wrap:break-word !important;
  508. box-shadow: 5px 5px 5px 3px var(--shadow-wg) !important;
  509. /*transition: 0.01s cubic-bezier !important;*/
  510. /*width: 35% !important;*/
  511. /* max-inline-size: inherit !important;
  512. inline-size: -moz-available !important;*/
  513. /*without width adjustment the displayed preview overflows to the right of the screen, need a real fix*/
  514. }
  515.  
  516. div.postContainer.opContainer/*opening post itself*/{
  517. display: block !important;
  518. background: var(--post-wg) !important;
  519. padding-bottom: 10% !important;
  520. margin-top: 10px !important;
  521. margin-bottom: 23px !important;
  522. box-shadow: 5px 8px 5px 3px var(--shadow-wg) !important;
  523. max-width: 75% !important;
  524. padding-right: 4px !important;
  525.  
  526. border-top: 1px ridge !important;
  527. border-bottom: 1px ridge !important;
  528. border-left: 1px ridge !important;
  529. border-right: 1px ridge !important;
  530. border-color: var(--shadow-wg) !important;
  531. }
  532.  
  533. /*why did moot have this hooked to actual thread apperance*/
  534. .thread{
  535. /*display: block !important;
  536. max-block-size: 250px !important;*/
  537. /*padding-left: 19px !important;*/
  538. padding-right: 5px !important;
  539. padding-bottom: 10px !important;
  540. padding-top: 10px !important;
  541. max-height: 100% !important;
  542. background-color: /*var(--alt-wg)*/ rgba(0,0,0,0.0) /*rgba(9,8,39,0.1)*/ /*rgba(164,171,219,0.2)*/ !important;
  543. border-bottom-left-radius: 0px !important;
  544. border-bottom-right-radius: 0px !important;
  545. margin-bottom: 10px !important;
  546. z-index: 1030 !important;
  547. margin-left: 10px !important;
  548. }
  549.  
  550. /*affects the small catalog viewing of threads*/
  551. div#threads.extended-small{
  552. margin: 0px 200px 0px !important;
  553. }
  554.  
  555. /*replies in a thread*/
  556. div.thread div.reply{
  557. display: inline-block !important;
  558. margin-top: 5px !important;
  559. margin-bottom: 15px !important;
  560. padding-bottom: 10px !important;
  561. width: 75% !important;
  562. word-wrap: break-word !important;
  563. border-right-width: 0px !important;
  564. border-style: unset !important;
  565. border-bottom: 0px !important;
  566. box-shadow: 5px 8px 5px 3px var(--shadow-wg) !important;
  567. z-index: 1030 !important;
  568. opacity: 1 !important;
  569. min-height: 120px !important;
  570. padding-top: 3px !important;
  571.  
  572. border-top: 1px ridge !important;
  573. border-bottom: 1px ridge !important;
  574. border-left: 1px ridge !important;
  575. border-right: 1px ridge !important;
  576. border-color: var(--shadow-wg) !important;
  577. }
  578.  
  579. /*influences formatting of quotes, becomes big stack of quote links*/
  580. div.thread div.reply .postInfo.desktop{
  581. transition: 0.25s ease-in !important;
  582. padding-top: 5px !important;
  583. margin-bottom: 5px !important;
  584. text-indent: 3px !important;
  585.  
  586.  
  587. }
  588.  
  589. .sideArrows{
  590. display: none !important;
  591. }
  592.  
  593. /*[code]install gentoo[/code]*/
  594. .prettyprint{
  595. border: medium none !important;
  596. padding: 5px !important;
  597. display: block !important;
  598. box-shadow: 3px 3px 0px var(--head-wg) !important;
  599. max-height: 400px !important;
  600. overflow-x: auto !important;
  601. overflow-y: auto !important;
  602. max-width: 600px !important;
  603. margin: auto !important;
  604. background: var(--alt-wg) !important;
  605. font-family: Haxrcorpttf !important;
  606. font-size: 16px !important;
  607. font-kerning: unset !important;
  608. text-decoration: none !important;
  609. text-shadow: none !important;
  610. border-top: 1px dotted !important;
  611. border-bottom: 1px dotted !important;
  612. border-left: 1px dotted !important;
  613. border-right: 1px dotted !important;
  614. border-color: var(--shadow-box) !important;
  615. font-weight: unset !important;
  616. box-shadow: 3px 3px 0px 0px var(--shadow-wg) !important;
  617. }
  618.  
  619. /*stolen from twily's*/
  620. .prettyprint .str, .prettyprint .atv { color: #d54a56 !important; } /* red */
  621. .prettyprint .typ, .prettyprint .atn { color: #84bd3f !important; } /* green */
  622. .prettyprint .kwd { color: #cb873d !important; } /* yellow */
  623. .prettyprint .com, .prettyprint .dec { color: #6f67e6 !important; } /* blue */
  624. .prettyprint .lit { color: #d753a4 !important; } /* purple */
  625. .prettyprint .pun, .prettyprint .tag { color: #45b791 !important; } /* cyan */
  626. .prettyprint .pln { color: rgba(0,0,0,0.95)/*#CECFD1*/ !important; } /* black now, white before */
  627.  
  628. /*drop down arrow REPORT U menu*/
  629. .dd-menu li{
  630. cursor: pointer !important;
  631. background: var(--post-wg) !important;
  632. color: var(--red-text) !important; /*text color in menu*/
  633. border-style: none !important;
  634. position: relative;
  635. padding: 4px 4px !important;
  636. border-width: 0px !important;
  637. /*box-shadow: 3px 3px 0px 0px var(--shadow-box) !important;*/
  638. box-shadow: 5px 5px 5px 3px var(--shadow-wg) !important;
  639. }
  640.  
  641. div#post-menu.dd-menu > ul{
  642. border-width: 1px !important;
  643. border-color: var(--shadow-wg) !important;
  644. }
  645.  
  646. /*checkmark box beside posts*/
  647. div.post div.postInfo > input{
  648. float: right !important;
  649. }
  650.  
  651. div.post div.file .fileThumb{
  652.  
  653. }
  654.  
  655. div.post div.postInfo{
  656.  
  657. }
  658.  
  659. div.backlink > span > a.quotelink{
  660. display: inline-flex !important;
  661. }
  662.  
  663. /*----preview data in catalog when hovering over image-----*/
  664.  
  665. #post-preview{
  666. background: var(--post-wg) !important;
  667. padding: 5px 8px 4px 8px !important;
  668. word-wrap: break-word !important;
  669. white-space: pre-line !important;
  670. max-width: 500px !important;
  671. box-shadow: 2px 2px 0px var(--shadow-wg) !important;
  672. border-radius: unset !important;
  673. color: var(--potato-text) !important;
  674. }
  675.  
  676. /*---------------posted preview in catalog-----------------*/
  677. .extended-small .teaser,
  678. .extended-large .teaser{
  679. min-height: 200px !important;
  680. max-height: 200px !important;
  681. text-overflow: inherit !important;
  682. overflow: hidden !important;
  683. text-align: -moz-center !important;
  684. background-color: var(--post-wg) /*rgba(16,19,39,0.75)*/ !important;
  685. margin-top: 3px !important;
  686. border-bottom-left-radius: 0px !important;
  687. border-bottom-right-radius: 0px !important;
  688. box-shadow: 3px 3px 0px var(--shadow-wg) !important;
  689. border-top-left-radius: 0px !important;
  690.  
  691. }
  692.  
  693.  
  694. /*attempt to unify dimensions of thumbnails in catalog*/
  695. .extended-small >.thread > a > .thumb{
  696. object-fit:cover !important;
  697. }
  698.  
  699. /*thumbnails in catalog view*/
  700. .extended-small >.thread > a > /*.thread img*/ .thumb:not(.expanded-thumb){
  701. width: 150px !important;
  702. height: 150px !important;
  703. opacity: 0.95 !important;
  704. transition: 0.25s ease-in !important;
  705.  
  706. }
  707.  
  708. .extended-small >.thread > a > /*.thread img*/ .thumb:not(.expanded-thumb):hover{
  709. opacity: 1 !important;
  710. transition: 0.25s ease-out !important;
  711. }
  712.  
  713. div.teaser{
  714. /*color: rgba(250,250,250,0.7) !important;*/
  715. color: var(--navy-text) !important;
  716. }
  717.  
  718. /*catalog stats meta background*/
  719. .meta{
  720. display: inline-block !important;
  721. padding-bottom: 4px !important;
  722. padding-top: 4px !important;
  723. background-color: var(--post-wg) !important;
  724. width: 100% !important;
  725. box-shadow: 3px 3px 0px var(--shadow-wg) !important;
  726. border-top-left-radius: 5px !important;
  727. opacity: 1 !important;
  728.  
  729. }
  730.  
  731. /*--------------quick reply UI-----------------------*/
  732.  
  733. #quickReply textarea{
  734. min-width: 296px !important;
  735. max-width: 296px !important;
  736. min-height:200px !important;
  737. float: left !important;
  738. }
  739.  
  740. #quickReply{
  741. display: block !important;
  742. max-block-size: 300px !important;
  743. max-width: 305px !important;
  744. max-height: 500px !important;
  745. border-top: 1px ridge !important;
  746. border-bottom: 1px ridge !important;
  747. border-left: 1px ridge !important;
  748. border-right: 1px ridge !important;
  749. border-color: var(--shadow-wg) !important;
  750. padding-top: 6px !important;
  751. z-index: 1050 !important;
  752. box-shadow: 5px 8px 5px 3px var(--shadow-wg) !important;
  753. }
  754.  
  755. span#qrSpoiler > label{
  756. display: none !important;
  757. }
  758.  
  759. div#qrHeader.drag.postblock{
  760. color: var(--red-text) !important;
  761. border: none !important;
  762. background: transparent !important;
  763. text-align: left !important;
  764. }
  765.  
  766. input#qrFile,
  767. input#qrFile[focused]{
  768. background: transparent !important;
  769. width: 220px !important;
  770. border-style: none !important;
  771. opacity: 0 !important;
  772. overflow: hidden !important;
  773. transition: 2s !important;
  774. }
  775.  
  776. #qrCaptchaContainer:hover,
  777. #qrCaptchaContainer[focused]{
  778. opacity: 1 !important;
  779. transition: 0.25s !important;
  780. }
  781.  
  782. input#qrFile:hover{
  783. opacity: 1 !important;
  784. transition: 0.25s !important;
  785. }
  786.  
  787. #quickReply input[type="submit"]{
  788. border-style: unset !important;
  789. padding-top: 3px !important;
  790. padding-bottom: 6px !important;
  791. background: transparent !important;
  792. }
  793.  
  794. #quickReply input[type="submit"]:hover{
  795. color: var(--green-text) !important;
  796. }
  797.  
  798. .postblock{
  799. border: none !important;
  800. }
  801.  
  802. #quickReply input[type="text"], #quickReply textarea, #quickReply #recaptcha_response_field{
  803. border: none !important;
  804. outline: none !important;
  805. width: 296px !important;
  806. padding: 2px !important;
  807. margin: 0px 0px 1px !important;
  808. }
  809.  
  810. .extPanel input[type="text"], .extPanel textarea{
  811. border: none !important;
  812. outline: none !important;
  813. }
  814.  
  815. #qrCaptchaContainer{
  816. height: 78px !important;
  817. background: transparent !important;
  818. opacity: 0 !important;
  819. transition: 2s !important;
  820. }
  821.  
  822. #qrCaptchaContainer > div > div{
  823. /*width: 296px !important;*/
  824. background: transparent !important;
  825. padding-left: 0px !important;
  826. padding-top: 1px !important;
  827. padding-bottom: 1px !important;
  828. }
  829.  
  830. #qrForm > div:nth-child(1) > input:nth-child(1){
  831. border-top-right-radius: 10px !important;
  832. }
  833.  
  834. /*---------------------404-----------------*/
  835.  
  836. .boxcontent{
  837. background: transparent !important;
  838. font-family: var(--fonttype-text) !important;
  839. font-weight: unset !important;
  840. font-size: 16px !important;
  841. text-decoration: unset !important;
  842. }
  843.  
  844. div#bd > div.box-outer.top-box,
  845. div#bd > div.box-outer.top-box > div.box-inner > div.boxcontent > img{
  846. box-shadow: 3px 3px 0px var(--shadow-wg) !important;
  847. }
  848.  
  849. .boxbar{
  850. background: transparent !important;
  851. font-family: var(--fonttype-text) !important;
  852. font-weight: unset !important;
  853. font-size: 16px !important;
  854. text-decoration: unset !important;
  855. }
  856.  
  857. #backtoboard{
  858. font-family: var(--fonttype-text) !important;
  859. font-weight: unset !important;
  860. font-size: 16px !important;
  861. text-decoration: unset !important;
  862. }
  863.  
  864. .boxbar > h2:nth-child(1){
  865. font-family: var(--fonttype-text) !important;
  866. font-weight: unset !important;
  867. font-size: 16px !important;
  868. text-decoration: unset !important;
  869. }
  870.  
  871. #logo{
  872. display: none !important;
  873. }
  874.  
  875. #logo > h1:nth-child(1) > a:nth-child(1){
  876. display: none !important;
  877. }
  878.  
  879. /*leads to the built-in temporary archive*/
  880. table#arc-list.flashListing{
  881. background-color: var(--post-wg) !important;
  882. font-size: 16px !important;
  883. }
  884.  
  885. #arc-list,
  886. #arc-list > tbody,
  887. #arc-list > tbody > tr > td{
  888. background: var(--post-wg) !important;
  889. font-size: 16px !important;
  890. box-shadow: 3px 3px 0px var(--shadow-wg) !important;
  891. }
  892.  
  893. #arc-list > tbody > tr >td.name-col > span.name{
  894. color: var(--red-text) !important;
  895.  
  896. }
  897.  
  898. table#arc-list.flashListing > thead > tr > td.postblock{
  899. background: var(--alt-wg) !important;
  900. }
  901.  
  902. /*temporarily offline*/
  903. p.show_content:nth-child(2),
  904. p.show_content:nth-child(5){
  905. font-weight: unset !important;
  906. }
  907.  
  908.  
  909. /*---------------minor effects--------------*/
  910.  
  911. /*catalog thumbnail shadows*/
  912. .thumb{
  913. box-shadow: 3px 3px 0px 0px var(--shadow-wg) !important;
  914. }
  915.  
  916. .thumb:hover{
  917. box-shadow: 3px 3px 0px 0px var(--head-wg) !important;
  918. transition: .15s ease-out !important; /*smoother fade in effect*/
  919. }
  920.  
  921. div.post div.file .fileThumb img{
  922. box-shadow: 3px 3px 0px 0px var(--shadow-wg) !important;
  923. }
  924.  
  925. a.postMenuBtn{
  926. padding-top: 2px !important;
  927. }
  928.  
  929. /*posted reply OP/hover effect*/
  930. div.post div.file .fileThumb img{
  931. margin-top: -8px !important;
  932. transition: 0.05s ease-in !important;
  933. }
  934.  
  935. /*expanded image in OP*/
  936. .post.op > .file.image-expanded > a.fileThumb > img.expanded-thumb{
  937. margin-top: 5px !important;
  938. border-top-left-radius: 10px !important;
  939. border-left: 2px solid var(--shadow-wg)/*var(--post-wg)*/ !important;
  940. border-top: 2px solid var(--shadow-wg)/*var(--post-wg)*/ !important;
  941. }
  942.  
  943. /*expanded image in replies*/
  944. .reply > .file.image-expanded > a.fileThumb > img.expanded-thumb{
  945. /*border-radius: 10px !important;*/
  946. border-left: 2px solid var(--shadow-wg)/*var(--post-wg)*/ !important;
  947. border-top: 2px solid var(--shadow-wg)/*var(--post-wg)*/ !important;
  948. }
  949.  
  950. /*file/image info*/
  951. div.postContainer.opContainer .fileText{
  952. opacity: 0 !important;
  953. /*max-height: 6px !important;*/
  954. transition: 0.15s ease-in !important;
  955. display: inline-flex !important;
  956. transition: 0.15s ease-in !important;
  957. }
  958.  
  959. .reply .fileText{
  960. opacity: 0 !important;
  961. max-height: 6px !important;
  962. transition: 0.15s ease-in !important;
  963. }
  964.  
  965. div.postContainer.opContainer:hover .fileText,
  966. .file.image-expanded .fileText{
  967. opacity: 1 !important;
  968. transition: 0.15s ease-out !important;
  969. /*padding-bottom: 5px !important;
  970. max-height: 22px !important;*/
  971. }
  972.  
  973. .reply:hover .fileText,
  974. .file.image-expanded .fileText{
  975. opacity: 1 !important;
  976. padding-bottom: 5px !important;
  977. transition: 0.15s ease-out !important;
  978. max-height: 22px !important;
  979. }
  980.  
  981. span.dateTime,
  982. span.postNum.desktop,
  983. a.postMenuBtn,
  984. div.backlink
  985. /*a.quotelink*/{
  986. opacity: 0 !important;
  987. transition: 0.15s ease-in !important;
  988. }
  989.  
  990. div.postContainer.opContainer:hover span.dateTime,
  991. div.postContainer.opContainer:hover span.postNum.desktop,
  992. div.postContainer.opContainer:hover a.postMenuBtn,
  993. div.postContainer.opContainer:hover div.backlink,
  994. div.postContainer.opContainer:hover a.quotelink{
  995. opacity: 1 !important;
  996. transition: 0.01s ease-in !important;
  997. }
  998.  
  999. .reply:hover span.dateTime,
  1000. .reply:hover span.postNum.desktop,
  1001. .reply:hover a.postMenuBtn,
  1002. .reply:hover div.backlink,
  1003. .reply:hover a.quotelink{
  1004. opacity: 1 !important;
  1005. transition: 0.01s ease-in !important;
  1006. }
  1007.  
  1008. /*buttons in quick reply and to hide in normal view*/
  1009. #qrClose,
  1010. .extButton.threadHideButton{
  1011. display: block !important;
  1012. opacity: 0 !important;
  1013. transition: 0.25s ease-out !important;
  1014. }
  1015.  
  1016. img#qrClose.extButton{
  1017. margin-right: 0px !important;
  1018. padding-left: 10px !important;
  1019. padding-bottom: 10px !important;
  1020. margin-top: -4px !important;
  1021. }
  1022.  
  1023. #qrClose:hover,
  1024. .extButton.threadHideButton:hover{
  1025. opacity: 0.55 !important;
  1026. transition: 0.25s ease-out !important;
  1027. }
  1028.  
  1029. /*when a post is hidden, this is how it looks*/
  1030. .post-hidden .extButton, .post-hidden:not(#quote-preview) .postInfo{
  1031. opacity: 0.95 !important;
  1032. transition: 0.25s ease-out !important;
  1033. }
  1034.  
  1035. /*from april fools css, thumbnail square images*/
  1036. div.post div.file .fileThumb img{
  1037. object-fit: cover !important; /*cover*/
  1038. }
  1039.  
  1040. div.op div.file .fileThumb img:not(.expanded-thumb){
  1041. width:150px !important;
  1042. height:150px !important;
  1043. margin-top: 5px !important;
  1044. opacity: 0.5 !important;
  1045. }
  1046.  
  1047. div.reply div.file .fileThumb img:not(.expanded-thumb){
  1048. width:100px !important;
  1049. height:100px !important;
  1050. opacity: 0.5 !important;
  1051. }
  1052.  
  1053. div.op div.file .fileThumb img:hover{
  1054. opacity: 1 !important;
  1055. transition: 0.25s !important;
  1056. }
  1057.  
  1058. div.reply div.file .fileThumb img:hover{
  1059. opacity: 1 !important;
  1060. transition: 0.25s !important;
  1061. }
  1062.  
  1063. /*media*/
  1064. .expandedWebm{
  1065. float: left !important;
  1066. width: 100% !important;
  1067. margin-top: 1px !important;
  1068. position: relative !important;
  1069. right: 20px !important;
  1070. opacity: 1 !important;
  1071. }
  1072.  
  1073. /*keep images inline*/
  1074. .expanded-thumb{
  1075. float: left !important;
  1076. margin: auto !important;
  1077. width: 100% !important;
  1078. position: relative !important;
  1079. opacity: 1 !important;
  1080. }
  1081.  
  1082. /*file deleted*/
  1083. .fileDeletedRes,
  1084. .fileDeletedRes.retina,
  1085. .nofile{
  1086. /*display: none !important;*//*-moz-box !important;*/
  1087. opacity: 0.1 !important;
  1088. border-radius: 0px !important;
  1089. background-color: unset !important;
  1090. background-size: unset !important;
  1091. }
  1092.  
  1093. img.fileDeletedRes.retina{
  1094. margin-left: 20px !important;
  1095. }
  1096.  
  1097. /*catalog delete image*/
  1098. .thumb.imgdel{
  1099. display: -moz-box !important;
  1100. opacity: 0.1 !important;
  1101. background-color: black !important;
  1102. /*background-image: url("file:///C:/Users/Milo/Wallpapers - Seasonal/006.jpg") !important;*/
  1103. background-size: cover !important;
  1104. background-repeat: no-repeat !important;
  1105. background-attachment: fixed !important;
  1106. background-position: center center !important;
  1107. /*margin: -20px !important;*/
  1108. }
  1109.  
  1110. .fileDeletedRes /*would otherwise stretch if removed*/
  1111. {
  1112. max-inline-size: 100px !important;
  1113. }
  1114.  
  1115. div.media-embed iframe{
  1116. display:-moz-inline-box !important;
  1117. max-inline-size: 1080px !important;
  1118. width: 100% !important;
  1119. vertical-align: middle !important;
  1120. }
  1121.  
  1122. /*hovered preview of youtube embed link is affected*/
  1123. /*div.reply{
  1124. width: 100% !important;
  1125. }*/
  1126.  
  1127. /*this thread is archived*/
  1128. span.tu-error{
  1129.  
  1130. }
  1131.  
  1132. .closed{
  1133. font-size: 24px !important;
  1134. color: var(--highlight-text) !important;
  1135. text-shadow: 1px 1px rgba(0,0,0,0.3) !important;
  1136. }
  1137.  
  1138.  
  1139. /*--------------------------GARBAGE--------------------------*/
  1140.  
  1141. /*useless blinking animation that fucked 4chanX*/
  1142. .blink{
  1143. animation: none !important;
  1144. }
  1145.  
  1146. hr/*divider line that separates OPs*/{
  1147. display: none !important;
  1148. }
  1149.  
  1150. #search-label,
  1151. #filters-help-open,
  1152. .close.fa.fa-times{
  1153. display: none !important;
  1154. }
  1155.  
  1156. div.center:nth-child(16), div.center:nth-child(6){
  1157. display: none !important;
  1158. }
  1159.  
  1160. .yotsuba:root .hide-post-button,
  1161. .yotsuba-b:root .hide-post-button{
  1162. display: none !important;
  1163. }
  1164.  
  1165. span.navLinks:nth-child(1){
  1166. display: none !important;
  1167. }
  1168.  
  1169. /*TURN IT OFF*/
  1170. .passNotice, tr.rules/*who cares m00t*/{
  1171. display:none !important;
  1172. }
  1173.  
  1174. .bottomlink, .archlistlink, .indexlink{
  1175. display: none !important;
  1176. }
  1177.  
  1178. #bannerCnt{
  1179. border: none;
  1180. display: none !important; /*turn it off mate*/
  1181. }
  1182.  
  1183. #logo-fp > a:nth-child(1) /*no more longcat*/{
  1184. display: none !important;
  1185. }
  1186.  
  1187. a#close-announce.closebutton /*fugly mario button*/{
  1188. display:none !important;
  1189. }
  1190.  
  1191. /*death to advertising*/
  1192. img.bottomad,
  1193. div#absbot,
  1194. /*.center,*/
  1195. form#delform > div.center > div,
  1196. form#delform > div.center,
  1197. body > div.center,
  1198. body > div#content > div.center,
  1199. div.center.middlead,
  1200. strong,
  1201. img#toggleMsgBtn,
  1202. img.middlead,
  1203. /*span.postertrip,*/ /*remove comment syntax to hide tripcodes*/
  1204. .click-me{
  1205. display:none!important;
  1206. }
  1207.  
  1208. .qr-link-container,
  1209. .boardSubtitle,
  1210. #absbot.absBotText{
  1211. display: none !important;
  1212. }
  1213.  
  1214. span.summary{
  1215. display: none !important;
  1216. }
  1217.  
  1218. #skellington{
  1219. display: none !important;
  1220. }
  1221.  
  1222. #header-bar a.current, .yotsuba-b:root #board-list a{
  1223. text-decoration: none !important;
  1224. }
  1225.  
  1226. .index-refresh-shortcut, span.shortcut:nth-child(5){
  1227. display: none !important;
  1228. }
  1229.  
  1230. #navbotright/*, #navtopright*/{
  1231. display: none !important;
  1232. }
  1233.  
  1234. .open-qr-wrap{
  1235. display: none !important;
  1236. }
  1237.  
  1238. div.pagelist div.cataloglink{
  1239. display: none !important;
  1240. }
  1241.  
  1242. #styleSwitcher, #hidden-label-bottom{
  1243. display: none !important;
  1244. }
  1245.  
  1246. #copyright{
  1247. display: none !important;
  1248. }
  1249.  
  1250. #announce/*who is this 4chins*/{
  1251. display: none !important;
  1252. }
  1253.  
  1254. .pageSwitcherForm /*the stupid next button*/{
  1255. display: none !important;
  1256. }
  1257.  
  1258. .extended-large .teaser {
  1259. display: none !important;
  1260. }
  1261.  
  1262. .expand-all-shortcut {
  1263. display: none !important;
  1264. }
  1265.  
  1266. .contract-all-shortcut {
  1267. display: none !important;
  1268. }
  1269.  
  1270. /*news*/
  1271. #blotter td,
  1272. tbody#blotter-msgs,
  1273. td.blotter-content,
  1274. .blotter-date{
  1275. display: none !important;
  1276. }
  1277.  
  1278. /*kill brackets but not necessary to do so
  1279. *going to have to adjust catalog view if commented*/
  1280.  
  1281. #totop::before,
  1282. #hidden-label > span:nth-child(2)::before,
  1283. span.navLinks:nth-child(9) > span:nth-child(1)::before,
  1284. span.navLinks:nth-child(9) > span:nth-child(4)::before,
  1285. span.navLinks:nth-child(9) > span:nth-child(2)::before,
  1286. span.btn-wrap:nth-child(5)::before,
  1287. #settings > span:nth-child(4)::before{
  1288. content: "" !important;
  1289. }
  1290.  
  1291. #totop::after,
  1292. span.btn-wrap:nth-child(5)::after,
  1293. #hidden-label > span:nth-child(2)::after,
  1294. span.navLinks:nth-child(9) > span:nth-child(1)::after,
  1295. span.navLinks:nth-child(9) > span:nth-child(2)::after,
  1296. span.navLinks:nth-child(9) > span:nth-child(4)::after,
  1297. #settings > span:nth-child(4)::after{
  1298. content: "" !important;
  1299. }
  1300.  
  1301.  
  1302. /*-----------tiny details------------*/
  1303.  
  1304. .fileText a{
  1305. text-decoration: none !important;
  1306. }
  1307.  
  1308. #qp {
  1309. border: 0 !important;
  1310. box-shadow: none !important;
  1311. }
  1312.  
  1313. #qrHeader
  1314. {
  1315. border: none !important;
  1316. }
  1317.  
  1318. #qr.autohide:not(:hover):not(.has-focus) {
  1319. max-height:21px;
  1320. transition:max-height 0.7s ease 1s;
  1321. }
  1322.  
  1323. #header-bar .brackets-wrap:after,
  1324. #header-bar .brackets-wrap:before,
  1325. .shortcut:not(:last-child):after{
  1326. content:""!important;
  1327. }
  1328.  
  1329. .brackets-wrap::after, .brackets-wrap::before {
  1330. content: "" !important;
  1331. }
  1332.  
  1333. #ft li, .right-box, .boxcontent, .top-box, .left-box, #recent-images .boxcontent, #qr select {
  1334. border: none !important;
  1335. }
  1336.  
  1337. table.postForm > tbody > tr > td:first-child, input[type="text"], input[type="password"], table.postForm > tbody textarea, #recaptcha_response_field {
  1338. background: transparent !important;
  1339. border: none !important;
  1340. }
  1341.  
  1342. .top-box .menubutton, .right-box .menubutton {
  1343. background-image: none !important;
  1344. }
  1345.  
  1346. #ft li, #ft ul {
  1347. background: none !important;
  1348. border: none !important;
  1349. }
  1350.  
  1351. gal-prev, .gal-next, .gal-count, .gal-name {
  1352. background: transparent !important;
  1353. border: none !important;
  1354. }
  1355.  
  1356. /*filter in catalog*/
  1357. /*need to find a way to unset position
  1358. *so as to be able to move it around like
  1359. *quick reply*/
  1360. div#filters.panel{
  1361. min-height: 100px !important;
  1362. }
  1363.  
  1364. #filters, #filters > div:nth-child(1){
  1365. border: 1px !important;
  1366. font-family: var(--fonttype-text) !important;
  1367. font-weight: unset !important;
  1368. font-size: 16px !important;
  1369. text-decoration: unset !important;
  1370. background: var(--alt-wg) !important;
  1371. box-shadow: 3px 3px 0px var(--shadow-wg) !important;
  1372. }
  1373.  
  1374. #filter-table{
  1375. border: 1px !important;
  1376. font-family: var(--fonttype-text) !important;
  1377. font-weight: unset !important;
  1378. font-size: 16px !important;
  1379. text-decoration: unset !important;
  1380. background: var(--post-wg) !important;
  1381. }
  1382.  
  1383. #filters-close{
  1384. opacity: 0 !important;
  1385. transition: 0.25s ease-in !important;
  1386. }
  1387.  
  1388. #filters-close:hover{
  1389. opacity: 0.9 !important;
  1390. }
  1391.  
  1392. table#filter-table > thead,
  1393. table#filter-table > thead > tr,
  1394. table#filter-table > thead > tr > th,
  1395. #filters-add, #filters-save{
  1396. background: transparent !important;
  1397. font-family: var(--fonttype-text) !important;
  1398. font-weight: unset !important;
  1399. font-size: 16px !important;
  1400. text-decoration: unset !important;
  1401. }
  1402.  
  1403.  
  1404.  
  1405.  
  1406.  
  1407.  
  1408. /*-------------------Navigation---------------------------*/
  1409.  
  1410. /*boardlist format*/
  1411. span.boardList,
  1412. span.customboardList{
  1413. background: var(--post-wg) !important;
  1414. position: fixed !important;
  1415. z-index: 1040 !important;
  1416. width: 100px !important;
  1417. height: 480px !important;
  1418. right: 15px !important;
  1419. top: 10px !important;
  1420. padding: 5px !important;
  1421. text-align: center !important;
  1422. line-height: 23px !important;
  1423. box-shadow: 5px 5px 5px 3px var(--shadow-wg) !important;
  1424. opacity: 0 !important;
  1425. transition: 0.25s ease-in !important;
  1426. /*transform: rotate(180deg) !important;*/
  1427.  
  1428. border-top: 1px ridge !important;
  1429. border-bottom: 1px ridge !important;
  1430. border-left: 1px ridge !important;
  1431. border-right: 1px ridge !important;
  1432. border-color: var(--shadow-wg) !important;
  1433. }
  1434.  
  1435. /*boardlist top*/
  1436. div#boardNavDesktop > span.boardList{
  1437. display: none !important;
  1438. }
  1439.  
  1440. span.boardList:hover,
  1441. span.customboardList:hover{
  1442. opacity: 1 !important;
  1443. transition: 0.25s ease-out !important;
  1444. transform: rotate(0deg) !important;
  1445. }
  1446.  
  1447. /*Settings, Home buttons*/
  1448. span#navtopright{
  1449. position: fixed !important;
  1450. background: var(--post-wg) !important;
  1451. padding: 5px !important;
  1452. width: 100px !important;
  1453. bottom: 350px !important;
  1454. right: 15px !important;
  1455. height: 50px !important;
  1456. z-index: 1040 !important;
  1457. text-align: center !important;
  1458. box-shadow: 5px 5px 5px 3px var(--shadow-wg) !important;
  1459.  
  1460. border-top: 1px ridge !important;
  1461. border-bottom: 1px ridge !important;
  1462. border-left: 1px ridge !important;
  1463. border-right: 1px ridge !important;
  1464. border-color: var(--shadow-wg) !important;
  1465. }
  1466.  
  1467. /*thread navigation link stats*/
  1468. div.navLinks.desktop > div.thread-stats{
  1469. position: fixed !important;
  1470. right: 10px !important;
  1471. padding: 3px !important;
  1472. bottom: 45px !important;
  1473. background: var(--post-wg) !important;
  1474. max-height: 200px !important;
  1475. width: 100px !important;
  1476. padding: 5px !important;
  1477. box-shadow: 5px 5px 5px 3px var(--shadow-wg) !important;
  1478.  
  1479. border-top: 1px ridge !important;
  1480. border-bottom: 1px ridge !important;
  1481. border-left: 1px ridge !important;
  1482. border-right: 1px ridge !important;
  1483. border-color: var(--shadow-wg) !important;
  1484. }
  1485.  
  1486. /*in thread navigation*/
  1487. div.navLinks.desktop{
  1488. z-index: 1045 !important;
  1489. position: fixed !important;
  1490. background: var(--post-wg) !important;
  1491. bottom: 110px !important;
  1492. right: 15px !important;
  1493. width: 65px !important;
  1494. text-align: center !important;
  1495. box-shadow: 5px 5px 5px 3px var(--shadow-wg) !important;
  1496. padding-left: 23px !important;
  1497. padding-right: 22px !important;
  1498. padding-top: 5px !important;
  1499. padding-bottom: 5px !important;
  1500. color: var(--navy-text) !important;
  1501.  
  1502. border-top: 1px ridge !important;
  1503. border-bottom: 1px ridge !important;
  1504. border-left: 1px ridge !important;
  1505. border-right: 1px ridge !important;
  1506. border-color: var(--shadow-wg) !important;
  1507. }
  1508.  
  1509. /*thread updates*/
  1510. div.navLinks.desktop > span{
  1511. z-index: 1045 !important;
  1512. position: fixed !important;
  1513. background: var(--post-wg) !important;
  1514. bottom: 5px !important;
  1515. right: 15px !important;
  1516. padding-left: 5px !important;
  1517. padding-right: 5px !important;
  1518. width: 100px !important;
  1519. box-shadow: 5px 5px 5px 3px var(--shadow-wg) !important;
  1520. transition: 0.25s ease-in !important;
  1521.  
  1522. border-top: 1px ridge !important;
  1523. border-bottom: 1px ridge !important;
  1524. border-left: 1px ridge !important;
  1525. border-right: 1px ridge !important;
  1526. border-color: var(--shadow-wg) !important;
  1527. }
  1528.  
  1529. /*catalog navigation*/
  1530. span.navLinks.navLinksBottom.mobilebtn{
  1531. background: var(--post-wg) !important;
  1532. position: fixed !important;
  1533. bottom: 240px !important;
  1534. right: 15px !important;
  1535. z-index: 1045 !important;
  1536. text-align: center !important;
  1537. width: 50px !important;
  1538. padding-left: 30px !important;
  1539. padding-right: 30px !important;
  1540. padding-bottom: 3px !important;
  1541. padding-top: 3px !important;
  1542. box-shadow: 5px 5px 5px 3px var(--shadow-wg) !important;
  1543.  
  1544. border-top: 1px ridge !important;
  1545. border-bottom: 1px ridge !important;
  1546. border-left: 1px ridge !important;
  1547. border-right: 1px ridge !important;
  1548. border-color: var(--shadow-wg) !important;
  1549. }
  1550.  
  1551. /*bump order*/
  1552. span.ctrl-wrap > select#order-ctrl{
  1553.  
  1554. }
  1555.  
  1556. span.ctrl-wrap > select#order-ctrl{
  1557. font-family: var(--fonttype-text) !important;
  1558. font-size: 16px !important;
  1559. }
  1560.  
  1561. /*label of bump*/
  1562. span.ctrl-wrap{
  1563. background: var(--post-wg) !important;
  1564. z-index: 1045 !important;
  1565. position: fixed !important;
  1566. right: 15px !important;
  1567. bottom: 165px !important;
  1568. width: 100px !important;
  1569. text-align: center !important;
  1570. padding: 5px !important;
  1571. box-shadow: 5px 5px 5px 3px var(--shadow-wg) !important;
  1572.  
  1573. border-top: 1px ridge !important;
  1574. border-bottom: 1px ridge !important;
  1575. border-left: 1px ridge !important;
  1576. border-right: 1px ridge !important;
  1577. border-color: var(--shadow-wg) !important;
  1578. }
  1579.  
  1580. /*kill style*/
  1581. span.stylechanger,
  1582. div.navLinks.navLinksBot.desktop{
  1583. display: none !important;
  1584. }
  1585.  
  1586.  
  1587. /*image size label*/
  1588. span.ctrl-wrap:nth-child(2),
  1589. select#size-ctrl{
  1590. display: none !important;
  1591. }
  1592.  
  1593. /*OP comments*/
  1594. span.ctrl-wrap:nth-child(3),
  1595. select#teaser-ctrl{
  1596. display: none !important;
  1597. }
  1598.  
  1599. /*filters in catalog*/
  1600. span.btn-wrap > span#filters-ctrl.button{
  1601. background: var(--post-wg) !important;
  1602. position: fixed !important;
  1603. bottom: 100px !important;
  1604. right: 15px !important;
  1605. z-index: 1045 !important;
  1606. text-align: center !important;
  1607. width: 100px !important;
  1608. padding: 5px !important;
  1609. box-shadow: 5px 5px 5px 3px var(--shadow-wg) !important;
  1610.  
  1611. border-top: 1px ridge !important;
  1612. border-bottom: 1px ridge !important;
  1613. border-left: 1px ridge !important;
  1614. border-right: 1px ridge !important;
  1615. border-color: var(--shadow-wg) !important;
  1616. }
  1617.  
  1618. /*search in catalog*/
  1619. span.btn-wrap > span#qf-ctrl.button{
  1620. background: var(--post-wg) !important;
  1621. position: fixed !important;
  1622. bottom: 50px !important;
  1623. right: 15px !important;
  1624. z-index: 1045 !important;
  1625. text-align: center !important;
  1626. width: 100px !important;
  1627. padding: 5px !important;
  1628. box-shadow: 5px 5px 5px 3px var(--shadow-wg) !important;
  1629.  
  1630. border-top: 1px ridge !important;
  1631. border-bottom: 1px ridge !important;
  1632. border-left: 1px ridge !important;
  1633. border-right: 1px ridge !important;
  1634. border-color: var(--shadow-wg) !important;
  1635. }
  1636.  
  1637. span#qf-cnt{
  1638. background: var(--alt-wg) !important;
  1639. width: 100px !important;
  1640. text-overflow: inherit !important;
  1641. position: fixed !important;
  1642. bottom: 20px !important;
  1643. right: 15px !important;
  1644. padding: 5px !important;
  1645. z-index: 1045 !important;
  1646.  
  1647.  
  1648. }
  1649.  
  1650. /*search X button*/
  1651. #qf-clear{
  1652. padding: 2px !important;
  1653. position: fixed !important;
  1654. bottom: 25px !important;
  1655. right: 0px !important;
  1656. z-index: 1045 !important;
  1657. text-align: center !important;
  1658. box-shadow: 5px 5px 5px 3px var(--shadow-wg) !important;
  1659. }
  1660.  
  1661. /*delete options in thread and default*/
  1662. div.bottomCtrl.desktop > span.deleteform{
  1663. color: var(--red-text) !important;
  1664. z-index: 1045 !important;
  1665. position: fixed !important;
  1666. bottom: 240px !important;
  1667. right: 15px !important;
  1668. width: 70px !important;
  1669. text-align: center !important;
  1670. background: var(--post-wg) !important;
  1671. padding-left: 20px !important;
  1672. padding-right: 20px !important;
  1673. padding-bottom: 3px !important;
  1674. word-wrap:break-word !important;
  1675. box-shadow: 5px 5px 5px 3px var(--shadow-wg) !important;
  1676.  
  1677. border-top: 1px ridge !important;
  1678. border-bottom: 1px ridge !important;
  1679. border-left: 1px ridge !important;
  1680. border-right: 1px ridge !important;
  1681. border-color: var(--shadow-wg) !important;
  1682. }
  1683.  
  1684. div.bottomCtrl.desktop > span.deleteform > input{
  1685. font-family: var(--fonttype-text) !important;
  1686. font-size: 16px !important;
  1687.  
  1688.  
  1689. }
  1690.  
  1691.  
  1692. /*new thread new reply button*/
  1693. div#togglePostFormLink.desktop,
  1694. div#togglePostFormLink.desktop > a{
  1695. font-family: var(--fonttype-text) !important;
  1696. font-size: 16px !important;
  1697. background: var(--head-wg) !important;
  1698. padding: 5px !important;
  1699. opacity: 0.01 !important;
  1700. transition: 0.25s ease-in !important;
  1701. border-radius: 3px !important;
  1702.  
  1703. border-top: 1px ridge !important;
  1704. border-bottom: 1px ridge !important;
  1705. border-left: 1px ridge !important;
  1706. border-right: 1px ridge !important;
  1707. border-color: var(--shadow-wg) !important;
  1708. }
  1709.  
  1710. div#togglePostFormLink.desktop{
  1711. width: 150px !important;
  1712. margin-left: 37.5% !important;
  1713. box-shadow: 5px 5px 5px 3px var(--shadow-wg) !important;
  1714.  
  1715. border-top: 1px ridge !important;
  1716. border-bottom: 1px ridge !important;
  1717. border-left: 1px ridge !important;
  1718. border-right: 1px ridge !important;
  1719. border-color: var(--shadow-wg) !important;
  1720. }
  1721.  
  1722. div#togglePostFormLink.desktop:hover,
  1723. div#togglePostFormLink.desktop > a:hover{
  1724. opacity: 1 !important;
  1725. transition: 0.25s ease-in !important;
  1726. }
  1727.  
  1728. /*default navigation*/
  1729. div#ctrl-top.desktop{
  1730. background: var(--post-wg) !important;
  1731. width: 100px !important;
  1732. position: fixed !important;
  1733. bottom: 150px !important;
  1734. right: 15px !important;
  1735. z-index: 1045 !important;
  1736. text-align: center !important;
  1737. padding: 5px !important;
  1738. box-shadow: 5px 5px 5px 3px var(--shadow-wg) !important;
  1739.  
  1740. border-top: 1px ridge !important;
  1741. border-bottom: 1px ridge !important;
  1742. border-left: 1px ridge !important;
  1743. border-right: 1px ridge !important;
  1744. border-color: var(--shadow-wg) !important;
  1745. }
  1746.  
  1747. /*default page number controls*/
  1748. div.pagelist.desktop{
  1749. background: var(--post-wg) !important;
  1750. width: 96px !important;
  1751. position: fixed !important;
  1752. bottom: 15px !important;
  1753. right: 15px !important;
  1754. z-index: 1045 !important;
  1755. text-align: center !important;
  1756. border: none !important;
  1757. font-family: var(--fonttype-text) !important;
  1758. font-size: 16px !important;
  1759. box-shadow: 5px 5px 5px 3px var(--shadow-wg) !important;
  1760.  
  1761. border-top: 1px ridge !important;
  1762. border-bottom: 1px ridge !important;
  1763. border-left: 1px ridge !important;
  1764. border-right: 1px ridge !important;
  1765. border-color: var(--shadow-wg) !important;
  1766. }
  1767.  
  1768.  
  1769. /*--------thread-watcher formatting------*/
  1770.  
  1771. /*catalog look*/
  1772. div#threadWatcher,
  1773. div#threadWatcher.extPanel.reply{
  1774. z-index: 1040 !important;
  1775. position: fixed !important;
  1776. top: 10px !important;
  1777. right: 0px /*31px*/ !important;
  1778. display: block !important;
  1779. min-width: 150px !important;
  1780. max-width: 150px !important;
  1781. min-height: 35px !important;
  1782. max-height: 100px !important;
  1783. box-shadow: 2px 2px 0px var(--shadow-wg) !important;
  1784. border-left: 10px solid var(--flavor-text) !important;
  1785. border-top-left-radius: 0px !important;
  1786. border-bottom-left-radius: 0px !important;
  1787. transition: 0.15s ease-in !important;
  1788. overflow: scroll !important;
  1789. }
  1790.  
  1791. div#threadWatcher:hover,
  1792. div#threadWatcher.extPanel.reply:hover{
  1793. border-top-left-radius: 0px !important;
  1794. border-bottom-left-radius: 0px !important;
  1795. transition: 0.15s ease-in !important;
  1796. border-left: 10px solid var(--highlight-text) !important;
  1797. }
  1798.  
  1799. /*title bar*/
  1800. div#threadWatcher > div#twHeader.drag,
  1801. div#threadWatcher.extPanel.reply > div#twHeader.drag{
  1802.  
  1803. }
  1804.  
  1805. #watchList{
  1806.  
  1807. }
  1808.  
  1809. /*refresh button*/
  1810. #twPrune{
  1811. opacity: 0.5 !important;
  1812. }
  1813.  
  1814. #twPrune:hover{
  1815. opacity: 0.9 !important;
  1816. transition: 0.1s !important;
  1817. }
  1818.  
  1819. /*thread watcher add button*/
  1820. div.navLinks.desktop > img.extButton.wbtn{
  1821. padding-right: 7px !important;
  1822. padding-left: 7px !important;
  1823. }
  1824.  
  1825.  
  1826.  
  1827.  
  1828. }
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!