Advertisement
Guest User

Untitled

a guest
Jun 25th, 2013
72
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.48 KB | None | 0 0
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2.  
  3. @-moz-document domain("boards.4chan.org") {
  4.  
  5. /**
  6. Main Layout
  7. */
  8.  
  9. /*#watcher .move > .close,*/
  10. #qr .close,
  11. #qr #autohide,
  12. .boardBanner > img,
  13. .boardTitle,
  14. .boardSubtitle,
  15. #copyright,
  16. .deleteform,
  17. .postingMode,
  18. .stylechanger,
  19. .postForm,
  20. .extButton,
  21. h1,
  22. hr,
  23. div.center,
  24. #hideBtn,
  25. #absbot,
  26. .hide-reply-button.stub a::before{
  27. display: none !important;
  28. }
  29.  
  30. body {
  31. margin-top: 20px !important;
  32. font-family: "Lucida Grande", sans-serif !important;
  33. }
  34.  
  35. *:active, *:focus {
  36. outline: none !important;
  37. }
  38.  
  39. .board {
  40. margin-right: 23px !important;
  41. margin-left: 190px !important;
  42. margin-top: -5px !important;
  43. }
  44.  
  45. /**
  46. Top and side bar
  47. */
  48.  
  49. #board-list::before {
  50. display: inline !important;
  51. content: "" !important;
  52. background: #3d444e !important;
  53. position: fixed !important;
  54. top: 0px !important;
  55. left: 0px !important;
  56. width: 100% !important;
  57. height: 38px !important;
  58. }
  59.  
  60. #shortcuts::after {
  61. content: "" !important;
  62. position: fixed !important;
  63. height: 100% !important;
  64. width: 166px !important;
  65. border-right: 1px solid #dedede !important;
  66. top: 0px !important;
  67. left: 0px !important;
  68. right: auto !important;
  69. bottom: auto !important;
  70. background: #fff !important;
  71. z-index: -500 !important;
  72. }
  73.  
  74. #board-list::after {
  75. text-align: center !important;
  76. content: "BOARDS" !important;
  77. width: 166px !important;
  78. background: #f4f5f5 !important;
  79. font-size: 10pt !important;
  80. position: fixed !important;
  81. padding: 4px 0 6px 0 !important;
  82. top: 38px !important;
  83. left: 0 !important;
  84. }
  85.  
  86. #header-bar {
  87. top: 30px !important;
  88. height: 0px !important;
  89. width: 158px !important;
  90. box-shadow: none !important;
  91. font-family: "Lucida Grande", sans-serif !important;
  92. }
  93.  
  94. #notifications {
  95. position: fixed !important;
  96. top: 5px !important;
  97. left: 50px !important;
  98. height: auto !important;
  99. width: auto !important;
  100. }
  101.  
  102. #shortcuts {
  103. position: fixed !important;
  104. top: 5000px !important;
  105. }
  106.  
  107. #board-list a {
  108. padding-right: 30px !important;
  109. white-space: pre;
  110. }
  111.  
  112. #header-bar.autohide #board-list::before,
  113. #header-bar.autohide {
  114. transform: none !important;
  115. transition: none !important;
  116. }
  117.  
  118. #header-bar.autohide #board-list::after,
  119. #header-bar.autohide #board-list,
  120. #header-bar.autohide #shortcuts::after,
  121. .autohide #watcher.dialog,
  122. .autohide #thread-stats,
  123. .autohide #update-timer,
  124. .autohide #update-status.new {
  125. left: -500px !important;
  126. }
  127.  
  128. .autohide body {
  129. margin-left: -167px !important;
  130. }
  131.  
  132. #board-list {
  133. position: fixed !important;
  134. top: 69px !important;
  135. height: 100% !important;
  136. width: 158px !important;
  137. text-align: left !important;
  138. }
  139.  
  140. #custom-board-list {
  141. display: inline !important;
  142. }
  143.  
  144. #full-board-list a {
  145. white-space:normal!important;
  146. margin:0!important;
  147. margin-right:-50px!important;
  148. }
  149.  
  150. #full-board-list {
  151. display:inline !important;
  152. visibility: hidden !important;
  153. padding:5px 0 !important;
  154. position:fixed!important;
  155. top:-50px!important;
  156. left:180px!important;
  157. width: 500px !important;
  158. text-align: center !important;
  159. background-color:#fff!important;
  160. border:solid 5px #3d444e!important;
  161. border-radius: 0 0 5px 5px!important;
  162. transition: all 0.5s ease;
  163. z-index: -10 !important;
  164. }
  165.  
  166. #full-board-list:not([Hidden]) {
  167. visibility: visible !important;
  168. top: 35px !important;
  169. bottom: auto !important;
  170. transition: all 0.5s ease;
  171. }
  172.  
  173. #custom-board-list a[href="javascript:;"],
  174. #full-board-list a[href="javascript:;"] {
  175. padding:0!important;
  176. padding-right:5px!important;
  177. padding-left:5px!important;
  178. }
  179.  
  180. .hide-board-list-button {
  181. display:inherit!important;
  182. font-size:9pt!important;
  183. position:fixed!important;
  184. top: 43px !important;
  185. left:110px!important;
  186. z-index:500!important;
  187. background:#f4f5f5!important;
  188. width:10px!important;
  189. padding:0!important;
  190. }
  191.  
  192. .show-board-list-button {
  193. display:inherit!important;
  194. position:fixed!important;
  195. top: 43px !important;
  196. left:112px!important;
  197. z-index:499!important;
  198. }
  199.  
  200. #full-board-list {
  201. color:transparent!important;
  202. }
  203.  
  204. #boardNavDesktopFoot,
  205. #boardNavDesktopFoot>a.current {
  206. display:inline!important;
  207. position:fixed!important;
  208. font-size: 0 !important;
  209. top:5000px!important;
  210. }
  211.  
  212. #boardNavDesktopFoot > a.current::after {
  213. position: fixed !important;
  214. top: 8px !important;
  215. left: 10px !important;
  216. font-size: 12pt !important;
  217. content: attr(title) !important;
  218. color: #fff !important;
  219. font-weight: normal !important;
  220. z-index: 999 !important;
  221. }
  222.  
  223. #delform {
  224. border: none !important;
  225. background: none !important;
  226. }
  227.  
  228. .post {
  229. border-radius: 5px !important;
  230. }
  231.  
  232. .postContainer {
  233. position: relative !important;
  234. background-color: #fff !important;
  235. min-width: 100% !important;
  236. margin-top: 5px !important;
  237. margin-bottom: 15px !important;
  238. z-index: 0 !important;
  239. border-radius: 5px !important;
  240. box-shadow: -1px 1px 1px rgba(0,0,0,.08);
  241. }
  242.  
  243. .post.op {
  244. margin-top: 25px !important;
  245. }
  246.  
  247. .expanded-image,
  248. .threadOP {
  249. clear: none !important;
  250. }
  251.  
  252. .threadContainer {
  253. padding-left:20px!important;
  254. margin-left:0px!important;
  255. }
  256.  
  257. .replylink {
  258. margin-left: 5px !important;
  259. margin-right: 5px !important;
  260. margin-top: 1px !important;
  261. color: #069 !important;
  262. text-decoration: none !important;
  263. font-size: 9pt !important;
  264. }
  265.  
  266. .summary {
  267. position:absolute!important;
  268. right:32px!important;
  269. margin-top:-32px!important;
  270. z-index:1!important;
  271. font-size:9pt!important;
  272. }
  273.  
  274. .postNum span {
  275. font-size: 0 !important;
  276. }
  277.  
  278. .post.reply {
  279. background: transparent !important;
  280. border-right: none !important;
  281. border-bottom: none !important;
  282. width: 99.5% !important;
  283. }
  284.  
  285. #qp {
  286. box-shadow: none !important;
  287. border: none !important;
  288. }
  289.  
  290. #qp .postContainer {
  291. border: 1px solid rgba(0,0,0,.1) !important;
  292. }
  293.  
  294. #qp .menu-button {
  295. display: none !important;
  296. }
  297.  
  298. #qp .post.op{
  299. margin: 0 !important;
  300. }
  301.  
  302. #qp .yourPost .post.reply {
  303. border-left:none!important;
  304. }
  305.  
  306. .inline.crosspost .postContainer.replyContainer{
  307. border: 1px solid #ccc !important;
  308. }
  309.  
  310. .inline {
  311. box-shadow: none !important;
  312. border: none !important;
  313. margin: 0px !important;
  314. margin-left: 10px !important;
  315. max-width: 80% !important;
  316. background: transparent !important;
  317. }
  318.  
  319. .inline .opContainer,
  320. .inline .postContainer{
  321. background: #ffffff !important;
  322. border: 1px solid rgba(0,0,0,.1) !important;
  323. box-shadow: none !important;
  324. }
  325.  
  326. .inline .menu-button {
  327. display: none !important;
  328. }
  329.  
  330. .backlink,
  331. .inline .backlink,
  332. .postMessage a,
  333. #credits a {
  334. text-decoration: none !important;
  335. }
  336.  
  337. .opContainer.qphl {
  338. box-shadow: none !important;
  339. }
  340.  
  341. .opContainer {
  342. height: 100% !important;
  343. width: 100% !important;
  344. }
  345.  
  346. .op {
  347. display: table !important;
  348. height: 100% !important;
  349. width: 100% !important;
  350. padding-bottom:3px!important;
  351. }
  352.  
  353. .watch-thread-link {
  354. position: relative !important;
  355. top: 5px !important;
  356. left: -2px !important;
  357. width: 13px !important;
  358. }
  359.  
  360. .watch-thread-link.watched {
  361. opacity: 0.5 !important;
  362. }
  363.  
  364. .postInfo {
  365. margin-left: 8px !important;
  366. margin-top: 2px !important;
  367. width: auto !important;
  368. display: block !important;
  369. }
  370.  
  371. .postInfo input[type="checkbox"] {
  372. display: none !important;
  373. }
  374.  
  375. .fileInfo {
  376. margin-left: 8px !important;
  377. }
  378.  
  379. .op .fileInfo {
  380. padding-top: 5px !important;
  381. margin-left: 10px !important;
  382. }
  383.  
  384. .op .file {
  385. padding-bottom: 2px !important;
  386. margin: 0px -6px 2px -2px !important;
  387. }
  388.  
  389. .postMessage {
  390. margin-left: 10px !important;
  391. margin-top: 7px !important;
  392. }
  393.  
  394. .fileThumb > img:first-child {
  395. margin-left: -10px !important;
  396. color:pink!important;
  397. }
  398.  
  399. .fileDeleted {
  400. padding-left:17px!important;
  401. }
  402.  
  403. .navLinks,
  404. .cataloglink {
  405. font-size: 0 !important;
  406. }
  407.  
  408. .cataloglink a::after,
  409. .navLinks.navLinksBot a[href*="catalog"]::before {
  410. content: "Catalog";
  411. position: fixed !important;
  412. right: 105px !important;
  413. top: 8px !important;
  414. z-index: 36 !important;
  415. font-size: 10pt !important;
  416. font-family: "Lucida Grande", sans-serif !important;
  417. }
  418.  
  419. .cataloglink a::before,
  420. .navLinks.navLinksBot a[href*="catalog"]::after {
  421. content: "|";
  422. position: fixed !important;
  423. right: 87px !important;
  424. top: 8px !important;
  425. z-index: 36 !important;
  426. font-size: 10pt !important;
  427. font-family: "Lucida Grande", sans-serif !important;
  428. pointer-events: none!important;
  429. }
  430.  
  431. .settings-link {
  432. font-size: 0 !important;
  433. }
  434.  
  435. .settings-link::after {
  436. font-family: "Lucida Grande", sans-serif !important;
  437. content: "Settings" !important;
  438. font-size: 10pt !important;
  439. font-weight: normal !important;
  440. transition: 0.5s color ease;
  441. position: fixed !important;
  442. right: 24px !important;
  443. top: 8px !important;
  444. }
  445.  
  446. #menu.dialog:not(.left) {
  447. position: fixed !important;
  448. right: 0px !important;
  449. top: 36px !important;
  450. left: auto !important;
  451. bottom: auto !important;
  452. transition: 0.5s color ease;
  453. width: 120px !important;
  454. height: auto !important;
  455. z-index: 100 !important;
  456. border:4px solid #3d444e!important;
  457. border-bottom-left-radius:5px!important;
  458. border-bottom-right-radius:5px!important;
  459. }
  460.  
  461. #menu.dialog:not(.left) .submenu {
  462. border:4px solid #3d444e!important;
  463. border-bottom-left-radius:5px!important;
  464. border-bottom-right-radius:5px!important;
  465. }
  466.  
  467. #header-bar .menu-button::after {
  468. content: none !important;
  469. }
  470.  
  471. #header-bar .menu-button i {
  472. font-size: 0pt !important;
  473. color: transparent !important;
  474. position: fixed !important;
  475. right: 5px !important;
  476. top: 5px !important;
  477. z-index: 10 !important;
  478. transition: 0.5s color ease;
  479. }
  480.  
  481. #header-bar .menu-button i::before {
  482. content: "\25BC" !important;
  483. font-size: 5pt !important;
  484. }
  485.  
  486. #watcher::before {
  487. margin-top: -36px !important;
  488. text-align: center !important;
  489. content: "WATCHED THREADS" !important;
  490. width: 166px !important;
  491. padding: 9px 0 6px 0 !important;
  492. background: #f4f5f5 !important;
  493. font-size: 10pt !important;
  494. font-weight: normal !important;
  495. position: absolute !important;
  496. z-index: 40 !important;
  497. }
  498.  
  499. #watcher {
  500. position: fixed !important;
  501. display: inline !important;
  502. padding-top: 36px !important;
  503. left: 0 !important;
  504. min-width: 167px !important;
  505. max-width: 167px!important;
  506. box-shadow: none !important;
  507. height: auto !important;
  508. white-space:pre!important;
  509. margin-right:15px!important;
  510. }
  511.  
  512. #watcher div {
  513. padding-right:15px!important;
  514. }
  515.  
  516. #watcher a {
  517. margin-left:-1px!important;
  518. }
  519.  
  520. #watcher > .move {
  521. margin-top: -30px !important;
  522. height: 15px !important;
  523. position: absolute !important;
  524. z-index: 800 !important;
  525. color: transparent !important;
  526. width: 165px !important;
  527. padding: 4px 0 6px 0 !important;
  528. }
  529.  
  530. #watcher div > a[href="javascript:;"],
  531. #watcher .close {
  532. position:relative!important;
  533. float:right!important;
  534. left:12px!important;
  535. top:-1px!important;
  536. }
  537.  
  538. #watcher div > a[href="javascript:;"],
  539. #watcher .close {
  540. visibility:collapse!important;
  541. }
  542.  
  543. #watcher:hover div > a[href="javascript:;"],
  544. #watcher:hover .close {
  545. visibility:visible!important;
  546. }
  547.  
  548. .closed {
  549. padding-top:20px!important;
  550. padding-bottom:20px!important;
  551. }
  552.  
  553. #unread-line {
  554. display:block!important;
  555. margin-top:-7px!important;
  556. padding-bottom:1px!important;
  557. border-top: 1px dotted !important;
  558. height:1px !important;
  559. border-color:#3d444e!important;
  560. }
  561.  
  562. /**
  563. Global Message
  564. */
  565.  
  566. .hide-announcement {
  567. width: 100% !important;
  568. z-index: 10 !important;
  569. text-decoration: none !important;
  570. cursor: pointer !important;
  571. font-size: 0 !important;
  572. }
  573.  
  574. .hide-announcement::after {
  575. text-align: center !important;
  576. left: 27% !important;
  577. margin-top: -10px !important;
  578. position: absolute !important;
  579. float: none !important;
  580. margin-left: 250px !important;
  581. color: #ad4541 !important;
  582. content: "Hide Announcement";
  583. font-size: 12pt !important;
  584. }
  585.  
  586. #globalMessage {
  587. margin-right: 23px !important;
  588. margin-left: 190px !important;
  589. margin-top: 30px !important;
  590. background-color: #fff !important;
  591. z-index: 0 !important;
  592. border-radius: 5px !important;
  593. box-shadow: -1px 1px 1px rgba(0,0,0,.08);
  594. padding: 5px 0 !important;
  595. }
  596.  
  597. #globalMessage h3 {
  598. font-size: 10pt !important;
  599. color: #5F5F5F !important;
  600. font-weight: normal !important;
  601. margin: 2px !important;
  602. }
  603.  
  604. #globalMessage strong, h2 {
  605. margin: 2px !important;
  606. font-size: 10pt !important;
  607. color: #5F5F5F !important;
  608. font-weight: normal !important;
  609. }
  610.  
  611. /**
  612. Main Colours
  613. */
  614.  
  615. #watcher::before,
  616. #board-list::after {
  617. color: #a3a3a3 !important;
  618. }
  619.  
  620. body {
  621. background: #f2f2f2 !important;
  622. color: #454545 !important;
  623. }
  624.  
  625. #header-bar {
  626. background: #fff !important;
  627. border-right: 1px solid #dedede !important;
  628. }
  629.  
  630. .cataloglink a::before,
  631. .navLinks.navLinksBot a[href*="catalog"]::after,
  632. .cataloglink a::after,
  633. .navLinks.navLinksBot a[href*="catalog"]::before,
  634. .settings-link::after,
  635. #header-bar .menu-button i::before {
  636. color: #babcbe !important;
  637. }
  638.  
  639. #watcher,
  640. #watcher a,
  641. #header-bar a {
  642. color: #aaa !important;
  643. font-weight: 400 !important;
  644. font-size: 9pt !important;
  645. }
  646.  
  647. #dump-button:hover,
  648. .globalMessage a:hover,
  649. .hand,
  650. .posteruid,
  651. .postertrip,
  652. .abbr a:hover,
  653. .pages a:hover,
  654. .pages strong a,
  655. #qr:hover::before,
  656. .quotelink:hover,
  657. .backlink:hover,
  658. .inline .backlink:hover,
  659. .postMessage .linkify:hover,
  660. .embedder:hover,
  661. .fileText:hover a,
  662. .fileText:hover,
  663. .fileInfo a:hover,
  664. .summary:hover,
  665. #watcher a:hover,
  666. #board-list a:hover {
  667. color: #5f5f65 !important;
  668. }
  669.  
  670. .hand:hover,
  671. .posteruid:hover,
  672. .posteruid:hover .hand{
  673. color: #434347 !important;
  674. }
  675.  
  676. .name {
  677. font-weight: 500 !important;
  678. color: #49637d !important;
  679. }
  680.  
  681. .useremail {
  682. color: #999 !important;
  683. font-style: italic !important;
  684. text-decoration: none !important;
  685. }
  686.  
  687. a.useremail[href*='sage'] .name,
  688. a.useremail[href*='Sage'] .name,
  689. a.useremail[href*='SAGE'] .name,
  690. a.useremail[href*='sage'] .postertrip,
  691. a.useremail[href*='Sage'] .postertrip,
  692. a.useremail[href*='SAGE'] .postertrip {
  693. color: #a16c6c !important;
  694. font-weight: normal !important;
  695. }
  696.  
  697. a.useremail[href*='sage'] .name:hover,
  698. a.useremail[href*='Sage'] .name:hover,
  699. a.useremail[href*='SAGE'] .name:hover,
  700. a.useremail[href*='sage'] .postertrip:hover,
  701. a.useremail[href*='Sage'] .postertrip:hover,
  702. a.useremail[href*='SAGE'] .postertrip:hover {
  703. color: #a12b2b !important;
  704. transition: all 0.3s ease 0s;
  705. }
  706.  
  707. .nameBlock a:hover::after {
  708. content: "(" attr(href) ")";
  709. margin-left: 3px;
  710. color: #a6a6a6 !important;
  711. transition: all 0.3s ease 0s;
  712. }
  713.  
  714. .pages a,
  715. .summary,
  716. .dateTime {
  717. color: #a6a6a6 !important;
  718. }
  719.  
  720. .postNum a {
  721. color: #7c818c !important;
  722. }
  723.  
  724. .backlink,
  725. .inline .backlink,
  726. a.quotelink {
  727. color: #999 !important;
  728. }
  729.  
  730. .quotelink.inlined,
  731. .backlink.inlined,
  732. .inlined {
  733. color: #5f5f65 !important;
  734. font-style: italic !important;
  735. opacity: 1 !important;
  736. }
  737.  
  738. .warning,
  739. .deadlink,
  740. .deadlink.quotelink,
  741. .postMessage strong {
  742. color: #d56b6b !important;
  743. font-weight: normal !important;
  744. }
  745.  
  746. .backlink {
  747. font-size: 0 !important;
  748. }
  749.  
  750. .backlink:after {
  751. content: url('http://i.imgur.com/hgZtiTC.png') !important;
  752. font-size: 9pt !important;
  753. margin-right: 4px !important;
  754. }
  755.  
  756. .backlink:hover::after,
  757. .backlink.inlined::after {
  758. content: url('http://i.imgur.com/iDyadDD.png') !important;
  759. }
  760.  
  761. .highlight-own:root .yourPost > .post.reply {
  762. box-shadow: 0 0 0 1px rgba(65, 131, 173, .5)!important;
  763. border: none !important;
  764. }
  765.  
  766. .highlight-you:root .quotesYou > .post.reply {
  767. box-shadow: 0 0 0 1px rgba(173, 69, 65, .5)!important;
  768. border: none !important;
  769. }
  770.  
  771. .exblock.reply,
  772. .reply.post.highlight,
  773. .reply.post:target,
  774. .post.reply.qphl,
  775. .post.op.qphl {
  776. box-shadow: 0 0 0 1px rgba(173, 69, 65, .5)!important;
  777. outline: none !important;
  778. }
  779.  
  780. .fileText,
  781. .fileInfo a {
  782. color: #828282 !important;
  783. text-decoration: none !important;
  784. font-style: italic !important;
  785. }
  786.  
  787. .quote {
  788. color: #093 !important;
  789. }
  790.  
  791. .subject {
  792. color: #7a7f88 !important;
  793. font-weight:600!important;
  794. }
  795.  
  796. .quote a,
  797. .prettyprint a,
  798. .prettyprint a:hover {
  799. color: inherit !important;
  800. font-family: inherit !important;
  801. cursor: text !important;
  802. }
  803.  
  804. .prettyprint span {
  805. font-family: "Consolas", monospace !important;
  806. }
  807.  
  808. .prettyprint {
  809. font-size: 9pt !important;
  810. background-color: rgba(255,255,255,.7) !important;
  811. border: solid 1px rgba(95,95,95,.5) !important;
  812. max-width: 700px!important;
  813. }
  814.  
  815. .abbr a,
  816. .embedder,
  817. .linkify,
  818. .globalMessage a,
  819. .fileThumb > img:first-child {
  820. color: #999!important;
  821. }
  822.  
  823. #fourchanx-settings.dialog a {
  824. color: #49637d !important;
  825. }
  826.  
  827. #fourchanx-settings.dialog a:hover {
  828. color: #2f4052 !important;
  829. }
  830.  
  831. /**
  832. Page Links
  833. */
  834.  
  835. .pagelist {
  836. float: none !important;
  837. width: 100% !important;
  838. height:20px!important;
  839. margin: 0 auto 0 auto!important;
  840. padding:0!important;
  841. font-size: 9pt !important;
  842. color: transparent !important;
  843. background: transparent !important;
  844. border: none !important;
  845. white-space: nowrap !important;
  846. }
  847.  
  848. .pages {
  849. text-align: center !important;
  850. float: none !important;
  851. }
  852.  
  853. .next,
  854. .prev,
  855. .pages.cataloglink,
  856. .pagelist .prev input,
  857. .pagelist .next input {
  858. position: relative !important;
  859. -moz-appearance: none !important;
  860. width: 0 !important;
  861. background: none !important;
  862. color: transparent !important;
  863. border: none !important;
  864. box-shadow: none !important;
  865. }
  866.  
  867. /**
  868. Settings screen
  869. */
  870.  
  871. #options.reply.dialog {
  872. background: #fff !important;
  873. color: #717171 !important;
  874. border: none !important;
  875. z-index: 5 !important;
  876. }
  877.  
  878. #options.reply.dialog label {
  879. text-decoration: none !important;
  880. font-style: italic !important;
  881. color: #494949 !important;
  882. }
  883.  
  884. #optionsbar {
  885. border-bottom: 1px solid #eceef0 !important;
  886. margin: -5px !important;
  887. padding: 5px !important;
  888. }
  889.  
  890. #fourchanx-settings.dialog {
  891. background: #fff !important;
  892. }
  893.  
  894. .dialog {
  895. background: none !important;
  896. color: #2e3033 !important;
  897. border: transparent !important;
  898. }
  899.  
  900. .dialog a,
  901. .dialog label {
  902. text-decoration:none!important;
  903. }
  904.  
  905. #optionsContent > input:checked + div,
  906. #updater:hover > div,
  907. #updater .move,
  908. #qr.dump #replies,
  909. .hasSubMenu.focused > .subMenu {
  910. display: block;
  911. }
  912.  
  913. /**
  914. Quick reply
  915. */
  916.  
  917. #qr {
  918. border-radius: 0 0 5px 5px !important;
  919. }
  920.  
  921. #qr.dialog {
  922. padding: 5px !important;
  923. position: fixed !important;
  924. display: inline !important;
  925. visibility: hidden !important;
  926. top: -216px !important;
  927. right: 0px !important;
  928. left: auto !important;
  929. width: 300px !important;
  930. background: #3d444e !important;
  931. box-shadow: none !important;
  932. z-index: 2 !important;
  933. transition: all 0.5s ease;
  934. }
  935.  
  936. #qr.dialog.has-captcha:not([Hidden]),
  937. #qr.dialog:not([Hidden]) {
  938. visibility: visible !important;
  939. top: 35px !important;
  940. }
  941.  
  942. #qr.dialog.has-captcha {
  943. top:-298px !important;
  944. transition: all 0.9s ease;
  945. }
  946.  
  947. #qr .move {
  948. position: fixed !important;
  949. float: right !important;
  950. left: 151px !important;
  951. bottom: -2px !important;
  952. margin-top: 0px !important;
  953. font-size: 0px !important;
  954. color: transparent !important;
  955. background-color: transparent !important;
  956. height: 25px !important;
  957. max-width: 15px !important;
  958. min-width: 15px !important;
  959. cursor: default !important;
  960. }
  961.  
  962. #qr > div {
  963. max-width: 400px !important;
  964. width: 400px !important;
  965. }
  966.  
  967. #qr select {
  968. display: none !important;
  969. }
  970.  
  971. textarea.field {
  972. height: 17em !important;
  973. margin-bottom: -1px !important;
  974. border-left: 1px solid #dedede !important;
  975. border-right: 1px solid #dedede !important;
  976. }
  977.  
  978. .field {
  979. border: none !important;
  980. }
  981.  
  982. .field:hover,
  983. .field:focus {
  984. box-shadow: inset 0 0 5px rgba(0, 0, 0, .12) !important;
  985. }
  986.  
  987. input:-moz-placeholder,
  988. textarea:-moz-placeholder {
  989. color: rgb(153, 153, 153) !important;
  990. }
  991.  
  992. #qr-filename-container {
  993. border-bottom-left-radius:4px!important;
  994. margin-bottom: 3px !important;
  995. border-left: 1px solid #dedede !important;
  996. overflow: hidden !important;
  997. max-height: 19px !important;
  998. min-width: 74.3% !important;
  999. max-width: 74.3% !important;
  1000. }
  1001.  
  1002. #qr.has-spoiler .has-file #qr-filename-container {
  1003. min-width: 68.3% !important;
  1004. max-width: 68.3% !important;
  1005. }
  1006.  
  1007. #qr-spoiler-label {
  1008. box-shadow: 0px 1px 1px rgba(0, 0, 0, .095) inset;
  1009. border-top: 1px solid #ddd !important;
  1010. border-bottom: 1px solid #ddd !important;
  1011. max-height: 19px !important;
  1012. min-height: 19px !important;
  1013. margin-left: -1px !important;
  1014. background: white !important;
  1015. }
  1016.  
  1017. #qr-spoiler-label input {
  1018. top: 1px !important;
  1019. }
  1020.  
  1021. #qr-filename {
  1022. min-width: 92% !important;
  1023. max-width: 92% !important;
  1024. overflow: hidden !important;
  1025. }
  1026.  
  1027. #file-n-submit {
  1028. height: 20px !important;
  1029. border-bottom: 1px solid #dedede !important;
  1030. border-bottom-right-radius: 5px !important;
  1031. border-bottom-left-radius: 5px !important;
  1032. }
  1033.  
  1034. #file-n-submit input {
  1035. width: 25.5% !important;
  1036. }
  1037.  
  1038. #file-n-submit.has-file input {
  1039. margin-left: -2px !important;
  1040. width: 25.9% !important;
  1041. }
  1042.  
  1043. #qr-filerm {
  1044. color: #999 !important;
  1045. bottom: 2px !important;
  1046. right: 10px !important;
  1047. }
  1048.  
  1049. #qr [type=file] [type=text]:focus {
  1050. border: 1px solid grey !important;
  1051. }
  1052.  
  1053. textarea,
  1054. .field,
  1055. #qr [type=file] [type=text] {
  1056. -moz-appearance: none !important;
  1057. background-color: #fff !important;
  1058. font-size: 12px !important;
  1059. vertical-align: middle !important;
  1060. }
  1061.  
  1062. select,
  1063. textarea:not(:focus),
  1064. .field:not(:focus) {
  1065. box-shadow: 0px 1px 1px rgba(0, 0, 0, .095) inset;
  1066. background: #fff !important;
  1067. }
  1068.  
  1069. #qr [type=file] [type=text]:not(:focus) {
  1070. background: #fff !important;
  1071. }
  1072.  
  1073. #qr [type=file] [type=text] {
  1074. float: right !important;
  1075. }
  1076.  
  1077. #dump-button:hover,
  1078. input[type="submit"]:hover,
  1079. input[type="submit"]:active,
  1080. input[type="submit"].active,
  1081. input[type="submit"].disabled,
  1082. input[type="submit"][disabled] {
  1083. background-color: #fafafa !important;
  1084. }
  1085.  
  1086. input[type="submit"] {
  1087. margin-top: 1px !important;
  1088. background: #fff !important;
  1089. text-align: center !important;
  1090. margin-left: -1px !important;
  1091. padding-bottom:1px!important;
  1092. width: 25.2% !important;
  1093. cursor: pointer !important;
  1094. background-repeat: repeat-x !important;
  1095. border: none !important;
  1096. border-top: 1px solid #ddd !important;
  1097. -moz-border-top-colors: none !important;
  1098. -moz-border-right-colors: none !important;
  1099. -moz-border-bottom-colors: none !important;
  1100. -moz-border-left-colors: none !important;
  1101. border-image: none !important;
  1102. -moz-appearance: none !important;
  1103. box-shadow: 0px 1px 1px rgba(0, 0, 0, .095) inset;
  1104. }
  1105.  
  1106. input[type="submit"] {
  1107. border-top:none!important;
  1108. border-right: 1px solid #dedede !important;
  1109. border-bottom-right-radius:4px!important;
  1110. }
  1111.  
  1112. input[name="name"],
  1113. input[name="email"],
  1114. input[name="sub"] {
  1115. border-top: 1px solid #dedede !important;
  1116. max-height: 23px !important;
  1117. min-height: 23px !important;
  1118. }
  1119.  
  1120. input[name="sub"] {
  1121. border-right: 1px solid #dedede !important;
  1122. }
  1123.  
  1124. .persona {
  1125. max-height: 20px !important;
  1126. min-height: 20px !important;
  1127. }
  1128.  
  1129. .captcha-img {
  1130. margin-top:0!important;
  1131. margin-bottom:-1px!important;
  1132. min-width:300px!important;
  1133. max-width:300px!important;
  1134. box-shadow: 0px 1px 1px rgba(0, 0, 0, .095) inset;
  1135. border:none!important;
  1136. border-left: 1px solid #dedede !important;
  1137. border-right: 1px solid #dedede !important;
  1138. }
  1139.  
  1140. .captcha-img > img {
  1141. margin-left:0px!important;
  1142. margin-top:5px!important;
  1143. visibility:visible!important;
  1144. min-width:298px!important;
  1145. max-width:298px!important;
  1146. border-bottom: transparent !important;
  1147. }
  1148.  
  1149. .captcha-input.field {
  1150. border-left: 1px solid #dedede !important;
  1151. border-right: 1px solid #dedede !important;
  1152. box-shadow: 0px 1px 1px rgba(0, 0, 0, .095) inset;
  1153. margin-top:-1px!important;
  1154. margin-bottom:-1px!important;
  1155. }
  1156.  
  1157. #replies > div {
  1158. border-top: 1px solid rgba(0, 0, 0, .094) !important;
  1159. border-left: 1px solid #dedede !important;
  1160. border-right: 1px solid #dedede !important;
  1161. }
  1162.  
  1163. #replies > div .thumbnail {
  1164. background-color: rgba(160,160,160,.5) !important;
  1165. }
  1166.  
  1167. #dump-list-container {
  1168. margin-bottom: -1px !important;
  1169. background: #fff !important;
  1170. border-left: 1px solid #dedede !important;
  1171. border-right: 1px solid #dedede !important;
  1172. box-shadow: 0px 1px 1px rgba(0, 0, 0, .095) inset;
  1173. }
  1174.  
  1175. #add-post {
  1176. color: #999 !important;
  1177. }
  1178.  
  1179. .qr-preview {
  1180. margin-bottom: 1px !important;
  1181. }
  1182.  
  1183. /**
  1184. Menu Button
  1185. */
  1186.  
  1187. .menu-button i {
  1188. color: transparent !important;
  1189. }
  1190.  
  1191. .menu-button {
  1192. float: right !important;
  1193. margin-top: 0 !important;
  1194. margin-right: 15px !important;
  1195. margin-left: 10px !important;
  1196. font-size: 0 !important;
  1197. }
  1198.  
  1199. .menu-button::after {
  1200. content: "\25BE" !important;
  1201. font-size: 6pt !important;
  1202. color: #999 !important;
  1203. }
  1204.  
  1205. .menu-button:hover::after {
  1206. color: #666 !important;
  1207. }
  1208.  
  1209. .post.op .menu-button::after {
  1210. color: #999 !important;
  1211. }
  1212.  
  1213. .post.op .menu-button:hover::after {
  1214. color: #069 !important;
  1215. }
  1216.  
  1217. .post.op .menu-button {
  1218. position: absolute !important;
  1219. top: 3px !important;
  1220. right: 2px !important;
  1221. margin-left: 0 !important;
  1222. }
  1223.  
  1224. #menu.reply.dialog {
  1225. display: block !important;
  1226. margin-left: 0 !important;
  1227. margin-top: -1px !important;
  1228. border: 1px solid #ccc !important;
  1229. }
  1230.  
  1231. .subMenu {
  1232. left: -105px !important;
  1233. width: 100px !important;
  1234. }
  1235.  
  1236. .entry,
  1237. .entry a,
  1238. .subMenu {
  1239. background: #ffffff !important;
  1240. color: #999 !important;
  1241. font-size: 8pt !important;
  1242. border:none!important;
  1243. }
  1244.  
  1245. .entry:hover,
  1246. .entry a:hover {
  1247. color: #49637d !important;
  1248. }
  1249.  
  1250.  
  1251. /**
  1252. Hide threads / posts
  1253. */
  1254.  
  1255. .stub span,
  1256. .sideArrows,
  1257. .hide-reply-button.stub span {
  1258. color: transparent !important;
  1259. font-size: 0 !important;
  1260. }
  1261.  
  1262. .postContainer .stub:first-of-type,
  1263. .postContainer .stub {
  1264. margin-top:0px!important;
  1265. }
  1266.  
  1267. .stub {
  1268. padding: 0 0 0 0 !important;
  1269. margin-top:24px!important;
  1270. width: 100% !important;
  1271. background: #e5e5e5 !important;
  1272. border-radius: 5px !important;
  1273. min-height: 20px !important;
  1274. max-height: 20px !important;
  1275. }
  1276.  
  1277. .stub:first-of-type {
  1278. margin-top: 25px !important;
  1279. }
  1280.  
  1281. .hide-reply-button {
  1282. position: relative !important;
  1283. float: right !important;
  1284. margin-top: 2px !important;
  1285. margin-right: 8px !important;
  1286. z-index: 1;
  1287. font-size: 0 !important;
  1288. }
  1289.  
  1290. .hide-thread-button {
  1291. position: absolute !important;
  1292. float: right !important;
  1293. top: 2px !important;
  1294. margin-right: 8px !important;
  1295. right: 0 !important;
  1296. z-index: 1;
  1297. font-size: 0 !important;
  1298. }
  1299.  
  1300. .hide-thread-button span::before,
  1301. .hide-reply-button span::before {
  1302. content: "-" !important;
  1303. font-size: 9pt !important;
  1304. color: #999 !important;
  1305. z-index: 5 !important;
  1306. }
  1307.  
  1308. .stub .menu-button,
  1309. .hide-reply-button.stub .menu-button {
  1310. font-size: 0px !important;
  1311. color: transparent !important;
  1312. font-family: "Lucida Grande", Arial, Helvetica, sans-serif !important;
  1313. margin-top: 3px !important;
  1314. margin-right: 3px !important;
  1315. }
  1316.  
  1317. .stub span:not(.dropmarker)::before {
  1318. float: right !important;
  1319. margin-top: 0px !important;
  1320. margin-right: 7px !important;
  1321. content: "+" !important;
  1322. font-size: 9pt !important;
  1323. color: #999 !important;
  1324. font-family: "Lucida Grande", Arial, Helvetica, sans-serif !important;
  1325. }
  1326.  
  1327. .stub a {
  1328. margin-left: 0px !important;
  1329. color: #999 !important;
  1330. font-family: "Lucida Grande", Arial, Helvetica, sans-serif !important;
  1331. font-size: 8pt !important;
  1332. padding-left: 2px !important;
  1333. }
  1334.  
  1335. .stub > a:hover {
  1336. color: #666 !important;
  1337. }
  1338.  
  1339. /**
  1340. Updater
  1341. */
  1342.  
  1343. #thread-stats {
  1344. position: fixed !important;
  1345. left: 5px !important;
  1346. right: auto !important;
  1347. bottom: 4px !important;
  1348. top: auto !important;
  1349. border: none !important;
  1350. z-index: 4 !important;
  1351. font-size: 9pt !important;
  1352. color: #b3b3b3 !important;
  1353. background: none !important;
  1354. }
  1355.  
  1356. #update-timer {
  1357. position: fixed !important;
  1358. left: 5px !important;
  1359. right: auto !important;
  1360. bottom: 18px !important;
  1361. top: auto !important;
  1362. border: none !important;
  1363. z-index: 4 !important;
  1364. font-size: 9pt !important;
  1365. color: #b3b3b3 !important;
  1366. background: none !important;
  1367. }
  1368.  
  1369. #update-status.new {
  1370. position: fixed !important;
  1371. left: 17px !important;
  1372. right: auto !important;
  1373. bottom: 18px !important;
  1374. top: auto !important;
  1375. border: none !important;
  1376. z-index: 4 !important;
  1377. font-size: 9pt !important;
  1378. background: none !important;
  1379. }
  1380.  
  1381. }
  1382.  
  1383. @-moz-document regexp("https?://boards\\.4chan\\.org\\/(.|..|...|....)\\/catalog") {
  1384.  
  1385. #globalToggle,
  1386. #first-run,
  1387. #globalMessage,
  1388. #toggleMsgBtn,
  1389. #filters-ctrl,
  1390. #qf-clear.button,
  1391. #styleSwitcher {
  1392. display: none !important;
  1393. }
  1394.  
  1395. body {
  1396. color: #5F5F5F !important;
  1397. margin-left: 190px !important;
  1398. margin-right: 23px !important;
  1399. }
  1400.  
  1401. #content {
  1402. position: inherit !important;
  1403. }
  1404.  
  1405. .btn-wrap {
  1406. font-size: 0 !important;
  1407. }
  1408.  
  1409. #settings {
  1410. width: 100% !important;
  1411. }
  1412.  
  1413. #settings,
  1414. #threads,
  1415. #info .navLinks,
  1416. #content .navLinks {
  1417. text-align: center !important;
  1418. }
  1419.  
  1420. #ctrl,
  1421. #qf-ctrl.button {
  1422. font-size: 9pt !important;
  1423. color: #5f5f5f !important;
  1424. text-decoration: none !important;
  1425. margin-top: 25px !important;
  1426. }
  1427.  
  1428. #qf-box {
  1429. outline: none !important;
  1430. }
  1431.  
  1432. input:focus,
  1433. textarea:focus {
  1434. border: none !important;
  1435. }
  1436.  
  1437. #settingsWindowLink {
  1438. font-size: 0 !important;
  1439. }
  1440.  
  1441. #settingsWindowLink::after {
  1442. content: "Catalog Settings" !important;
  1443. position: fixed !important;
  1444. bottom: 5px !important;
  1445. left: 8px !important;
  1446. font-size: 9pt !important;
  1447. font-weight: normal !important;
  1448. }
  1449.  
  1450. #theme {
  1451. background: #fff !important;
  1452. }
  1453.  
  1454. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement