Guest User

Untitled

a guest
Jun 2nd, 2025
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.65 KB | None | 0 0
  1. width: 100%;
  2.  
  3. height: 100%;
  4.  
  5. z-index: -1;
  6.  
  7. }
  8.  
  9. #options_div,
  10.  
  11. #alert_div {
  12.  
  13. background-color: #d6daf0;
  14.  
  15. border: 1px solid black;
  16.  
  17. display: inline-block;
  18.  
  19. position: relative;
  20.  
  21. margin-top: 20px;
  22.  
  23. }
  24.  
  25. #options_div {
  26.  
  27. width: 620px;
  28.  
  29. height: 400px;
  30.  
  31. resize: both;
  32.  
  33. overflow: auto;
  34.  
  35. }
  36.  
  37. #alert_div {
  38.  
  39. width: 500px;
  40.  
  41. }
  42.  
  43. #alert_message {
  44.  
  45. text-align: center;
  46.  
  47. margin: 13px;
  48.  
  49. font-size: 110%;
  50.  
  51. }
  52.  
  53. .alert_button {
  54.  
  55. margin-bottom: 13px;
  56.  
  57. }
  58.  
  59. #options_div textarea {
  60.  
  61. max-width: 100%;
  62.  
  63. }
  64.  
  65. #options_close,
  66.  
  67. #alert_close {
  68.  
  69. top: 0px;
  70.  
  71. right: 0px;
  72.  
  73. position: absolute;
  74.  
  75. margin-right: 3px;
  76.  
  77. font-size: 20px;
  78.  
  79. z-index: 100;
  80.  
  81. }
  82.  
  83. #options_tablist {
  84.  
  85. padding: 0px 5px;
  86.  
  87. left: 0px;
  88.  
  89. width: 90px;
  90.  
  91. top: 0px;
  92.  
  93. bottom: 0px;
  94.  
  95. height: 100%;
  96.  
  97. border-right: 1px solid black;
  98.  
  99. }
  100.  
  101. .options_tab_icon {
  102.  
  103. padding: 5px;
  104.  
  105. color: black;
  106.  
  107. cursor: pointer;
  108.  
  109. }
  110.  
  111. .options_tab_icon.active {
  112.  
  113. color: red;
  114.  
  115. }
  116.  
  117. .options_tab_icon i {
  118.  
  119. font-size: 20px;
  120.  
  121. }
  122.  
  123. .options_tab_icon div {
  124.  
  125. font-size: 11px;
  126.  
  127. }
  128.  
  129. .options_tab {
  130.  
  131. padding: 10px;
  132.  
  133. position: absolute;
  134.  
  135. top: 0px;
  136.  
  137. bottom: 10px;
  138.  
  139. left: 101px;
  140.  
  141. right: 0px;
  142.  
  143. text-align: left;
  144.  
  145. font-size: 12px;
  146.  
  147. overflow-y: auto;
  148.  
  149. }
  150.  
  151. .options_tab h2 {
  152.  
  153. text-align: center;
  154.  
  155. margin-bottom: 5px;
  156.  
  157. }
  158.  
  159. .mobile-style #options_div,
  160.  
  161. .mobile-style #alert_div {
  162.  
  163. width: 95%;
  164.  
  165. height: 70%;
  166.  
  167. }
  168.  
  169. .mentioned {
  170.  
  171. word-wrap: break-word;
  172.  
  173. }
  174.  
  175. .poster_id {
  176.  
  177. cursor: pointer;
  178.  
  179. display: inline-block;
  180.  
  181. -webkit-user-select: none;
  182.  
  183. -moz-user-select: none;
  184.  
  185. -ms-user-select: none;
  186.  
  187. -o-user-select: none;
  188.  
  189. user-select: none;
  190.  
  191. }
  192.  
  193. .poster_id:hover {
  194.  
  195. color: #800000 !important;
  196.  
  197. }
  198.  
  199. .poster_id::before {
  200.  
  201. content: " ID: ";
  202.  
  203. }
  204.  
  205. pre {
  206.  
  207. /* Better code tags */
  208.  
  209. max-width: inherit;
  210.  
  211. word-wrap: normal;
  212.  
  213. overflow: auto;
  214.  
  215. display: block !important;
  216.  
  217. font-size: 9pt;
  218.  
  219. font-family: monospace;
  220.  
  221. }
  222.  
  223. span.pln {
  224.  
  225. color: grey;
  226.  
  227. }
  228.  
  229. @media screen and (max-width: 768px) {
  230.  
  231. .intro {
  232.  
  233. clear: both;
  234.  
  235. }
  236.  
  237. div.post div.body {
  238.  
  239. clear: both;
  240.  
  241. }
  242.  
  243. }
  244.  
  245. .clearfix {
  246.  
  247. display: block;
  248.  
  249. clear: both;
  250.  
  251. visibility: hidden;
  252.  
  253. overflow: hidden;
  254.  
  255. font-size: 0px;
  256.  
  257. line-height: 0px;
  258.  
  259. box-sizing: border-box;
  260.  
  261. border: none;
  262.  
  263. height: 0;
  264.  
  265. margin: 0;
  266.  
  267. padding: 0;
  268.  
  269. width: 100%;
  270.  
  271. }
  272.  
  273. /* === SPECIFIC PAGES & FEATURES === */
  274.  
  275. /* Board List */
  276.  
  277. div.boardlist {
  278.  
  279. margin-top: 3px;
  280.  
  281. color: #89A;
  282.  
  283. font-size: 9pt;
  284.  
  285. }
  286.  
  287. div.boardlist.bottom {
  288.  
  289. margin-top: 12px;
  290.  
  291. clear: both;
  292.  
  293. }
  294.  
  295. div.boardlist a {
  296.  
  297. text-decoration: none;
  298.  
  299. }
  300.  
  301. /* Threads */
  302.  
  303. /* Thread Footer */
  304.  
  305. #thread-interactions {
  306.  
  307. margin: 8px 0;
  308.  
  309. clear: both;
  310.  
  311. }
  312.  
  313. #thread-links {
  314.  
  315. float: left;
  316.  
  317. }
  318.  
  319. #thread-links > a {
  320.  
  321. margin-right: 10px;
  322.  
  323. }
  324.  
  325. #thread-quick-reply {
  326.  
  327. display: none;
  328.  
  329. position: absolute;
  330.  
  331. left: 50%;
  332.  
  333. right: 50%;
  334.  
  335. text-align: center;
  336.  
  337. width: 100px;
  338.  
  339. margin-left: -50px;
  340.  
  341. }
  342.  
  343. #thread_stats {
  344.  
  345. float: right;
  346.  
  347. }
  348.  
  349. #post-moderation-fields {
  350.  
  351. float: right;
  352.  
  353. text-align: right;
  354.  
  355. }
  356.  
  357. #delete-fields {}
  358.  
  359. #report-fields {}
  360.  
  361. /* threadwatcher */
  362.  
  363. #watchlist {
  364.  
  365. display: none;
  366.  
  367. max-height: 250px;
  368.  
  369. overflow: auto;
  370.  
  371. border: 1px solid;
  372.  
  373. border-style: none solid solid none;
  374.  
  375. width: 50%;
  376.  
  377. margin: 0 auto;
  378.  
  379. margin-bottom: 10px;
  380.  
  381. }
  382.  
  383. .watchlist-inner,
  384.  
  385. .watchlist-controls {
  386.  
  387. margin: 0 auto;
  388.  
  389. margin-top: 10px;
  390.  
  391. margin-bottom: 10px;
  392.  
  393. text-align: center;
  394.  
  395. }
  396.  
  397. #watchlist-toggle,
  398.  
  399. .watchThread,
  400.  
  401. .watchlist-remove,
  402.  
  403. #clearList,
  404.  
  405. #clearGhosts {
  406.  
  407. cursor: pointer;
  408.  
  409. }
  410.  
  411. #youtube-size input {
  412.  
  413. width: 50px;
  414.  
  415. }
  416.  
  417. /* File selector */
  418.  
  419. .dropzone {
  420.  
  421. cursor: default;
  422.  
  423. margin: auto;
  424.  
  425. padding: 0px 4px;
  426.  
  427. text-align: center;
  428.  
  429. min-height: 50px;
  430.  
  431. max-height: 140px;
  432.  
  433. transition: 0.2s;
  434.  
  435. overflow-y: auto;
  436.  
  437. }
  438.  
  439. .dropzone-wrap {
  440.  
  441. width: 100%;
  442.  
  443. }
  444.  
  445. .dropzone .file-hint {
  446.  
  447. opacity: 0.5;
  448.  
  449. cursor: pointer;
  450.  
  451. position: relative;
  452.  
  453. margin-bottom: 5px;
  454.  
  455. padding: 10px 0px;
  456.  
  457. top: 5px;
  458.  
  459. transition: 0.2s;
  460.  
  461. border: 2px dashed rgba(125, 125, 125, 0.4);
  462.  
  463. }
  464.  
  465. .file-hint:hover,
  466.  
  467. .dropzone.dragover .file-hint {
  468.  
  469. opacity: 1;
  470.  
  471. border-color: rgba(125, 125, 125, 0.8);
  472.  
  473. }
  474.  
  475. .dropzone.dragover {
  476.  
  477. background-color: rgba(200, 200, 200, 1);
  478.  
  479. }
  480.  
  481. .dropzone .file-thumbs {
  482.  
  483. text-align: left;
  484.  
  485. width: 100%;
  486.  
  487. }
  488.  
  489. .dropzone .tmb-container {
  490.  
  491. padding: 3px;
  492.  
  493. overflow-x: hidden;
  494.  
  495. white-space: nowrap;
  496.  
  497. }
  498.  
  499. .dropzone .file-tmb {
  500.  
  501. height: 40px;
  502.  
  503. width: 70px;
  504.  
  505. cursor: pointer;
  506.  
  507. display: inline-block;
  508.  
  509. text-align: center;
  510.  
  511. background-color: rgba(187, 187, 187, 0.5);
  512.  
  513. background-size: cover;
  514.  
  515. background-position: center;
  516.  
  517. }
  518.  
  519. .dropzone .file-tmb span {
  520.  
  521. font-weight: 600;
  522.  
  523. position: relative;
  524.  
  525. top: 13px;
  526.  
  527. }
  528.  
  529. .dropzone .tmb-filename {
  530.  
  531. display: inline-block;
  532.  
  533. vertical-align: bottom;
  534.  
  535. bottom: 12px;
  536.  
  537. position: relative;
  538.  
  539. margin-left: 5px;
  540.  
  541. }
  542.  
  543. .dropzone .tmb-flag {
  544.  
  545. display: inline-block;
  546.  
  547. float: right;
  548.  
  549. margin-right: 5px;
  550.  
  551. }
  552.  
  553. .dropzone .remove-btn {
  554.  
  555. cursor: pointer;
  556.  
  557. color: rgba(125, 125, 125, 0.5);
  558.  
  559. display: inline-block;
  560.  
  561. vertical-align: bottom;
  562.  
  563. bottom: 10px;
  564.  
  565. position: relative;
  566.  
  567. margin-right: 5px;
  568.  
  569. font-size: 20px
  570.  
  571. }
  572.  
  573. .dropzone .remove-btn:hover {
  574.  
  575. color: rgba(125, 125, 125, 1);
  576.  
  577. }
  578.  
  579. #thread_stats {
  580.  
  581. display: inline;
  582.  
  583. margin-left: 10px;
  584.  
  585. margin-right: 10px;
  586.  
  587. }
  588.  
  589. /* Fileboard */
  590.  
  591. table.fileboard th,
  592.  
  593. table.fileboard td {
  594.  
  595. padding: 2px;
  596.  
  597. text-align: center;
  598.  
  599. }
  600.  
  601. table.fileboard .intro a {
  602.  
  603. margin-left: 0px;
  604.  
  605. }
  606.  
  607. /* Gallery view */
  608.  
  609. #gallery_images {
  610.  
  611. position: absolute;
  612.  
  613. right: 0px;
  614.  
  615. bottom: 0px;
  616.  
  617. top: 0px;
  618.  
  619. width: 12%;
  620.  
  621. background-color: rgba(0, 0, 0, 0.4);
  622.  
  623. overflow: auto;
  624.  
  625. }
  626.  
  627. #gallery_toolbar {
  628.  
  629. position: absolute;
  630.  
  631. right: 12%;
  632.  
  633. left: 0px;
  634.  
  635. bottom: 0px;
  636.  
  637. height: 32px;
  638.  
  639. background-color: rgba(0, 0, 0, 0.4);
  640.  
  641. text-align: right;
  642.  
  643. }
  644.  
  645. #gallery_images img {
  646.  
  647. width: 100%;
  648.  
  649. }
  650.  
  651. #gallery_toolbar a {
  652.  
  653. font-size: 28px;
  654.  
  655. padding-right: 5px;
  656.  
  657. }
  658.  
  659. #gallery_main {
  660.  
  661. position: absolute;
  662.  
  663. left: 0px;
  664.  
  665. right: 12%;
  666.  
  667. bottom: 32px;
  668.  
  669. top: 0px;
  670.  
  671. padding: 10px;
  672.  
  673. }
  674.  
  675. #gallery_images img {
  676.  
  677. opacity: 0.6;
  678.  
  679. -webkit-transition: all 0.5s;
  680.  
  681. transition: all 0.5s;
  682.  
  683. }
  684.  
  685. #gallery_images img:hover,
  686.  
  687. #gallery_images img.active {
  688.  
  689. opacity: 1;
  690.  
  691. }
  692.  
  693. a[href^='mailto:sage']::after {
  694.  
  695. content: ' SAGE!';
  696.  
  697. text-decoration: none;
  698.  
  699. }
  700.  
  701. a[href^='mailto:supersage']::after {
  702.  
  703. content: ' SUPER SAGE!';
  704.  
  705. color: red;
  706.  
  707. text-decoration: none;
  708.  
  709. }
  710.  
  711. a[href^='mailto:bump']::after {
  712.  
  713. content: ' BUMP!';
  714.  
  715. text-decoration: none;
  716.  
  717. }
  718.  
  719. a[href^='mailto:sage'], a[href^='mailto:bump'], a[href^='mailto:supersage'] {
  720.  
  721. text-decoration: none;
  722.  
  723. }
  724.  
  725. #gallery_images img.active {
  726.  
  727. -webkit-box-shadow: 0px 0px 29px 2px rgba(255, 255, 255, 1);
  728.  
  729. -moz-box-shadow: 0px 0px 29px 2px rgba(255, 255, 255, 1);
  730.  
  731. box-shadow: 0px 0px 29px 2px rgba(255, 255, 255, 1);
  732.  
  733. z-index: 1;
  734.  
  735. }
  736.  
  737. #gallery_main img,
  738.  
  739. #gallery_main video {
  740.  
  741. max-width: 100%;
  742.  
  743. max-height: 100%;
  744.  
  745. position: absolute;
  746.  
  747. }
  748.  
  749. .own_post {
  750.  
  751. font-style: italic;
  752.  
  753. font-weight: normal;
  754.  
  755. opacity: .666;
  756.  
  757. }
  758.  
  759. div.mix {
  760.  
  761. display: inline-block;
  762.  
  763. }
  764.  
  765. .google-auto-placed:has(ins.adsbygoogle[data-ad-status="unfilled"]), div.post .body .google-auto-placed {
  766.  
  767. display: none !important;
  768.  
  769. }
  770.  
  771. .grid-li .poll {
  772.  
  773. width: 100%;
  774.  
  775. }
  776.  
  777. .tmb-flag input {
  778.  
  779. display: block;
  780.  
  781. margin: 2px auto 0 auto !important;
  782.  
  783. }
  784.  
Advertisement
Add Comment
Please, Sign In to add comment