API tools faq
paste
Advertisement
Guest User

Ninties Cheese

a guest
Jan 21st, 2024
20
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.71 KB | None | 0 0
raw download clone embed print report
  1. /* "Nineties Cheese" theme by Anonymous
  2. for Julay World's /retro/
  3. version 1.03
  4. 09.04.2020
  5. */
  6.  
  7. /*--------------------------------------
  8. PRE-STYLING
  9. --------------------------------------*/
  10.  
  11. /* Reset all styles */
  12. * {
  13. margin: 0 !important ;
  14. padding: 0 !important ;
  15. border: none !important ;
  16. outline: none !important ;
  17. font-size: 100% !important ;
  18. vertical-align: baseline !important ;
  19. background: none !important ;
  20. float: none !important ;
  21. color: black !important ;
  22. text-decoration: none !important ;
  23. text-shadow: none !important ;
  24. box-shadow: none !important ;
  25. filter: none !important ;
  26. border-radius: 0 !important ;
  27. }
  28.  
  29. /* Remove Chrome/Safari on-focus blue border */
  30. input:focus, select:focus,
  31. textarea:focus button:focus {
  32. outline: none !important ;
  33. }
  34.  
  35. /*--------------------------------------
  36. TWEAKING YOTSUBA
  37. --------------------------------------*/
  38.  
  39. /* Remove banner */
  40. #bannerImage {
  41. display: none !important ;
  42. }
  43.  
  44. /* Yotsuba icons */
  45. .fa, .far, .fas {
  46. font-family: "Font Awesome 5 Free" !important ;
  47. }
  48. .bracket-list:before, .bracket-list:after, .bracket-list a::after,
  49. .bracket-list > *:not(:last-child):after {
  50. content: none !important ;
  51. padding: 0 !important ;
  52. }
  53.  
  54. /*--------------------------------------
  55. GENERAL LAYOUT
  56. --------------------------------------*/
  57.  
  58. /* Adjust body */
  59. body {
  60. margin: auto !important ;
  61. }
  62.  
  63. /*--------------------------------------
  64. CONTROL ELEMENTS
  65. --------------------------------------*/
  66.  
  67. /* Buttons */
  68. button, input[type='button'] {
  69. border: 2px solid black !important ;
  70. border-radius: 0 !important ;
  71. padding: 4px 8px !important ;
  72. font-family: Verdana, Geneva, sans-serif !important ;
  73. font-weight: bold !important ;
  74. font-size: small !important ;
  75. margin: 4px !important ;
  76. cursor: pointer !important ;
  77. }
  78.  
  79. /* Checkboxes */
  80. input[type='checkbox'] {
  81. -webkit-appearance: none !important ;
  82. -moz-appearance: none !important ;
  83. appearance: none !important ;
  84. border: 1px solid black !important ;
  85. padding: 6px !important ;
  86. position: relative !important ;
  87. margin: 0px 4px 3px 0 !important ;
  88. top: 4px !important ;
  89. }
  90. input[type='checkbox']:checked:after {
  91. content: '\2714' !important ;
  92. font-size: 16px !important ;
  93. position: absolute !important ;
  94. top: -5px !important ;
  95. left: 0px !important ;
  96. }
  97.  
  98. /* Text input */
  99. input[type='text'], input[type='password'], textarea {
  100. border: 2px solid black !important ;
  101. }
  102.  
  103. /* Selector */
  104. select {
  105. border: 1px solid black !important ;
  106. height: 23px !important ;
  107. font-family: Verdana, Geneva, sans-serif !important ;
  108. font-size: small !important ;
  109. }
  110.  
  111. /*--------------------------------------
  112. FLOATING WINDOWS
  113. --------------------------------------*/
  114.  
  115. /* General */
  116. .floatingMenu {
  117. border: 2px solid black !important ;
  118. transform: translateX(-2px) !important ;
  119. /*position: fixed !important ;*/
  120. font-family: Verdana, Geneva, sans-serif !important ;
  121. }
  122. .floatingMenu * {
  123. font-family: Verdana, Geneva, sans-serif !important ;
  124. }
  125. .floatingMenu input[type='checkbox'] {
  126. margin: 0 !important ;
  127. transform: translateY(0.15em) !important ;
  128. }
  129. #newFilterPanel {
  130. margin-left: 10px !important ;*/
  131. }
  132. #newFilterPanel input[type='checkbox'] {
  133. transform: translateY(-0.1em) !important ;*/
  134. }
  135. #newFilterPanel button {
  136. transform: translateY(-0.2em) !important ;*/
  137. }
  138.  
  139. /* Header */
  140. .floatingMenu .header {
  141. cursor: move !important ;
  142. font-size: medium !important ;
  143. font-weight: bold !important ;
  144. text-align: center !important ;
  145. height: 28px !important ;
  146. font-family: Tahoma, Arial, sans-serif !important ;
  147. }
  148. .floatingMenu .headerLabel, #watchedMenu > .header > span:first-of-type {
  149. font-size: small !important ;
  150. display: table-cell !important ;
  151. height: 28px !important ;
  152. vertical-align: middle !important ;
  153. transform: translateX(0.75em) !important ;
  154. }
  155. .floatingMenu .header + hr {
  156. margin: 0.5rem -0.5rem 0.5rem !important ;
  157. width: calc(100% + 1rem) !important ;
  158. }
  159. .extraMenu > div {
  160. padding: 4px 8px !important ;
  161. }
  162.  
  163. /* Close button */
  164. .menuClose .fa {
  165. font-size: 0 !important ;
  166. position: static !important ;
  167. }
  168. .menuClose .fa:before {
  169. content: '\2716' !important ;
  170. font-size: medium !important ;
  171. position: relative !important ;
  172. top: -0.2em !important ;
  173. }
  174. .menuClose {
  175. display: inline-block !important ;
  176. height: 28px !important ;
  177. width: 28px !important ;
  178. border: 2px solid black !important ;
  179. position: absolute !important ;
  180. right: 0 !important ;
  181. top: 0 !important ;
  182. font-size: 1.5rem !important ;
  183. }
  184.  
  185. /* Settings */
  186. .settingsTabs {
  187. margin-bottom: 0.5em !important ;
  188. }
  189. .settingsTab {
  190. margin-left: 0.5em !important ;
  191. padding: 4px 8px !important ;
  192. }
  193. #cssInput, #jsInput {
  194. display: inline !important ;
  195. margin: 5px !important ;
  196. max-width: calc(100% - 10px) !important ;
  197. }
  198. .settingsContentPanel > div {
  199. margin-top: 15px !important ;
  200. display: block !important ;
  201. }
  202. .settingsContentPanel input[type='checkbox'], .settingsContentPanel label {
  203. margin: 0 0 5px 5px !important ;
  204. }
  205. .settingsContentPanel input[type='checkbox'] {
  206. margin-left: 8px !important ;
  207. }
  208. .settingsContentPanel button {
  209. margin: 15px 10px 10px 10px !important ;
  210. }
  211.  
  212. /* Watched threads */
  213. #watchedMenu, #settingsMenu {
  214. position: fixed !important ;
  215. z-index: 100 !important ;
  216. width: 500px !important ;
  217. }
  218. #watchedMenu {
  219. width: auto !important ;
  220. min-width: 250px !important ;
  221. }
  222. #watchedMenu hr {
  223. display: none !important ;
  224. }
  225. .watchedCell {
  226. padding: 15px !important ;
  227. }
  228.  
  229. .watchedCellCloseButton, .watchedNotification { cursor: pointer !important ; }
  230. .watchedCellCloseButton { float: right !important ; }
  231. .watchedNotification { padding: 0.25rem 0.5rem !important ; }*/
  232.  
  233. .watchedCellCloseButton i {
  234. font-family: "Font Awesome 5 Free" !important ;
  235. margin-left: 1em !important ;
  236. }
  237.  
  238. /* Captcha */
  239. .modalInnerPanel {
  240. padding: 10px !important ;
  241. border: 2px solid black !important ;
  242. }
  243. .modalCaptchaControls > i {
  244. margin-right: 10px !important ;
  245. }
  246.  
  247. /*--------------------------------------
  248. WEBRING WINDOW
  249. --------------------------------------*/
  250.  
  251. /* Old */
  252. .WebringWrapper {
  253. position: fixed !important ;
  254. z-index: 1000000 !important ;
  255. top: 0 !important ;
  256. left: 0 !important ;
  257. width: 100% !important ;
  258. height: 100% !important ;
  259. }
  260. .WebringWrapper--closing {
  261. pointer-events: none !important ;
  262. }
  263. @keyframes webringwrappershade-fadein {
  264. from { opacity: 0 } to { opacity: 0.6 }
  265. }
  266. .WebringWrapper__shade {
  267. position: absolute !important ;
  268. top: 0 !important ;
  269. left: 0 !important ;
  270. right: 0 !important ;
  271. bottom: 0 !important ;
  272. background-color: black !important ;
  273. opacity: 0.6 !important ;
  274. animation: webringwrappershade-fadein .3s ease !important ;
  275. }
  276. @keyframes webringwrappershade-fadeout {
  277. from { opacity: 0.6 } to { opacity: 0 }
  278. }
  279. .WebringWrapper--closing .WebringWrapper__shade {
  280. opacity: 0 !important ;
  281. animation: webringwrappershade-fadeout .3s ease !important ;
  282. }
  283. @keyframes webring-slidein {
  284. from { transform: translate(-50%, -50%) scale(1.3) !important ; opacity: 0 }
  285. to { translate(-50%, -50%) scale(1) !important ; opacity: 1 }
  286. }
  287. .Webring {
  288. position: absolute !important ;
  289. top: 50% !important ;
  290. left: 50% !important ;
  291. transform: translate(-50%, -50%) scale(1) !important ;
  292.  
  293. font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important ;
  294.  
  295. min-width: 90% !important ;
  296. min-height: 500px !important ;
  297. max-height: 95% !important ;
  298.  
  299. background-image: linear-gradient(to right bottom, #2e2f32, #1d1f21) !important ;
  300. color: white !important ;
  301.  
  302. animation: webring-slidein .3s cubic-bezier(.21,.75,0,1) !important ;
  303. }
  304. @keyframes webring-slideout {
  305. from { transform: translate(-50%, -50%) scale(1) !important ; opacity: 1 }
  306. to { translate(-50%, -50%) scale(1.3) !important ; opacity: 0 }
  307. }
  308. .WebringWrapper--closing .Webring {
  309. transform: translate(-50%, -50%) scale(1.3) !important ;
  310. opacity: 0 !important ;
  311. animation: webring-slideout .3s cubic-bezier(.21,.75,0,1) !important ;
  312. }
  313. .Webring__close {
  314. font-size: 3rem !important ;
  315. position: absolute !important ;
  316. z-index: 100 !important ;
  317. top: 2rem !important ;
  318. right: 2rem !important ;
  319. line-height: 0 !important ;
  320. cursor: pointer !important ;
  321. }
  322. /* layout */
  323. .Webring__inner {
  324. position: absolute !important ;
  325. height: 100% !important ;
  326. width: 100% !important ;
  327. top: 0 !important ;
  328. left: 0 !important ;
  329. display: grid !important ;
  330. grid-template-columns: 3rem auto !important ;
  331. }
  332. .WebringTabs {
  333. -webkit-user-select: none !important ;
  334. -moz-user-select: none !important ;
  335. -ms-user-select: none !important ;
  336. -o-user-select: none !important ;
  337. user-select: none !important ;
  338. }
  339. .WebringTabs__button {
  340. width: 3rem !important ;
  341. height: 3rem !important ;
  342. position: relative !important ;
  343. cursor: pointer !important ;
  344. }
  345. .WebringTabs__button--selected {
  346. cursor: default !important ;
  347. }
  348. .WebringTabs__button__strip {
  349. position: absolute !important ;
  350. z-index: 100 !important ;
  351. top: 0 !important ;
  352. left: 0 !important ;
  353. height: 3rem !important ;
  354. white-space: nowrap !important ;
  355. overflow: hidden !important ;
  356. width: 3rem !important ;
  357. background-color: #2e2f32 !important ;
  358. color: #CCC !important ;
  359. box-shadow: none !important ;
  360. transition: .25s ease !important ;
  361. transition-property: width, background-color, color, box-shadow !important ;
  362. }
  363. .WebringTabs__button__strip:hover {
  364. width: 12rem !important ;
  365. background-color: #555 !important ;
  366. color: white !important ;
  367. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.21), 0 4px 8px rgba(0, 0, 0, 0.3) !important ;
  368. }
  369. .WebringTabs__button--selected .WebringTabs__button__strip {
  370. background-color: #CCC !important ;
  371. color: #2e2f32 !important ;
  372. }
  373. .WebringTabs__button__strip svg {
  374. width: 1.5rem !important ;
  375. height: 1.5rem !important ;
  376. padding: 0.75rem !important ;
  377. box-sizing: content-box !important ;
  378. }
  379. .WebringTabs__button__strip span {
  380. display: inline-block !important ;
  381. height: 3rem !important ;
  382. line-height: 3rem !important ;
  383. vertical-align: top !important ;
  384. padding: 0 1rem !important ;
  385. }
  386. .WebringTabs__button--close {
  387. position: absolute !important ;
  388. bottom: 0 !important ;
  389. }
  390. .WebringTabs__button--refresh {
  391. position: absolute !important ;
  392. bottom: 3rem !important ;
  393. }
  394. .WebringTabs__button--refresh span {
  395. font-size: 70% !important ;
  396. }
  397. @keyframes refreshloading {
  398. from { transform: rotate(0deg) !important ; }
  399. to { transform: rotate(360deg) !important ; }
  400. }
  401. .WebringTabs__button--refresh-loading svg {
  402. animation: refreshloading 1s linear infinite !important ;
  403. }
  404. .WebringStage {
  405. background-color: rgba(0, 0, 0, 0.3) !important ;
  406. overflow-y: auto !important ;
  407. }
  408. .WebringTable {
  409. padding: 1rem !important ;
  410. color: #CCC !important ;
  411. }
  412. .WebringTable a {
  413. color: white !important ;
  414. outline: none !important ;
  415. text-shadow: none !important ;
  416. }
  417. .WebringTable a:hover {
  418. color: #DDD !important ;
  419. text-shadow: 0 0 4px !important ;
  420. }
  421. .WebringTable a:active {
  422. color: #AAA !important ;
  423. }
  424. .WebringTable__header {
  425. text-align: center !important ;
  426. margin-top: 0 !important ;
  427. }
  428. .WebringTable table {
  429. width: 100% !important ;
  430. }
  431. .WebringTable td {
  432. padding: 1px 3px !important ;
  433. }
  434. .WebringTable__board--samesite td:nth-child(1) {
  435. background-color: #555 !important ;
  436. }
  437. .WebringTable__board td:nth-child(3),
  438. .WebringTable__board td:nth-child(2)
  439. {
  440. text-overflow: ellipsis !important ;
  441. white-space: nowrap !important ;
  442. overflow: hidden !important ;
  443. max-width: 200px !important ;
  444. }
  445. .WebringTable table tr:nth-child(2n) td {
  446. background-color: #333 !important ;
  447. }
  448. .WebringTable__board--samesite td:nth-child(1) {
  449. background-color: #555 !important !important ;
  450. font-weight: bold !important ;
  451. }
  452. .WebringTable__board--sameboard td {
  453. background-color: #555 !important !important ;
  454. font-weight: bold !important ;
  455. }
  456. .WebringTable__board__last-activity {
  457. text-align: center !important ;
  458. color: white !important ;
  459. }
  460. @media (max-width: 600px) {
  461. .Webring {
  462. max-width: 100% !important ;
  463. width: 100% !important ;
  464. height: 90% !important ;
  465. }
  466. .WebringTable table th:nth-child(3),
  467. .WebringTable table th:nth-child(4),
  468. .WebringTable table th:nth-child(5),
  469. .WebringTable table th:nth-child(6),
  470. .WebringTable table td:nth-child(3),
  471. .WebringTable table td:nth-child(4),
  472. .WebringTable table td:nth-child(5),
  473. .WebringTable table td:nth-child(6) {
  474. display: none !important ;
  475. }
  476. .WebringTable__board td:nth-child(2) {
  477. max-width: 120px !important ;
  478. }
  479. }
  480.  
  481. /* Custom */
  482. .WebringTable__header {
  483. font-size: x-large !important ;
  484. }
  485. .Webring {
  486. width: 90% !important ;
  487. min-width: 800px !important ;
  488. }
  489.  
  490. /*--------------------------------------
  491. NAVIGATION BAR
  492. --------------------------------------*/
  493.  
  494. /* Center elements */
  495. #board-top-nav {
  496. text-align: center !important ;
  497. }
  498.  
  499. /* General */
  500. .top-nav {
  501. position: absolute !important ;
  502. display: inline-block !important ;
  503. width: 408px !important ;
  504. height: 220px !important ;
  505. overflow: visible !important ;
  506. word-break: break-word !important ;
  507. top: 142px !important ;
  508. left: calc((100% - 768px) / 2) !important ;
  509. column-count: 2 !important ;
  510. column-fill: auto !important ;
  511. }
  512.  
  513. /* Main nav items (Home, Boards...etc) */
  514. #navLinkSpan {
  515. display: inline-block !important ;
  516. }
  517. #navLinkSpan:before {
  518. white-space: pre-wrap !important ;
  519. content: 'Main menu\A' !important ;
  520. font-family: 'Times New Roman', Times, serif !important ;
  521. font-size: x-large !important ;
  522. font-weight: bold !important ;
  523. font-style: italic !important ;
  524. margin-left: 2px !important ;
  525. }
  526. #navLinkSpan a .fa, .top-nav-dynamic {
  527. display: none !important ;
  528. }
  529. #navLinkSpan a, .top-nav-dynamic a, #navBoardsSpan a {
  530. display: list-item !important ;
  531. list-style: none !important ;
  532. font-family: Verdana, Geneva, sans-serif !important ;
  533. font-weight: bold !important ;
  534. font-size: small !important ;
  535. }
  536. #navLinkSpan a:not(.WebringButton):before {
  537. content: '\2663' !important ;
  538. margin-right: 2px !important ;
  539. }
  540.  
  541. /* Webring button */
  542. .WebringButton {
  543. animation: none !important ;
  544. text-shadow: none !important ;
  545. line-height: 18px !important ;
  546. }
  547. .WebringButton:before {
  548. content: '\2663\0020' !important ;
  549. }
  550.  
  551. /* Theme selector */
  552. #themeSelector {
  553. position: relative !important ;
  554. width: 150px !important ;
  555. border: 1px solid black !important ;
  556. font-family: Verdana, Geneva, sans-serif !important ;
  557. font-size: small !important ;
  558. margin: 4px 0 !important ;
  559. }
  560.  
  561. /*--------------------------------------
  562. FAVORITE BOARDS
  563. --------------------------------------*/
  564.  
  565. /* General */
  566. #navBoardsSpan:before {
  567. white-space: pre-wrap !important ;
  568. content: 'Favorite boards' !important ;
  569. font-family: 'Times New Roman', Times, serif !important ;
  570. font-size: x-large !important ;
  571. font-weight: bold !important ;
  572. font-style: italic !important ;
  573. margin-left: 2px !important ;
  574. }
  575. #board-catalog #navBoardsSpan:before {
  576. content: '\A Favorite boards' !important ;
  577. }
  578. #navBoardsSpan {
  579. display: inline !important ;
  580. }
  581.  
  582. /* Heart shaped bullets */
  583. #navBoardsSpan a:before {
  584. content: '\2665\0020' !important ;
  585. }
  586.  
  587. /*--------------------------------------
  588. BOARD HEADER
  589. --------------------------------------*/
  590.  
  591. /* Board name */
  592. #labelName, #labelBoard {
  593. white-space: pre-wrap !important ;
  594. font-size: 0 !important ;
  595. font-family: 'Times New Roman', Times, serif !important ;
  596. font-weight: bold !important ;
  597. font-style: italic !important ;
  598. font-variant: small-caps !important ;
  599. }
  600. #labelName:before, #labelBoard:before {
  601. display: inline-block !important ;
  602. content: 'Retro' !important ;
  603. font-size: 64px !important ;
  604. position: relative !important ;
  605. left: 13px !important ;
  606. padding: 0 10px !important ;
  607. text-shadow: 1px 1px black, 2px 2px black, 3px 3px black !important ;
  608. }
  609.  
  610. /* Favorite button */
  611. #favouriteButton {
  612. display: inline-block !important ;
  613. font-size: 0 !important ;
  614. position: relative !important ;
  615. }
  616. #favouriteButton:before {
  617. font-size: 32px !important ;
  618. vertical-align: 65% !important ;
  619. content: '\2605' !important ;
  620. position: relative !important ;
  621. }
  622.  
  623. /* Board description */
  624. #labelDescription {
  625. display: inline-block !important ;
  626. width: 170px !important ;
  627. height: 51px !important ;
  628. position: relative !important ;
  629. top: -5px !important ;
  630. white-space: pre-wrap !important ;
  631. padding: 6px 0 !important ;
  632. font-family: Verdana, Geneva, sans-serif !important ;
  633. font-weight: bold !important ;
  634. font-size: 0 !important ;
  635. box-shadow: 1px 1px black, 2px 2px black, 3px 3px black !important ;
  636. }
  637. #labelDescription:before {
  638. display: inline !important ;
  639. content: '1990s and 2000s' !important ;
  640. font-size: 16px !important ;
  641. }
  642. #labelDescription:after {
  643. display: inline !important ;
  644. content: '\A\2726 Nostalgia \2726' !important ;
  645. font-size: 16px !important ;
  646. }
  647.  
  648. /*--------------------------------------
  649. GLOBAL ANNOUNCEMENTS
  650. --------------------------------------*/
  651.  
  652. /* General */
  653. #globalAnnouncement {
  654. position: static !important ;
  655. display: block !important ;
  656. text-align: left !important ;
  657. width: 768px !important ;
  658. height: 220px !important ;
  659. overflow: auto !important ;
  660. word-break: break-word !important ;
  661. margin: auto !important ;
  662. margin-top: 16px !important ;
  663. margin-bottom: 20px !important ;
  664. padding-left: 408px !important ;
  665. }
  666. #globalAnnouncement * {
  667. font-family: Verdana, Geneva, sans-serif !important ;
  668. font-weight: bold !important ;
  669. font-size: small !important ;
  670. }
  671. #globalAnnouncement br {
  672. display: none !important ;
  673. }
  674. #globalAnnouncement p {
  675. display: list-item !important ;
  676. list-style: none !important ;
  677. }
  678. #globalAnnouncement:before {
  679. content: 'Global announcements' !important ;
  680. font-family: 'Times New Roman', Times, serif !important ;
  681. font-size: x-large !important ;
  682. font-weight: bold !important ;
  683. font-style: italic !important ;
  684. margin-left: 2px !important ;
  685. }
  686. #globalAnnouncement p:before {
  687. content: '\2666\20' !important ;
  688. margin-right: 2px !important ;
  689. }
  690.  
  691. /*--------------------------------------
  692. POSTING FORM
  693. --------------------------------------*/
  694.  
  695. /* General */
  696. #postingForm:before {
  697. font-family: 'Times New Roman', Times, serif !important ;
  698. font-size: x-large !important ;
  699. font-weight: bold !important ;
  700. font-style: italic !important ;
  701. margin-left: 2px !important ;
  702. }
  703. #posting-table, #posting-extra-table {
  704. border-spacing: 5px !important ;
  705. }
  706. #posting-table th, #posting-extra-table th {
  707. text-align: left !important ;
  708. vertical-align: top !important ;
  709. padding-right: 5px !important ;
  710. width: 120px !important ;
  711. }
  712. #posting-table th label, #posting-extra-table th label {
  713. font-family: Verdana, Geneva, sans-serif !important ;
  714. font-size: small !important ;
  715. }
  716. #posting-table td .postingInput,
  717. #posting-extra-table td .postingInput,
  718. input[type='checkbox'] {
  719. border: 2px solid black !important ;
  720. }
  721. #posting-table td p, #posting-extra-table td p {
  722. font-family: Verdana, Geneva, sans-serif !important ;
  723. font-size: small !important ;
  724. }
  725. #posting-table td > p:first-of-type, #posting-extra-table td p {
  726. font-style: italic !important ;
  727. }
  728.  
  729. /* Drop zone */
  730. #divUpload td {
  731. padding: 2px 4px !important ;
  732. text-align: center !important ;
  733. }
  734. #divUpload td p {
  735. display: inline-block !important ;
  736. }
  737. .selectedCell .nameLabel {
  738. font-size: small !important ;
  739. white-space: nowrap !important ;
  740. overflow: ellipsis !important ;
  741. margin-left: 10px !important ;
  742. }
  743. .dragAndDropThumb {
  744. margin-left: 28px !important ;
  745. }
  746. .selectedCell {
  747. position: relative !important ;
  748. display: block !important ;
  749. padding: 10px !important ;
  750. text-align: left !important ;
  751. min-height: auto !important ;
  752. }
  753.  
  754. /* Post button */
  755. .posting-extra summary, .post-submit {
  756. display: inline-block !important ;
  757. height: 28px !important ;
  758. }
  759.  
  760. /* Extra */
  761. .posting-extra summary {
  762. padding: 4px 8px !important ;
  763. margin: 4px !important ;
  764. font-family: Verdana, Geneva, sans-serif !important ;
  765. font-size: small !important ;
  766. font-weight: bold !important ;
  767. border: 2px solid black !important ;
  768. }
  769.  
  770. /*--------------------------------------
  771. QUICK REPLY
  772. --------------------------------------*/
  773.  
  774. /* General */
  775. #quick-reply {
  776. border: 2px solid black !important ;
  777. }
  778. .post-table {
  779. border-collapse: collapse !important ;
  780. width: 100% !important ;
  781. }
  782. .post-table td {
  783. padding: 0 6px 6px 6px !important ;
  784. }
  785. .post-table tr:nth-child(2) td {
  786. padding-top: 6px !important ;
  787. }
  788.  
  789. /* Handle */
  790. .post-table th {
  791. height: 28px !important ;
  792. vertical-align: middle !important ;
  793. }
  794. .handle {
  795. font-size: small !important ;
  796. font-family: Tahoma, Arial, sans-serif !important ;
  797. display: block !important ;
  798. text-align: left !important ;
  799. margin-left: 0.75em !important ;
  800. }
  801. #quick-reply .fa {
  802. font-size: 0 !important ;
  803. position: static !important ;
  804. }
  805. #quick-reply .fa:before {
  806. content: '\2716' !important ;
  807. font-size: medium !important ;
  808. position: relative !important ;
  809. top: 0.25em !important ;
  810. }
  811. .handle .close-btn {
  812. display: inline-block !important ;
  813. height: 28px !important ;
  814. width: 28px !important ;
  815. border: 2px solid black !important ;
  816. position: absolute !important ;
  817. right: 0 !important ;
  818. top: 0 !important ;
  819. text-align: center !important ;
  820. margin-left: 0 !important ;
  821. }
  822.  
  823. /* Text input */
  824. .post-table [type='text'],
  825. .post-table [type='password'],
  826. .post-table textarea {
  827. font-family: Tahoma, Arial, sans-serif !important ;
  828. border: 2px solid black !important ;
  829. }
  830. .post-table [type='text'],
  831. .post-table [type='password'] {
  832. width: calc(100% - 1px) !important ;
  833. }
  834.  
  835. /* Other inputs */
  836. #quick-reply summary, #quick-reply button {
  837. margin: 0 6px 6px 6px !important ;
  838. }
  839.  
  840. /* Drop zone */
  841. #quick-reply .dropzone {
  842. padding: 6px !important ;
  843. }
  844.  
  845. /*--------------------------------------
  846. NAVIGATIONAL BUTTONS
  847. --------------------------------------*/
  848.  
  849. /* Container */
  850. .board-nav {
  851. padding-top: 20px !important ;
  852. width: 768px !important ;
  853. margin: auto !important ;
  854. position: relative !important ;
  855. }
  856.  
  857. /* Button layout */
  858. .board-nav > a, .board-nav > div:first-of-type > a,
  859. .board-nav > a:after, .board-nav > div:first-of-type > a:after {
  860. font-family: Verdana, Geneva, sans-serif !important ;
  861. font-size: medium !important ;
  862. font-weight: bold !important ;
  863. text-decoration: none !important ;
  864. display: inline-block !important ;
  865. width: auto !important ;
  866. margin: 0 8px !important ;
  867. line-height: 1 !important ;
  868. }
  869. .board-nav > a:before,
  870. .board-nav > div:first-of-type > a:before {
  871. font-size: xx-large !important ;
  872. position: relative !important ;
  873. line-height: 1 !important ;
  874. display: inline !important ;
  875. width: 32px !important ;
  876. text-shadow: 1px 1px black, 2px 2px black, 3px 3px black !important ;
  877. white-space: pre-wrap !important ;
  878. vertical-align: 25% !important ;
  879. }
  880. .board-nav > a:after,
  881. .board-nav > div:first-of-type > a:after {
  882. content: none !important ;
  883. }
  884. #board-catalog #board-top-nav {
  885. padding-top: 40px !important ;
  886. }
  887. #board-catalog #board-top-nav .bracket-button {
  888. padding-bottom: 40px !important ;
  889. }
  890. #board-thread #board-bottom-nav .bracket-button,
  891. #board-index #board-bottom-nav .bracket-button:not(#pages-container) {
  892. padding-bottom: 20px !important ;
  893. }
  894.  
  895. /* Icons */
  896. #board-top-nav a[href$='catalog.html']:before,
  897. #board-bottom-nav a[href$='catalog.html']:before {
  898. content: '\2756\A' !important ;
  899. }
  900. #linkLogs:before {
  901. content: '\260E\A' !important ;
  902. }
  903. #board-top-nav a[href='#footer'] {
  904. font-size: 0 !important ;
  905. }
  906. #board-top-nav a[href='#footer']:before {
  907. content: '\25BC\A' !important ;
  908. }
  909. #board-top-nav a[href='#footer']:after {
  910. content: 'Bottom' !important ;
  911. font-size: medium !important ;
  912. margin: 0 !important ;
  913. }
  914. #board-bottom-nav a[href='#'] {
  915. font-size: 0 !important ;
  916. }
  917. #board-bottom-nav a[href='#']:before {
  918. content: '\25B2\A' !important ;
  919. }
  920. #board-bottom-nav a[href='#']:after {
  921. content: 'Top' !important ;
  922. font-size: medium !important ;
  923. margin: 0 !important ;
  924. }
  925. #board-top-nav a[href$='.']:before,
  926. #board-bottom-nav a[href$='.']:before {
  927. content: '\25C0\A' !important ;
  928. }
  929. #galleryLink:before {
  930. content: '\273F\A' !important ;
  931. }
  932.  
  933. /* Fix */
  934. #board-catalog #board-bottom-nav {
  935. text-align: center !important ;
  936. }
  937. #board-index #board-bottom-nav > div:first-of-type,
  938. #board-catalog #board-bottom-nav > div:first-of-type,
  939. #board-catalog #board-bottom-nav > a,
  940. #board-thread #board-bottom-nav > div:first-of-type > a{
  941. margin-bottom: 20px !important ;
  942. }
  943.  
  944. /*--------------------------------------
  945. GALLERY MODE
  946. --------------------------------------*/
  947.  
  948. .modalPanel {
  949. background: rgba(0,0,0,0.8) !important ;
  950. }
  951.  
  952. /*--------------------------------------
  953. UPLOADS
  954. --------------------------------------*/
  955.  
  956. /* Uploads area */
  957. .panelUploads {
  958. margin: auto !important ;
  959. text-align: center !important ;
  960. }
  961. .innerPost {
  962. width: 100% !important ;
  963. }
  964.  
  965. /* Single file */
  966. .uploadCell {
  967. display: inline-block !important ;
  968. vertical-align: top !important ;
  969. min-width: 256px !important ;
  970. margin: 0 16px 16px 16px !important ;
  971. }
  972.  
  973. /* File details */
  974. .uploadDetails {
  975. line-height: 1 !important ;
  976. max-width: 100% !important ;
  977. font-size: small !important ;
  978. }
  979. .uploadDetails:hover {
  980. overflow: hidden !important ;
  981. }
  982. .nameLink {
  983. font-size: 0 !important ;
  984. text-decoration: none !important ;
  985. overflow: visible !important ;
  986. }
  987. .nameLink:before {
  988. font-size: large !important ;
  989. content: '\21F1' !important ;
  990. }
  991. .originalNameLink {
  992. word-wrap: break-word !important ;
  993. white-space: nowrap !important ;
  994. overflow: hidden !important ;
  995. text-overflow: ellipsis !important ;
  996. display: inline-block !important ;
  997. max-width: 256px !important ;
  998. padding-bottom: 2px !important ;
  999. }
  1000. .originalNameLink:hover, .originalNameLink:active {
  1001. text-overflow: visible !important ;
  1002. white-space: pre-wrap !important ;
  1003. }
  1004. .uploadDetails span:nth-last-child(3):after {
  1005. white-space: pre-wrap !important ;
  1006. content: '\A' !important ;
  1007. }
  1008. .hideMobile {
  1009. font-size: 0 !important ;
  1010. }
  1011. .imgLink img {
  1012. margin: 4px 0 !important ;
  1013. }
  1014.  
  1015. /*--------------------------------------
  1016. THREADS
  1017. --------------------------------------*/
  1018.  
  1019. /* Threads */
  1020. .opCell {
  1021. width: 768px !important ;
  1022. margin: 20px auto 0 auto !important ;
  1023. }
  1024. .innerOP {
  1025. padding: 20px !important ;
  1026. padding-bottom: 0 !important ;
  1027. }
  1028. .innerOP > div:last-child
  1029. {
  1030. padding-bottom: 20px !important ;
  1031. }
  1032. .opCell *:not(.fa), .quoteTooltip {
  1033. font-family: Verdana, Geneva, sans-serif !important ;
  1034. }
  1035.  
  1036. /*--------------------------------------
  1037. POST HEADER
  1038. --------------------------------------*/
  1039.  
  1040. /* OP fix */
  1041. .opHead.title {
  1042. margin-top: 0 !important ;
  1043. }
  1044.  
  1045. /* Checkbox */
  1046. .title input[type='checkbox'] {
  1047. margin-bottom: 2px !important ;
  1048. }
  1049.  
  1050. /* Menu/Hide */
  1051. .extraMenuButton, .hideButton {
  1052. position: relative !important ;
  1053. }
  1054. .extraMenuButton i {
  1055. font-size: large !important ;
  1056. padding-left: 0.1em !important ;
  1057. padding-right: 0.1em !important ;
  1058. cursor: pointer !important ;
  1059. }
  1060.  
  1061. /* Buttons */
  1062. .extraMenuButton, .hideButton {
  1063. margin-right: 3px !important ;
  1064. }
  1065. .linkReply, .linkLast, .replyToThread {
  1066. font-size: 0 !important ;
  1067. }
  1068. .linkReply:before, .linkLast:before, .replyToThread:before {
  1069. font-size: x-large !important ;
  1070. display: inline-block !important ;
  1071. height: 0 !important ;
  1072. vertical-align: top !important ;
  1073. margin-top: -8px !important ;
  1074. }
  1075. .linkReply:before, .replyToThread:before {
  1076. content: '\27A4' !important ;
  1077. }
  1078. .linkLast:before {
  1079. content: '\2766' !important ;
  1080. }
  1081.  
  1082. /* Text */
  1083. .postInfo.title, .opHead.title {
  1084. margin: 0 0 1em 0 !important ;
  1085. }
  1086. .labelSubject:after, .linkName:after, .labelCreated:after {
  1087. content: '\20\A6' !important ;
  1088. font-weight: normal !important ;
  1089. }
  1090. #board-catalog .labelSubject:after {
  1091. content: '' !important ;
  1092. }
  1093.  
  1094. /*--------------------------------------
  1095. POST BODY
  1096. --------------------------------------*/
  1097.  
  1098. /* General */
  1099. .divMessage {
  1100. word-break: break-word !important ;
  1101. }
  1102. /*.postCell {*/
  1103. .innerPost, .markedPost {
  1104. padding: 20px !important ;
  1105. }
  1106. .markedPost {
  1107. width: 768px !important;
  1108. }
  1109. .divMessage a + br, .greenText + br {
  1110. display: inline !important ;
  1111. }
  1112.  
  1113. /* Body too long */
  1114. .contentOmissionIndicator {
  1115. font-weight: bold !important ;
  1116. }
  1117.  
  1118. /* Notes */
  1119. .labelOmission, .labelLastEdit {
  1120. font-style: italic !important ;
  1121. padding-top: 1em !important ;
  1122. }
  1123.  
  1124. /* Quote fix */
  1125. .divMessage .quoteLink {
  1126. text-decoration: underline !important ;
  1127. }
  1128.  
  1129. /* Embed */
  1130. .embedButton {
  1131. font-size: 0 !important ;
  1132. }
  1133. .embedButton:before {
  1134. content: '\25BA' !important ;
  1135. font-size: medium !important ;
  1136. }
  1137.  
  1138. /* Quote parantheses */
  1139. .quoteLink.op:after, .quoteLink.you:after {
  1140. font-size: medium !important ;
  1141. }
  1142.  
  1143. /* Spoiler image */
  1144. img[src$='spoiler'] {
  1145. max-height: 256px !important ;
  1146. max-width: 256px !important ;
  1147. }
  1148.  
  1149. /*--------------------------------------
  1150. REPLY POPUP
  1151. --------------------------------------*/
  1152.  
  1153. .quoteTooltip {
  1154. border: 1px solid black !important ;
  1155. position: absolute !important ;
  1156. left: calc((100% - 768px) / 2) !important ;
  1157. margin: auto !important ;
  1158. margin-top: 20px !important ;
  1159. width: 768px !important ;
  1160. max-height: 100vh !important ;
  1161. overflow: hidden !important ;
  1162. }
  1163. .quoteTooltip:after {
  1164. position: absolute !important ;
  1165. content: '' !important ;
  1166. top: 0 !important ;
  1167. left: 0 !important ;
  1168. width: 100% !important ;
  1169. height: 100% !important ;
  1170. z-index: 100 !important ;
  1171. pointer-events: none !important ;
  1172. }
  1173.  
  1174. /*--------------------------------------
  1175. CATALOG
  1176. --------------------------------------*/
  1177.  
  1178. /* Top */
  1179. #catalogId .title {
  1180. display: none;
  1181. }
  1182. #board-catalog .top-nav {
  1183. top: 80px !important ;
  1184. width: 768px !important ;
  1185. }
  1186.  
  1187. /* Posting */
  1188. #board-catalog #postingForm {
  1189. margin-top: 233px !important ;
  1190. }
  1191.  
  1192. /* Catalog tools */
  1193. #divTools {
  1194. font-size: 0 !important ;
  1195. display: block !important ;
  1196. }
  1197. #divTools *:not(button) {
  1198. font-size: medium !important ;
  1199. }
  1200. #autoCatalogRefreshCheckBox, #checkboxChangeRefresh {
  1201. margin-bottom: 0.2% !important ;
  1202. }
  1203.  
  1204. /* Threads container */
  1205. .catalogDiv {
  1206. max-width: 768px !important ;
  1207. margin: auto !important ;
  1208. }
  1209.  
  1210. /* Cells */
  1211. .catalogCell {
  1212. vertical-align: top !important ;
  1213. margin: 16px !important ;
  1214. min-height: 180px !important ;
  1215. max-width: 150px !important ;
  1216. overflow: hidden !important ;
  1217. font-family: Verdana, Geneva, sans-serif !important ;
  1218. font-size: small !important ;
  1219. }
  1220. .threadStats {
  1221. font-style: italic !important ;
  1222. }
  1223.  
  1224. /* Gradient effect */
  1225. #divThreads .catalogCell {
  1226. position: relative !important ;
  1227. }
  1228. #divThreads .catalogCell::after {
  1229. position: absolute !important ;
  1230. content: '' !important ;
  1231. top: 0 !important ;
  1232. left: 0 !important ;
  1233. width: 100% !important ;
  1234. height: 100% !important ;
  1235. z-index: 100 !important ;
  1236. background-image: linear-gradient(transparent, transparent 90%, snow) !important ;
  1237. pointer-events: none !important ;
  1238. min-height: 320px !important ;
  1239. }
  1240.  
  1241. /*--------------------------------------
  1242. FOOTER
  1243. --------------------------------------*/
  1244.  
  1245. /* Center */
  1246. #board-bottom-nav {
  1247. display: block !important ;
  1248. margin: auto !important ;
  1249. margin-top: 20px !important ;
  1250. }
  1251. #board-bottom-nav * {
  1252. text-align: center !important ;
  1253. }
  1254.  
  1255. /* Navigational buttons */
  1256. #board-bottom-nav div:first-child {
  1257. width: 768px !important ;
  1258. }
  1259. #board-bottom-nav {
  1260. text-align: center !important ;
  1261. }
  1262.  
  1263. /* Page count */
  1264. #pages-container {
  1265. display: inline-block !important ;
  1266. margin: 0 !important ;
  1267. margin-bottom: 1em !important ;
  1268. }
  1269. #pages-container:before, #pages-container:after {
  1270. content: none !important ;
  1271. }
  1272. #pages-container a {
  1273. margin: 0 2px !important ;
  1274. }
  1275.  
  1276. /* Next/Previous */
  1277. #linkNext:before {
  1278. content: '\25BA\25BA' !important ;
  1279. }
  1280. #linkPrevious:before {
  1281. content: '\25C4\25C4' !important ;
  1282. }
  1283.  
  1284. /* Refresh */
  1285. .divRefresh.hidden {
  1286. display: block !important ;
  1287. }
  1288. #labelRefresh {
  1289. margin-left: 4px !important ;
  1290. }
  1291.  
  1292. /* Moderation */
  1293. #linkManagement, #linkModeration, #linkMod {
  1294. font-family: Verdana, Geneva, sans-serif !important ;
  1295. font-size: medium !important ;
  1296. font-weight: bold !important ;
  1297. display: inline-block !important ;
  1298. width: auto !important ;
  1299. margin: 0 8px 20px 8px !important ;
  1300. line-height: 1 !important ;
  1301. }
  1302. #linkManagement:before,
  1303. #linkModeration:before,
  1304. #linkMod:before {
  1305. content: '\25CF\20' !important ;
  1306. font-size: x-large !important ;
  1307. text-shadow: 1px 1px black, 2px 2px black, 3px 3px black !important ;
  1308. }
  1309.  
  1310. /* Report/Delete */
  1311. #actionsForm details {
  1312. margin: 0.75rem !important ;
  1313. }
  1314. .reportFieldset {
  1315. vertical-align: top !important ;
  1316. padding: 10px !important ;
  1317. width: 540px !important ;
  1318. min-height: auto !important ;
  1319. margin-top: 10px !important ;
  1320. font-family: Verdana, Geneva, sans-serif !important ;
  1321. }
  1322. .reportFieldset * {
  1323. margin: 5px !important ;
  1324. }
  1325. .reportFieldset legend {
  1326. display: block !important ;
  1327. margin-top: 5px !important ;
  1328. width: 100% !important ;
  1329. transform: translateY(1rem) !important ;
  1330. text-align: center !important ;
  1331. }
  1332. .reportFieldset input[type='checkbox'] {
  1333. border: 2px solid black !important ;
  1334. border-color: black ghostwhite ghostwhite black !important ;
  1335. }
  1336. .reportFieldset button {
  1337. position: static !important ;
  1338. display: block !important ;
  1339. margin: auto !important ;
  1340. margin-top: 10px !important ;
  1341. transform: none !important ;
  1342. }
  1343. .reportFieldset p {
  1344. font-style: italic !important ;
  1345. }
  1346. .captchaImageContainer * {
  1347. margin: 0 !important ;
  1348. }
  1349. .captchaImageContainer img {
  1350. margin-left: 0 !important ;
  1351. }
  1352. .reloadCaptchaButton, .captchaTimer, .modalCaptchaControls > i {
  1353. position: relative !important ;
  1354. top: 48px !important ;
  1355. left: 0 !important ;
  1356. }
  1357.  
  1358. /* Canary */
  1359. .cute-bird {
  1360. height: 32px !important ;
  1361. }
  1362. .cute-bird img {
  1363. display: none !important ;
  1364. }
  1365. .cute-bird a:before {
  1366. display: inline-block !important ;
  1367. content: '\2767' !important ;
  1368. font-size: x-large !important ;
  1369. }
  1370.  
  1371. /*--------------------------------------
  1372. COLORS
  1373. --------------------------------------*/
  1374.  
  1375. /* White background */
  1376. input[type='checkbox'],
  1377. input[type='text'], input[type='password'], textarea,
  1378. select,
  1379. #themeSelector {
  1380. background-color: white !important ;
  1381. }
  1382. /* White */
  1383. .floatingMenu .headerLabel, #watchedMenu > .header > span:first-of-type,
  1384. .settingsTab#selectedTab,
  1385. .Webring *,
  1386. .extraMenu > div:hover,
  1387. .handle {
  1388. color: white !important ;
  1389. }
  1390.  
  1391. /* Windows 95 header */
  1392. .floatingMenu .header,
  1393. .extraMenu > div:hover,
  1394. .settingsTab#selectedTab,
  1395. .post-table th, .handle {
  1396. background: navy !important ;
  1397. }
  1398. /* Windows 95 bevel (outwards) */
  1399. button, input[type='button'],
  1400. .floatingMenu,
  1401. .menuClose,
  1402. .modalInnerPanel,
  1403. .posting-extra summary,
  1404. #quick-reply,
  1405. .handle .close-btn {
  1406. background: lightgray !important ;
  1407. border-color: ghostwhite black black ghostwhite !important ;
  1408. }
  1409. /* Windows 95 bevel (inwards) */
  1410. button:active, input[type='button']:active,
  1411. input[type='text'], input[type='password'], textarea,
  1412. .floatingMenu input[type='checkbox'],
  1413. .menuClose:active,
  1414. .handle .close-btn:active,
  1415. .post-table [type='text'], .post-table [type='password'], .post-table textarea,
  1416. #quick-reply input[type='checkbox'] {
  1417. border-color: black ghostwhite ghostwhite black !important ;
  1418. }
  1419.  
  1420. /* Windows 95 darker */
  1421. .settingsTab,
  1422. #quick-reply .dropzone {
  1423. background: silver !important ;
  1424. }
  1425. /* Windows 95 lighter */
  1426. .settingsTab:not(#selectedTab):hover {
  1427. background: darkgray !important ;
  1428. }
  1429. #favouriteButton:not(.checkedFavouriteButton):before {
  1430. color: darkgray !important ;
  1431. }
  1432.  
  1433. /* Page (snow) */
  1434. body {
  1435. background: snow !important ;
  1436. }
  1437.  
  1438. /* Hyperlinks (blue) */
  1439. [href], [href]:before, [href]:after, .fa {
  1440. color: mediumblue !important ;
  1441. }
  1442.  
  1443. /* Red */
  1444. [href]:hover, [href]:hover *, [href]:hover:after, [href]:hover:before, .fa:hover,
  1445. #labelName:before, #labelBoard:before,
  1446. .opHead .fa:hover, .postInfo .fa:hover,
  1447. .divMessage .quoteLink {
  1448. color: red !important ;
  1449. }
  1450.  
  1451. /* Black */
  1452. .menuClose .fa,
  1453. .bracket-button:hover, .bracket-button:hover:after,
  1454. #navLinkSpan a:before, #navBoardsSpan a:before,
  1455. #labelDescription,
  1456. #quick-reply .fa,
  1457. .board-nav > a, .board-nav > div:first-of-type > a,
  1458. .board-nav > a:after, .board-nav > div:first-of-type > a:after,
  1459. .spoiler,
  1460. #linkManagement, #linkModeration, #linkMod {
  1461. color: black !important ;
  1462. }
  1463.  
  1464. /* Gold */
  1465. .checkedFavouriteButton .fa, .checkedFavouriteButton:before,
  1466. #linkManagement:not(:hover):before,
  1467. #linkModeration:not(:hover):before,
  1468. #linkMod:not(:hover):before {
  1469. color: gold !important ;
  1470. }
  1471. /* Gold background */
  1472. #labelDescription {
  1473. background: gold !important ;
  1474. }
  1475.  
  1476. /* Orchid */
  1477. #navLinkSpan:before,
  1478. #navBoardsSpan:before,
  1479. #globalAnnouncement:before,
  1480. #postingForm:before {
  1481. color: orchid !important ;
  1482. }
  1483.  
  1484. /* Medium spring green */
  1485. .board-nav > a:not(:hover):before,
  1486. .board-nav > div:first-of-type > a:not(:hover):before {
  1487. color: mediumspringgreen !important ;
  1488. }
  1489.  
  1490. /* Salmon bevel (inwards) */
  1491. #posting-table td .postingInput,
  1492. #posting-extra-table td .postingInput,
  1493. input[type='checkbox'] {
  1494. border-color: lightsalmon mistyrose mistyrose lightsalmon !important ;
  1495. }
  1496. #divUpload td {
  1497. background: mistyrose !important ;
  1498. }
  1499.  
  1500. /* Rose colors */
  1501. :root {
  1502. /*--lightrose: #ffe9e6;*/
  1503. --lightrose: #ffebe8;
  1504. --darkrose: #fadfdc;
  1505. --darkerrose: #ebd0cd;
  1506. }
  1507.  
  1508. /* Posts */
  1509. .labelSubject:after, .linkName:after, .labelCreated:after {
  1510. color: darksalmon !important ;
  1511. }
  1512. .labelSubject {
  1513. color: darkcyan !important ;
  1514. }
  1515. .linkName, .labelCreated, .linkSelf, .linkQuote,
  1516. .embedButton:before,
  1517. .labelYou {
  1518. color: indianred !important ;
  1519. }
  1520. .postCell:nth-child(odd), .quoteTooltip { /*dark*/
  1521. background: mistyrose !important ;
  1522. }
  1523. .postCell:nth-child(even) { /*light*/
  1524. background: var(--lightrose) !important ;
  1525. }
  1526. .postCell:last-of-type {
  1527. border-bottom: 2px solid var(--darkerrose) !important ;
  1528. }
  1529. .markedPost {
  1530. background: var(--darkrose) !important ;
  1531. }
  1532. .quoteTooltip:after {
  1533. background-image: linear-gradient(transparent, transparent 95%, mistyrose) !important ;
  1534. }
  1535. .labelOmission, .labelLastEdit {
  1536. color: indianred !important ;
  1537. opacity: 0.5 !important ;
  1538. }
  1539. .greenText {
  1540. color: mediumseagreen !important ;
  1541. }
  1542.  
  1543. /* Spoiler */
  1544. .redText,
  1545. .quoteLink.op:after, .quoteLink.you:after, .labelRole {
  1546. color: crimson !important ;
  1547. }
  1548. .spoiler {
  1549. background: black !important ;
  1550. }
  1551. .spoiler:hover {
  1552. color: lightgray !important ;
  1553. }
  1554.  
  1555. /* Footer */
  1556. .reportFieldset {
  1557. background: lightgray !important ;
  1558. }
  1559. .cute-bird a:before {
  1560. color: lightsalmon !important ;
  1561. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!