API tools faq
paste
Guest User

Untitled

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