API tools faq
paste
Guest User

Untitled

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