SadSen

Brave lovers AO3 skin

Feb 5th, 2025 (edited)
361
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.15 KB | Writing | 0 0
  1. ::selection {
  2.   background-color: #924758;
  3.   color: #eee;
  4. }
  5.  
  6. ::-webkit-scrollbar {
  7.   width: 10px;
  8. }
  9.  
  10. ::-webkit-scrollbar-track {
  11.   background: #2c2424;
  12. }
  13.  
  14. ::-webkit-scrollbar-thumb {
  15.   background: #eb9191;
  16. }
  17.  
  18. #main {
  19.   background: #2e2e2e;
  20. }
  21.  
  22. #workskin img {
  23.   border-radius: 1rem;
  24. }
  25.  
  26. #show_comments_link>a {
  27.   color: transparent !important;
  28. }
  29.  
  30. #show_comments_link>a[href*="show"] {
  31.   width: 5.5em;
  32. }
  33.  
  34. #show_comments_link>a[href*="hide"] {
  35.   width: 7.5em;
  36. }
  37.  
  38. #show_comments_link>a::after {
  39.   color: #444;
  40.   position: absolute;
  41.   left: 50%;
  42.   top: 50%;
  43.   transform: translate(-50%, -50%);
  44. }
  45.  
  46. #show_comments_link>a[href*="show"]::after {
  47.   content: 'Comments';
  48. }
  49.  
  50. #show_comments_link>a[href*="hide"]::after {
  51.   content: 'Hide Comments';
  52. }
  53.  
  54. li.comment,
  55. .thread .even {
  56.   border-radius: .75em;
  57.   border: 1px solid #eb9191;
  58.   padding: 10px;
  59.   background: #2c2424ba;
  60. }
  61.  
  62. li.comment,
  63. .thread .odd {
  64.   border-radius: .75em;
  65.   border: 1px solid #eb9191;
  66.   padding: 10px;
  67.   background: #2c2424ba;
  68. }
  69.  
  70. li.comment {
  71.   border-radius: .75em;
  72.   border: 1px solid #eb9191;
  73.   padding: 10px;
  74.   background: #2c2424ba;
  75. }
  76.  
  77. .comment .icon .visitor {
  78.   background: url("https://i.ibb.co/MSphgXm/Anon-PFPvs2.png") !important;
  79.   background-repeat: no-repeat;
  80.   background-size: contain !important;
  81.   background-position: center !important;
  82. }
  83.  
  84. .btn:hover,
  85. input[type="submit"]:hover,
  86. .actions li input[type="submit"]:hover,
  87. .actions .current:hover {
  88.   color: #eee !important;
  89.   background: #eb9191 !important;
  90.   border-radius: 50px 20px;
  91. }
  92.  
  93. .actions a:hover,
  94. .actions li .current a:hover {
  95.   background: 373737;
  96.   background-image: none;
  97.   color: #eee !important;
  98.   border-style: dotted #eb9191;
  99.   border-width: thin;
  100. }
  101.  
  102. .splash .favorite li:nth-of-type(2n+1) a {
  103.   background: #2c2424;
  104. }
  105.  
  106. .splash .favorite li:nth-of-type(2n+1) a {
  107.   background: #373737 !important;
  108.   color: #f9f6ce !important;
  109. }
  110.  
  111. .splash .favorite li:nth-of-type(2n+1) a:hover {
  112.   background: #f9f6ce !important;
  113.   color: #eb9191 !important;
  114. }
  115.  
  116. #header h2 {
  117.   background: #3e1010 !important;
  118.   height: 100%;
  119.   border-style: dashed;
  120.   border-width: thick;
  121.   border-color: #eb9191;
  122.   color: #f9f6ce !important;
  123. }
  124.  
  125. body {
  126.   background: #2e2e2e !important;
  127.   color: #cac3c3 !important;
  128. }
  129.  
  130. a {
  131.   transition: 0.2s ease-in-out !important;
  132. }
  133.  
  134. body,
  135. th,
  136. tr:hover,
  137. col.name,
  138. form blockquote.userstuff,
  139. input:focus,
  140. input,
  141. select:focus,
  142. select,
  143. textarea:focus,
  144. textarea,
  145. .autocomplete div.dropdown ul,
  146. #ui-datepicker-div,
  147. #ibox_wrapper,
  148. #ibox_content,
  149. .toggled form,
  150. .dynamic form,
  151. .secondary,
  152. .listbox .index,
  153. .dashboard .listbox .index,
  154. .nomination dt {
  155.   background: #212121;
  156.   font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans" !important;
  157.   color: #cac3c3;
  158. }
  159.  
  160. div.work div.userstuff.module,
  161. div#main.works-show.region div.userstuff {
  162.   max-width: 800px;
  163.   margin-left: auto;
  164.   margin-right: auto;
  165. }
  166.  
  167. #outer.wrapper {
  168.   background-color: #2e2e2e !important;
  169. }
  170.  
  171. .bookmark .count a {
  172.   color: #2c3334 !important;
  173. }
  174.  
  175. .comment_notice,
  176. ul.notes,
  177. .caution,
  178. .error,
  179. .comment_error,
  180. .alert.flash {
  181.   color: #eee;
  182.   background-color: #ce4c4c;
  183.   border: none;
  184.   box-shadow: none;
  185.   margin-top: 10px !important;
  186. }
  187.  
  188. #header .search input[type="text"],
  189. #header .search input[type="text"]:focus {
  190.   color: #f9f6ce !important;
  191. }
  192.  
  193. #header .logo {
  194.   display: none;
  195. }
  196.  
  197. #header h1.heading span {
  198.   display: none;
  199. }
  200.  
  201. #header h1.heading a:before {
  202.   content: "You're my ";
  203.   color: #eecd57 !important;
  204.   font-weight: bold;
  205.   text-shadow: 3px 3px 0 #000,
  206. -1px -1px 0 #000,
  207. 1px -1px 0 #000,
  208. -1px 1px 0 #000,
  209. 1px 1px 0 #000;
  210. }
  211.  
  212. #header h1 {
  213.   position: relative;
  214. }
  215.  
  216. #header h1 a::after {
  217.   content: "✨ little monster ✨";
  218.   position: absolute;
  219.   left: 100%;
  220.   top: 50%;
  221.   transform: translateY(-50%);
  222.   margin-left: 5px;
  223.   font-style: italic;
  224.   font-size: 0.5em;
  225.   font-weight: bold;
  226.   text-shadow: 3px 3px 0 #000,
  227. -1px -1px 0 #000,
  228. 1px -1px 0 #000,
  229. -1px 1px 0 #000,
  230. 1px 1px 0 #000;
  231.   white-space: nowrap;
  232. }
  233.  
  234. .home .header h2 {
  235.   border-bottom: 0px;
  236. }
  237.  
  238. .home .header h2 {
  239.   border-bottom: 0px;
  240. }
  241.  
  242. .subscription dd {
  243.   background-color: transparent !important;
  244. }
  245.  
  246. .splash .favorite li:nth-of-type(odd) a:hover,
  247. .splash .favorite a:hover {
  248.   color: #eb9191;
  249.   background-color: #eeeeee;
  250. }
  251.  
  252. #dashboard .actions a,
  253. #dashboard .actions a:visited {
  254.   color: #f9f6ce !important;
  255. }
  256.  
  257. .blurb ul.required-tags {
  258.   background: #212121 !important;
  259. }
  260.  
  261. #dashboard .actions .current {
  262.   background: none;
  263.   color: #f9f6ce !important;
  264.   border-style: dashed !important;
  265.   font-weight: bolder;
  266.   border-color: #eb9191 !important;
  267. }
  268.  
  269. .announcement .userstuff h2 {
  270.   margin-top: 10px;
  271.   color: #f9f6ce;
  272. }
  273.  
  274. .filters dl {
  275.   background: #212121;
  276. }
  277.  
  278. fieldset fieldset,
  279. fieldset dl dl,
  280. .fieldset,
  281. fieldset {
  282.   border-radius: 0.75em;
  283.   background: #212121;
  284. }
  285.  
  286. #header .user a,
  287. #header .user a:visited {
  288.   margin: 2px;
  289.   color: #f9f6ce !important;
  290.   text-shadow: 3px 3px 0 #000,
  291. -1px -1px 0 #000,
  292. 1px -1px 0 #000,
  293. -1px 1px 0 #000,
  294. 1px 1px 0 #000;
  295. }
  296.  
  297. #header .user a,
  298. #small_login .action {
  299.   padding: 0.5em 0.75em;
  300. }
  301.  
  302. .picture .header {
  303.   border: none;
  304. }
  305.  
  306. li.comment,
  307. .thread .even {
  308.   border-radius: 0.75em;
  309. }
  310.  
  311. .bookmark div.user {
  312.   border-radius: 0.5em;
  313. }
  314.  
  315. .blurb .header .heading {
  316.   background: transparent !important;
  317. }
  318.  
  319. .blurb .stats {
  320.   color: #eb9191;
  321. }
  322.  
  323. .module .heading h4,
  324. .module .heading h5,
  325. h5.module .fandoms .heading,
  326. .meta .stats,
  327. .meta .stats dl dt,
  328. .meta .stats dl dd,
  329. .dashboard .own .work {
  330.   background: transparent !important;
  331. }
  332.  
  333. h5.heading,
  334. .user .datetime,
  335. .bookmark .user .userstuff,
  336. .bookmark .user .meta {
  337.   margin: 10px;
  338. }
  339.  
  340. .reading h4.viewed {
  341.   background: #373737;
  342.   border: 1px solid #eeeeee;
  343.   padding: 0.5em;
  344.   border-radius: 0.25em;
  345. }
  346.  
  347. .posted {
  348.   font-size: 0.8em;
  349. }
  350.  
  351. #header .menu li {
  352.   border-bottom: 1px solid #f7eee5;
  353.   margin: 0 0.25em;
  354.   text-align: left;
  355. }
  356.  
  357. #header .menu,
  358. #header .menu li a:link,
  359. #header .menu li a:visited {
  360.   border-radius: 0.75em;
  361.   background: none;
  362.   text-shadow: 3px 3px 0 #000,
  363. -1px -1px 0 #000,
  364. 1px -1px 0 #000,
  365. -1px 1px 0 #000,
  366. 1px 1px 0 #000;
  367.   color: #f9f6ce !important;
  368.   border: none;
  369. }
  370.  
  371. #header .menu li a:hover,
  372. #header .dropdown:hover a {
  373.   color: #eb9191 !important;
  374.   background: none;
  375.   border-radius: 50px 20px;
  376. }
  377.  
  378. li.blurb {
  379.   border-radius: 0.75em;
  380.   background: #212121;
  381.   border: none;
  382. }
  383.  
  384. .filters .submit input {
  385.   height: 100%;
  386.   margin: 1em 0;
  387.   min-height: 1.286em;
  388.   padding-left: 0;
  389.   padding-right: 0;
  390.   text-align: center;
  391.   color: #2c2424;
  392.   background: #f7eee5;
  393. }
  394.  
  395. #header #search>* {
  396.   width: 70%;
  397.   white-space: nowrap;
  398.   margin-right: 60px;
  399.   margin-top: 50px;
  400. }
  401.  
  402. form.verbose legend,
  403. .verbose form legend {
  404.   height: auto;
  405.   width: auto;
  406.   font-size: 100%;
  407.   color: #2c2424;
  408.   background: #eb9191;
  409.   border: none;
  410.   padding: 0.5em;
  411.   box-shadow: none;
  412.   opacity: 1;
  413.   margin: 10px;
  414.   border-radius: 0.5em;
  415. }
  416.  
  417. .actions input[type="text"],
  418. .actions input[type="text"]:focus,
  419. .textarea,
  420. .autocomplete input,
  421. form.search input[type="text"],
  422. form.search input[type="text"]:focus,
  423. li.search fieldset,
  424. .search input[type="text"],
  425. .search input[type="text"]:focus {
  426.   color: #9e9e9e;
  427.   background: #2c2424;
  428.   border: 1px solid #eeeeee;
  429.   border-radius: 0.25em;
  430.   box-shadow: none;
  431.   font: 90%;
  432.   padding: 5px;
  433.   width: 90%;
  434.   -webkit-appearance: none;
  435. }
  436.  
  437. .input,
  438. .highlighted {
  439.   border: none;
  440. }
  441.  
  442. .filters input:checked+.indicator+span {
  443.   text-decoration: underline;
  444.   font-weight: normal;
  445. }
  446.  
  447. .filters .warning {
  448.   font-weight: 500;
  449. }
  450.  
  451. .filters .warning:hover {
  452.   color: #eee;
  453.   background-color: #eb9191 !important;
  454. }
  455.  
  456. #header .actions a:hover,
  457. #header .actions a:focus,
  458. #header .dropdown:hover a,
  459. #header .open a,
  460. #header .menu,
  461. #small_login,
  462. #header .dropdown:hover .current+.menu,
  463. .actions a,
  464. .actions a:link,
  465. .actions a:active,
  466. .actions a:visited,
  467. .current span,
  468. .current,
  469. a.current,
  470. .actions .current,
  471. .current,
  472. .current a:visited,
  473. .current a:link,
  474. #dashboard .current,
  475. .actions a:active,
  476. span.unread,
  477. .replied,
  478. span.claimed,
  479. .own,
  480. .unread,
  481. .child,
  482. .unwrangled,
  483. .unreviewed {
  484.   border: 2px solid #eb9191;
  485.   background: #212121;
  486.   color: #eb9191;
  487. }
  488.  
  489. #dashboard,
  490. #dashboard.own,
  491. #dashboard.admin.region {
  492.   background-color: #212121;
  493.   border-top: none;
  494.   border-bottom: none;
  495. }
  496.  
  497. dl.index dd {
  498.   color: #eeeeee;
  499. }
  500.  
  501. .draft,
  502. .draft .wrapper {
  503.   color: #eeeeee;
  504. }
  505.  
  506. #header h2,
  507. #footer ul,
  508. #footer ul.navigation a,
  509. .autocomplete .dropdown ul li:hover,
  510. li.selected,
  511. a.tag:hover {
  512.   color: #2c2424;
  513. }
  514.  
  515. tbody tr,
  516. thead td,
  517. #header #small_login,
  518. fieldset,
  519. form dl,
  520. fieldset dl dl,
  521. fieldset fieldset fieldset,
  522. fieldset fieldset dl dl,
  523. dd.hideme,
  524. form blockquote.userstuff,
  525. form dt,
  526. .actions a:active,
  527. .current,
  528. a.current,
  529. .current a:visited,
  530. .search span.tip {
  531.   border-color: #212121;
  532. }
  533.  
  534. form dd.required {
  535.   color: #eee !important;
  536. }
  537.  
  538. .post .required .warnings,
  539. dd.required {
  540.   font-weight: normal;
  541.   color: #eeeeee !important;
  542. }
  543.  
  544. .blurb h4 a:link {
  545.   color: #eecd57 !important;
  546. }
  547.  
  548. a {
  549.   color: #ff3e62;
  550. }
  551.  
  552. a:link {
  553.   color: #eb9191 !important;
  554. }
  555.  
  556. .heading a,
  557. .userstuff,
  558. .heading,
  559. .splash .module h3 #heading h3 {
  560.   color: #f9f6ce !important;
  561. }
  562.  
  563. .system .latest h3,
  564. .system div.news h3 {
  565.   box-shadow: 3px 0px 0px #C779D0,
  566.               -3px 0px 0px #e49494;
  567.   box-sizing: border-box;
  568.   padding: 5px;
  569. }
  570.  
  571. .listbox > .heading {
  572.   color: #eeeeee;
  573.   padding: 10px;
  574.   padding-left: 15px;
  575. }
  576.  
  577. .listbox .index {
  578.   background: #212121;
  579. }
  580.  
  581. a.tag {
  582.   border-bottom: none;
  583.   border-radius: 8px;
  584.   padding: 3px;
  585. }
  586.  
  587. .actions a,
  588. .actions a:link,
  589. .actions a:visited,
  590. .current,
  591. a.current,
  592. .current a:visited,
  593. .current a:link {
  594.   color: #2c2424 !important;
  595.   background: #f7eee5;
  596.   border: none;
  597.   border-bottom: none;
  598.   background-image: none;
  599.   border-radius: 0.25em;
  600.   box-shadow: none;
  601. }
  602.  
  603. .listbox {
  604.   border: none;
  605.   border-radius: 0.5em;
  606. }
  607.  
  608. .actions a:hover,
  609. .actions li .current a:hover {
  610.   background: #eb9191;
  611.   color: #eeeeee !important;
  612.   border: none;
  613.   border-bottom: none;
  614.   background-image: none;
  615.   border-radius: 0.25em;
  616.   box-shadow: none;
  617. }
  618.  
  619. .action.top,
  620. .action a:link {
  621.   background: transparent;
  622.   color: #2c2424;
  623.   height: auto;
  624.   font-weight: bolder;
  625.   padding: 0.15em 0.25em;
  626. }
  627.  
  628. .splash .module h3 {
  629.   border-bottom: none;
  630.   font-variant: small-caps;
  631.   font-size: 1.914em;
  632. }
  633.  
  634. .title {
  635.   font-variant: normal;
  636. }
  637.  
  638. .published,
  639. .comments {
  640.   font-size: 13px;
  641.   font-variant: normal;
  642.   font-weight: normal;
  643. }
  644.  
  645. form .notice,
  646. form ul.notes {
  647.   box-shadow: 3px 6px #eb9191;
  648. }
  649.  
  650. .actions a,
  651. .action,
  652. .actions input,
  653. input[type="submit"],
  654. button,
  655. .current,
  656. .actions label,
  657. li.relationships,
  658. li.relationships a,
  659. .thread .even,
  660. .preface h3 {
  661.   background-color: transparent;
  662. }
  663.  
  664. a:hover,
  665. .splash .browse a:hover {
  666.   color: #eb9191;
  667. }
  668.  
  669. #login-block,
  670. li.blurb,
  671. fieldset,
  672. form dl,
  673. .comment div.icon,
  674. #dashboard ul.navigation,
  675. #dashboard ul,
  676. #symbols-key dl,
  677. .toggled form,
  678. .dynamic form,
  679. div.comment,
  680. li.comment,
  681. .autocomplete div.dropdown ul,
  682. #modal,
  683. .bookmark p.count span,
  684. .ui-sortable li:hover,
  685. .actions a:hover,
  686. .actions input:hover,
  687. .userstuff blockquote {
  688.   border-color: #eb91;
  689. }
  690.  
  691. #dashboard ul {
  692.   position: relative;
  693.   background: #212121 !important;
  694. }
  695.  
  696. #dashboard ul .actions .current {
  697.   background: none;
  698.   color: #f9f6ce !important;
  699.   border-style: dashed !important;
  700.   font-weight: bolder;
  701.   border-color: #eb9191 !important;
  702. }
  703.  
  704. fieldset,
  705. form dl,
  706. fieldset dl dl,
  707. fieldset fieldset fieldset,
  708. fieldset fieldset dl dl,
  709. dd.hideme,
  710. form blockquote.userstuff {
  711.   box-shadow: none;
  712.   color: #e6e29c !important;
  713. }
  714.  
  715. #header .actions a:hover,
  716. #header .actions a:focus,
  717. #header .dropdown:hover a,
  718. #header .open a,
  719. #header .menu,
  720. #small_login,
  721. #header .dropdown:hover .current+.menu,
  722. #dashboard .current,
  723. .actions a:active,
  724. .current,
  725. a.current,
  726. .current a:visited,
  727. span.unread,
  728. .replied,
  729. span.claimed,
  730. dl.index dd,
  731. .own,
  732. .draft,
  733. .draft .wrapper,
  734. .unread,
  735. .child,
  736. .unwrangled,
  737. .unreviewed {
  738.   background: #212121;
  739. }
  740.  
  741. #bookmark-form {
  742.   background: #212121;
  743. }
  744.  
  745. #site_search_tooltip {
  746.   visibility: hidden;
  747. }
  748.  
  749. form.verbose legend,
  750. .verbose form legend {
  751.   background: #3b9ba4;
  752.   color: #fcfefe;
  753.   border-radius: 5px;
  754. }
  755.  
  756. .actions a,
  757. .actions a:link,
  758. .action,
  759. .action:link,
  760. .actions input,
  761. input[type=submit],
  762. button,
  763. .current,
  764. .actions label {
  765.   color: #d4836e;
  766.   border: 2px solid #d4836e;
  767.   background-image: none;
  768.   border-radius: 50px 20px;
  769.   box-shadow: none;
  770. }
  771.  
  772. #header .primary li:not(.search) {
  773.   border-bottom-color: #f7eee5 !important;
  774. }
  775.  
  776. #header .primary li a {
  777.   color: #f9f6ce !important;
  778.   background: #212121;
  779.   border-radius: 50px 20px;
  780.   border-bottom-style: inset;
  781. }
  782.  
  783. a:visited,
  784. a.cloud6 {
  785.   color: #924758;
  786. }
  787.  
  788. thead,
  789. tfoot,
  790. tfoot td,
  791. th,
  792. tr:hover,
  793. col.name,
  794. input,
  795. textarea,
  796. #modal .content,
  797. .action,
  798. .actions input,
  799. input[type="submit"],
  800. button,
  801. .current,
  802. .actions label,
  803. span.unread,
  804. .replied,
  805. span.claimed,
  806. .system .latest h3,
  807. .system div.news h3,
  808. .listbox,
  809. fieldset fieldset.listbox,
  810. dl.meta,
  811. #dashboard.own,
  812. .picture .header,
  813. .bookmark .user {
  814.   border-color: #eb9191;
  815.   background: #2e2e2e;
  816.   border-radius: 10px;
  817.   margin-bottom: 2px;
  818. }
  819.  
  820. li.blurb,
  821. .blurb .blurb,
  822. .listbox .index,
  823. .dashboard .listbox .index {
  824.   box-shadow: none;
  825. }
  826.  
  827. #header ul.primary {
  828.   box-shadow: none;
  829.   padding-top: 50px;
  830.   padding-bottom: 30px;
  831.   color: #fabd2f;
  832.   background: #2e2e2e url(https://i.ibb.co/vXL7T7r/pt2.jpg);
  833.   background-attachment: fixed;
  834.   background-size: 100%;
  835. }
  836.  
  837. #header .dropdown a {
  838.   background: #2e2e2e;
  839.   border-radius: 5px;
  840.   margin-right: 10px;
  841.   padding: 8px;
  842. }
  843.  
  844. #header .dropdown,
  845. #header .dropdown a,
  846. #header .dropdown a:hover {
  847.   color: #f9f6ce !important;
  848. }
  849.  
  850. #header .dropdown .menu .current {
  851.   background-color: #212121;
  852. }
  853.  
  854. #header .dropdown .menu a {
  855.   background: #212121 !important;
  856.   display: block;
  857.   padding: 0.75em 0.5em 0.5em;
  858. }
  859.  
  860. #workskin {
  861.   background: url("https://i.ibb.co/4s0xH26/GESs-RX5a8-AA-6b-A.png");
  862.   background-repeat: no-repeat;
  863.   background-position: top center;
  864.   background-size: 75px;
  865. }
  866.  
  867. #workskin img {
  868.   max-width: 95%;
  869.   display: block;
  870.   margin-left: auto;
  871.   margin-right: auto;
  872. }
  873.  
  874. .autocomplete div.dropdown ul {
  875.   border: 1px solid #eeeeee;
  876.   border-radius: 0.5em;
  877. }
  878.  
  879. table,
  880. thead td,
  881. #header #small_login,
  882. #dashboard a:hover,
  883. fieldset,
  884. form dl,
  885. fieldset dl dl,
  886. fieldset fieldset fieldset,
  887. fieldset fieldset dl dl,
  888. dd.hideme {
  889.   background: #212121;
  890. }
  891.  
  892. form blockquote.userstuff,
  893. .ui-sortable li:hover,
  894. .listbox,
  895. fieldset fieldset.listbox,
  896. .readings-index h3,
  897. .search span.tip,
  898. .flash,
  899. .error,
  900. .comment_error {
  901.   background: #eb9191;
  902.   color: #2c2424;
  903. }
  904.  
  905. .notice {
  906.   background: none;
  907.   border: 1px;
  908.   border-style: dashed;
  909. }
  910.  
  911. .comment h4.byline {
  912.   background: transparent;
  913. }
  914.  
  915. body,
  916. #main.error,
  917. #main.slow,
  918. #main.maintenance,
  919. .required .autocomplete,
  920. .autocomplete .notice,
  921. .post .required .warnings,
  922. .listbox .heading a:visited,
  923. .userstuff h2,
  924. .userstuff caption,
  925. .userstuff table,
  926. .userstuff td,
  927. .userstuff col,
  928. .userstuff tr,
  929. .userstuff thead,
  930. .userstuff tfoot,
  931. .userstuff tbody,
  932. .userstuff th,
  933. .userstuff thead td,
  934. .userstuff th a,
  935. .userstuff th a:link,
  936. a.cloud3 {
  937.   color: #eeeeee;
  938. }
  939.  
  940. .listbox h3 {
  941.   color: #2c2424 !important;
  942. }
  943.  
  944. .draft {
  945.   border-color: #eeeeee;
  946. }
  947.  
  948. .actions a,
  949. .action,
  950. .action:link,
  951. .actions input,
  952. input[type="submit"],
  953. button,
  954. .current,
  955. .actions label,
  956. span.unread,
  957. .replied,
  958. span.claimed {
  959.   border-bottom-color: #eeeeee;
  960.   border-radius: 50px 20px;
  961. }
  962.  
  963. .ui-sortable li:hover,
  964. .secondary,
  965. .wrapper,
  966. .ui-draggable form {
  967.   box-shadow: none;
  968. }
  969.  
  970. #header #small_login {
  971.   box-shadow: none;
  972. }
  973.  
  974. .delete a,
  975. span.delete {
  976.   box-shadow: none;
  977. }
  978.  
  979. #header .primary .menu a {
  980.   color: #111;
  981.   padding: 0.75em 0.5em 0.5em;
  982.   background: #212121 !important;
  983. }
  984.  
  985. Comments a,
  986. a:link,
  987. a:visited:hover,
  988. #dashboard a,
  989. #dashboard span,
  990. .autocomplete div.dropdown ul,
  991. .actions a:visited,
  992. .actions a:active,
  993. .current,
  994. a.current,
  995. .current a:visited,
  996. a.tag,
  997. .tags a,
  998. a.cloud1,
  999. a.cloud2 {
  1000.   border-bottom: none;
  1001.   color: #eb9191;
  1002. }
  1003.  
  1004. .userstuff h3,
  1005. #header .primary a,
  1006. #header .primary .current,
  1007. #header .primary input,
  1008. #header .search input {
  1009.   border-color: #00273d;
  1010. }
  1011.  
  1012. .userstuff h3 {
  1013.   border-bottom: 0px;
  1014.   font-size: 1.8em;
  1015. }
  1016.  
  1017. .userstuff h2 {
  1018.   font-size: 2em;
  1019. }
  1020.  
  1021. .actions a:active,
  1022. .current,
  1023. a.current,
  1024. .current a:visited {
  1025.   box-shadow: none;
  1026. }
  1027.  
  1028. a.tag:hover {
  1029.   color: #f7eee5 !important;
  1030.   background: #eb9191 !important;
  1031. }
  1032.  
  1033. .autocomplete .dropdown ul li:hover,
  1034. li.selected {
  1035.   background: #f7eee5;
  1036. }
  1037.  
  1038. #header #greeting img,
  1039. #header .heading a,
  1040. #header fieldset,
  1041. #header form,
  1042. #header p,
  1043. #header .user a:hover,
  1044. #header .user a:focus,
  1045. #header .user .current,
  1046. #dashboard a:hover,
  1047. .actions a:hover,
  1048. .actions input:hover,
  1049. .delete a,
  1050. span.delete,
  1051. span.unread,
  1052. .replied,
  1053. span.claimed,
  1054. .draggable,
  1055. .droppable,
  1056. span.requested,
  1057. a.work,
  1058. .system .tweets h3,
  1059. .required,
  1060. .error,
  1061. a.cloud7,
  1062. a.cloud8 {
  1063.   color: #f9f6ce;
  1064. }
  1065.  
  1066. .system .latest h3,
  1067. .system div.news h3 {
  1068.   box-shadow: 3px 0px 0px #C779D0, -3px 0px 0px #e49494;
  1069.   box-sizing: border-box;
  1070.   padding: 5px;
  1071. }
  1072.  
  1073. .blurb h4 a:link,
  1074. .blurb h4 img {
  1075.   color: #ffbf52;
  1076. }
  1077.  
  1078. #outer #header #greeting .icon,
  1079. .error,
  1080. .comment_error,
  1081. .LV_invalid,
  1082. .LV_invalid_field,
  1083. input.LV_invalid_field:hover,
  1084. input.LV_invalid_field:active,
  1085. textarea.LV_invalid_field:hover,
  1086. textarea.LV_invalid_field:active,
  1087. #header .primary a,
  1088. #header .primary .current,
  1089. #header .primary input,
  1090. #header .search input {
  1091.   border-color: #ff3e62;
  1092. }
  1093.  
  1094. #dashboard a,
  1095. .unread,
  1096. #dashboard span,
  1097. #dashboard.own,
  1098. fieldset dl,
  1099. fieldset.actions,
  1100. fieldset dl fieldset dl,
  1101. .dynamic form fieldset,
  1102. .toggled form fieldset,
  1103. .toggled form dl,
  1104. .secondary .toggled form,
  1105. .dashboard .own,
  1106. .mods li,
  1107. dl.stats dt,
  1108. .blurb .header .heading,
  1109. .blurb .header ul,
  1110. .blurb .header p.status,
  1111. fieldset.comments,
  1112. .userstuff table,
  1113. .userstuff td,
  1114. .userstuff col,
  1115. .userstuff tr,
  1116. .userstuff thead,
  1117. .userstuff tfoot,
  1118. .userstuff tbody,
  1119. .userstuff th,
  1120. .userstuff thead td,
  1121. .userstuff th a,
  1122. .userstuff th a:link {
  1123.   background: #212121;
  1124. }
  1125.  
  1126. fieldset dl,
  1127. fieldset.actions,
  1128. fieldset dl fieldset dl,
  1129. .dynamic form fieldset,
  1130. .toggled form fieldset,
  1131. .toggled form dl,
  1132. .secondary .toggled form,
  1133. .actions a,
  1134. .action,
  1135. .actions input,
  1136. .action:link input[type="submit"],
  1137. button,
  1138. .current,
  1139. .actions label,
  1140. #outer.wrapper,
  1141. #inner.wrapper,
  1142. dl.index,
  1143. dl.stats,
  1144. .listbox,
  1145. fieldset fieldset.listbox,
  1146. .listbox li.blurb,
  1147. fieldset.comments,
  1148. dl.nomination {
  1149.   box-shadow: none;
  1150. }
  1151.  
  1152. h2,
  1153. .system p#signup,
  1154. #header h2 {
  1155.   text-shadow: none;
  1156. }
  1157.  
  1158. #header h2 {
  1159.   background: #eb9191;
  1160.   border-radius: 20px;
  1161.   padding: 10px;
  1162.   margin: 10px;
  1163. }
  1164.  
  1165. .dashboard .listbox {
  1166.   border: 1px solid #eb9191;
  1167. }
  1168.  
  1169. .abbreviated .icon {
  1170.   height: 75px;
  1171.   width: 75px;
  1172. }
  1173.  
  1174. .comment fieldset {
  1175.   border: 0px;
  1176. }
  1177.  
  1178. dl.meta,
  1179. li.comment {
  1180.   border: dashed #eb9191 !important;
  1181.   background: #212121;
  1182. }
  1183.  
  1184. .comment fieldset textarea {
  1185.   background-image: url("https://i.ibb.co/mRPg18S/Chibi-Kyman-vs2.png") !important;
  1186.   background-repeat: no-repeat !important;
  1187.   background-position: right bottom !important;
  1188.   background-color: #1e0e20 !important;
  1189.   background-size: auto 45%;
  1190.   border-radius: 15px;
  1191.   font-family: Avenir, Helvetica, Arial, sans-serif;
  1192.   opacity: 0.7;
  1193. }
  1194.  
  1195. #greeting img.icon {
  1196.   border-radius: 2em;
  1197.   height: 2.5em;
  1198.   width: 2.5em;
  1199. }
  1200.  
  1201. .icon:hover {
  1202.   border-radius: 10px;
  1203. }
  1204.  
  1205. .icon {
  1206.   padding: 0px;
  1207. }
  1208.  
  1209. .abbreviated h4.byline {
  1210.   padding-left: 80px;
  1211. }
  1212.  
  1213. span.symbol {
  1214.   vertical-align: baseline;
  1215.   color: #FEFEFE;
  1216.   background: #6047A5;
  1217.   border-color: #DCDCDC;
  1218. }
  1219.  
  1220. .notice {
  1221.   border: 1px solid #eb9191;
  1222.   color: #eee;
  1223.   background: #212121;
  1224.   box-shadow: 5px 10px #eb9191;
  1225.   padding: 1em;
  1226. }
  1227.  
  1228. #modal-bg {
  1229.   background: #2e2e2e;
  1230. }
  1231.  
  1232. #comment_cancel,
  1233. input[name="comment_cancel"] {
  1234.   color: #2c2424 !important;
  1235.   background: #f7eee5 !important;
  1236.   border: none;
  1237.   border-bottom: none;
  1238.   background-image: none;
  1239.   border-radius: 50px 20px;
  1240.   box-shadow: none;
  1241. }
  1242.  
  1243. .btn,
  1244. input[type="submit"],
  1245. .actions li a,
  1246. .actions li input,
  1247. .actions li input[type="submit"],
  1248. .actions li .current,
  1249. .actions li label,
  1250. .action:link {
  1251.   color: #2c2424;
  1252.   background: #f7eee5;
  1253.   border: none !important;
  1254.   border-bottom: none;
  1255.   background-image: none;
  1256.   border-radius: 50px 20px;
  1257.   box-shadow: none;
  1258. }
  1259.  
  1260. input[type="submit"],
  1261. input[type="submit"]:hover {
  1262.   border: none;
  1263. }
  1264.  
  1265. .actions button,
  1266. button {
  1267.   background: #f7eee5 !important;
  1268.   color: #2c2424;
  1269.   line-height: 1.286;
  1270.   height: 1.286em;
  1271.   vertical-align: middle;
  1272.   display: inline-block;
  1273.   padding: 0.25em 0.75em;
  1274.   white-space: nowrap;
  1275.   overflow: visible;
  1276.   position: relative;
  1277.   border-radius: 50px 20px;
  1278.   box-shadow: none;
  1279. }
  1280.  
  1281. .actions button:hover,
  1282. button:hover {
  1283.   background: #eb9191 !important;
  1284.   color: #f7eee5;
  1285.   line-height: 1.286;
  1286.   height: 1.286em;
  1287.   vertical-align: middle;
  1288.   display: inline-block;
  1289.   padding: 0.25em 0.75em;
  1290.   white-space: nowrap;
  1291.   overflow: visible;
  1292.   position: relative;
  1293.   border-radius: 50px 20px;
  1294.   box-shadow: none;
  1295. }
  1296.  
  1297. .btn:hover,
  1298. input[type="submit"]:hover,
  1299. .actions li input[type="submit"]:hover,
  1300. .actions .current:hover {
  1301.   color: #eeeeee;
  1302.   background: #eb9191;
  1303.   border: none;
  1304.   border-bottom: none;
  1305.   background-image: none;
  1306.   border-radius: 50px 20px;
  1307.   box-shadow: none;
  1308. }
  1309.  
  1310. .tags input[type="radio"],
  1311. .filters [type="radio"]+.indicator::before,
  1312. .filters [type="radio"]+.indicator::before {
  1313.   color: #eeeeee;
  1314.   background: #2c2424;
  1315.   border: 1px solid #eeeeee;
  1316.   border-radius: 1em;
  1317.   box-shadow: none;
  1318. }
  1319.  
  1320. .filters [type="radio"]:checked+.indicator::after,
  1321. .filters [type="checkbox"]:checked+.indicator::after,
  1322. [type="radio"]:checked+.indicator::after {
  1323.   color: #eee;
  1324.   background: #eb9191;
  1325. }
  1326.  
  1327. #header .primary>li:first-of-type {
  1328.   margin-left: 2em;
  1329. }
  1330.  
  1331. .assignment dl.stats,
  1332. .assignment dl.stats dt,
  1333. .assignment dl.stats dd,
  1334. dl.stats,
  1335. dl.stats dt {
  1336.   background: transparent;
  1337.   color: #f7f7f7;
  1338. }
  1339.  
  1340. .assignment .index dt {
  1341.   margin-bottom: 5px;
  1342. }
  1343.  
  1344. .blurb dl.stats {
  1345.   background: #212121;
  1346.   margin-bottom: 5px !important;
  1347. }
  1348.  
  1349. .byline.heading {
  1350.   color: #eee;
  1351. }
  1352.  
  1353. #dashboard {
  1354.   border: 1px solid #eb9191 !important;
  1355.   padding: 0.5em 0;
  1356.   border-radius: 0.25em;
  1357.   margin-left: 10px;
  1358.   background: #212121;
  1359. }
  1360.  
  1361. .userstuff p {
  1362.   color: #cac3c3;
  1363.   outline: none;
  1364.   font-size: medium;
  1365. }
  1366.  
  1367. .user .datetime {
  1368.   color: #f7f7f7;
  1369. }
  1370.  
  1371. .preface blockquote {
  1372.   border: 0;
  1373.   font-size: xx-small;
  1374. }
  1375.  
  1376. p.kudos {
  1377.   background: #2e2e2e !important;
  1378.   padding: 0.5em;
  1379.   border-style: dashed !important;
  1380. }
  1381.  
  1382. ul.series,
  1383. ul.series li {
  1384.   color: #f7f7f7;
  1385. }
  1386.  
  1387. .own .header,
  1388. .inbox .actions,
  1389. .inbox .comments,
  1390. .pseud .header,
  1391. .collection .header {
  1392.   background-color: transparent;
  1393. }
  1394.  
  1395. .own .type {
  1396.   color: #f7f7f7;
  1397. }
  1398.  
  1399. .faq .example,
  1400. .comment .icon .anonymous .guideline .example {
  1401.   border: 0px;
  1402.   background-color: #2e2e2e;
  1403.   border-radius: 5px;
  1404. }
  1405.  
  1406. .bookmark .count a {
  1407.   color: #eeeeee;
  1408. }
  1409.  
  1410. .announcement .userstuff {
  1411.   background: #212121;
  1412.   color: #f7eee5;
  1413.   border: 1px solid #eb9191;
  1414. }
  1415.  
  1416. .announcement .userstuff p {
  1417.   color: #f7eee5;
  1418. }
  1419.  
  1420. .announcement input[type="submit"],
  1421. .announcement .action {
  1422.   background: #761c47;
  1423.   border: 1px solid #ce4c4c;
  1424.   color: #f7f7f7;
  1425.   font-size: 0.875em;
  1426.   padding: 0.25em 0.5em;
  1427.   border-radius: 2em;
  1428. }
  1429.  
  1430. input[name="preview_button"] {
  1431.   color: #2c2424;
  1432.   background: #f7eee5;
  1433.   background-image: none;
  1434.   border-radius: 0.25em;
  1435.   box-shadow: none;
  1436. }
  1437.  
  1438. input[name="post_button"] {
  1439.   color: #2c2424;
  1440.   background: #f7eee5 !important;
  1441.   background-image: none;
  1442.   border-radius: 0.25em;
  1443.   box-shadow: none;
  1444. }
  1445.  
  1446. input[name="preview_button"]:hover {
  1447.   color: #eee !important;
  1448.   background: #eb9191 !important;
  1449.   border: none;
  1450.   border-bottom: none;
  1451.   background-image: none;
  1452.   border-radius: 0.25em;
  1453.   box-shadow: none;
  1454. }
  1455.  
  1456. input[name="post_button"]:hover {
  1457.   color: #eee !important;
  1458.   background: #eb9191 !important;
  1459.   border: none;
  1460.   border-bottom: none;
  1461.   background-image: none;
  1462.   border-radius: 0.25em;
  1463.   box-shadow: none;
  1464. }
  1465.  
  1466. input[name="freeze_thread"] {
  1467.   border-radius: 50px 20px !important;
  1468.   background: #f7eee5 !important;
  1469.   color: #2c2424 !important;
  1470.   border: none;
  1471.   border-bottom: none;
  1472.   box-shadow: none;
  1473. }
  1474.  
  1475. input[name="freeze_thread"]:hover {
  1476.   border-radius: 50px 20px !important;
  1477.   background: #eb9191 !important;
  1478.   color: #eee !important;
  1479.   border: none;
  1480.   border-bottom: none;
  1481.   box-shadow: none;
  1482. }
  1483.  
  1484. #footer {
  1485.   background: #3e1010 !important;
  1486.   border-top: none;
  1487.   background-image: url("https://i.ibb.co/6FSGJVr/FVf-MDlj-Us-AYJXKD.jpg") !important;
  1488.   background-repeat: no-repeat;
  1489.   background-size: 100% !important;
  1490.   background-position: center top !important;
  1491. }
  1492.  
  1493. #footer a,
  1494. #footer button {
  1495.   color: #eecd57 !important;
  1496.   font-weight: bold;
  1497.   background: transparent !important;
  1498.   text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  1499. }
  1500.  
  1501. #footer .heading,
  1502. #footer ul,
  1503. #footer ul.navigation a {
  1504.   color: #eecd57 !important;
  1505.   font-weight: bold;
  1506.   text-shadow: 3px 3px 0 #000,
  1507. -1px -1px 0 #000,
  1508. 1px -1px 0 #000,
  1509. -1px 1px 0 #000,
  1510. 1px 1px 0 #000;
  1511. }
  1512.  
  1513. #footer a:hover {
  1514.   box-shadow: none;
  1515. }
  1516.  
  1517. #header .primary,
  1518. #footer {
  1519.   border-color: transparent;
  1520. }
  1521.  
  1522. #footer .module {
  1523.   background: #FFFFFF66;
  1524.   margin: 0 .5%;
  1525. }
  1526.  
  1527. #footer,
  1528. #footer .heading,
  1529. #footer a {
  1530.   color: #000;
  1531. }
  1532.  
  1533. .event.announcement .userstuff a,
  1534. .filters .expander {
  1535.   color: #212121;
  1536. }
  1537.  
  1538. .filters .expander {
  1539.   background: url("https://i.imgur.com/PiP0qAu.png") left center no-repeat !important;
  1540.   border: none;
  1541.   color: #2a2a2a;
  1542.   height: 100%;
  1543.   min-height: 1.786em;
  1544.   outline: none;
  1545.   padding: 0.25em 0 0.25em 14px;
  1546.   text-align: left;
  1547.   white-space: normal;
  1548.   border-radius: 0;
  1549.   box-sizing: border-box;
  1550.   background-color: transparent !important;
  1551.   font-size: 100%;
  1552. }
  1553.  
  1554. button.expander:hover {
  1555.   background: #eb9191 !important;
  1556.   color: #eee;
  1557.   border-radius: 5px;
  1558. }
  1559.  
  1560. .kudos_error {
  1561.   background: #312927;
  1562.   border-color: #fabd2f;
  1563.   box-shadow: none;
  1564. }
  1565.  
  1566. .blurb ul.required-tags li span {
  1567.   border-radius: 5px;
  1568. }
  1569.  
  1570. .bookmark .status span,
  1571. .bookmark .status a {
  1572.   border-radius: 5px;
  1573. }
  1574.  
  1575. .warnings .tag,
  1576. .work .warning a.tag,
  1577. dt.warnings.tags,
  1578. dd.warning.tags a {
  1579.   color: #e5802f;
  1580.   background: #212121;
  1581.   padding-left: 2px;
  1582.   padding-right: 2px;
  1583.   box-shadow: none;
  1584. }
  1585.  
  1586. .warnings .tag:hover,
  1587. .work .warning a.tag:hover,
  1588. dt.warnings.tags:hover,
  1589. dd.warning.tags a:hover {
  1590.   background: #eb9191 !important;
  1591.   color: #f7eee5 !important;
  1592. }
  1593.  
  1594. .relationships .tag,
  1595. .work .relationships a.tag,
  1596. dt.relationship.tags,
  1597. dd.relationship.tags a {
  1598.   background: none;
  1599.   color: #bc73d9 !important;
  1600.   font-weight: bold;
  1601.   text-shadow: none;
  1602. }
  1603.  
  1604. .relationships .tag:hover,
  1605. .work .relationships a.tag:hover,
  1606. dt.relationship.tags:hover,
  1607. dd.relationship.tags a:hover {
  1608.   background: #eb9191 !important;
  1609.   color: #f7eee5 !important;
  1610. }
  1611.  
  1612. .characters .tag,
  1613. .work .characters a.tag,
  1614. dt.character.tags,
  1615. dd.character.tags a {
  1616.   color: #8ba6ba !important;
  1617.   font-weight: bold;
  1618. }
  1619.  
  1620. .characters .tag:hover,
  1621. .work .characters a.tag:hover,
  1622. dt.character.tags:hover,
  1623. dd.character.tags a:hover {
  1624.   color: #f7eee5 !important;
  1625.   background: #eb9191 !important;
  1626. }
  1627.  
  1628. .freeforms .tag,
  1629. .work .freeforms a.tag,
  1630. dt.freeform.tags,
  1631. dd.freeform.tags a {
  1632.   color: #99c987 !important;
  1633.   font-weight: bold;
  1634. }
  1635.  
  1636. .freeforms .tag:hover,
  1637. .work .freeforms a.tag:hover,
  1638. dt.freeform.tags:hover,
  1639. dd.freeform.tags a:hover {
  1640.   color: #f7eee5 !important;
  1641.   background: #eb9191 !important;
  1642. }
  1643.  
  1644. ul.tags li.warnings,
  1645. ul.tags li.relationships,
  1646. ul.tags li.characters,
  1647. ul.tags li.freeforms {
  1648.   float: left !important;
  1649.   margin: 0;
  1650.   border-radius: 15px;
  1651.   padding: 2px;
  1652. }
  1653.  
  1654. li.warnings + li.relationships,
  1655. li.relationships + li.characters,
  1656. li.characters + li.freeforms,
  1657. li.warnings + li.characters,
  1658. li.warnings + li.freeforms,
  1659. li.relationships + li.freeforms {
  1660.   clear: left;
  1661.   border-radius: 10px;
  1662. }
  1663.  
  1664. ul.tags li.warnings:first-child:before {
  1665.   content: "⚠️:";
  1666.   color: #f7eee5;
  1667.   font-family: Avenir, Helvetica, Arial, sans-serif;
  1668.   font-weight: 600;
  1669. }
  1670.  
  1671. li.warnings + li.relationships:before {
  1672.   content: " ˚ଘ(੭*ˊᵕˋ)੭*⁀➷OTP";
  1673.   color: #ff3e62;
  1674.   font-family: Avenir, Helvetica, Arial, sans-serif;
  1675.   font-weight: 600;
  1676. }
  1677.  
  1678. li.relationships + li.characters:before {
  1679.   content: "「✦ Characters ✦」";
  1680.   color: #50adad;
  1681.   font-family: Avenir, Helvetica, Arial, sans-serif;
  1682.   font-weight: 600;
  1683. }
  1684.  
  1685. li.characters + li.freeforms:before {
  1686.   content: "「📝Other tags」 ";
  1687.   color: #79ba98;
  1688.   font-family: Avenir, Helvetica, Arial, sans-serif;
  1689.   font-weight: 600;
  1690. }
  1691.  
  1692. li.warnings + li.characters:before {
  1693.   content: "「✦ Characters✦」 ";
  1694.   color: #8ba6ba;
  1695.   font-family: Avenir, Helvetica, Arial, sans-serif;
  1696.   font-weight: 600;
  1697. }
  1698.  
  1699. li.warnings + li.freeforms:before {
  1700.   content: "「📝Other tags」 ";
  1701.   color: #79ba98;
  1702.   font-family: Avenir, Helvetica, Arial, sans-serif;
  1703.   font-weight: 600;
  1704.   border-radius: 25px;
  1705. }
  1706.  
  1707. li.relationships + li.freeforms:before {
  1708.   content: "「📝Other tags」 ";
  1709.   color: #79ba98;
  1710.   font-family: Avenir, Helvetica, Arial, sans-serif;
  1711.   font-weight: 600;
  1712. }
  1713.  
  1714. li.blurb blockquote p:first-child::before {
  1715.   content: "🌟";
  1716.   color: #8cf5b7;
  1717.   font-size: 95%;
  1718.   font-family: Avenir, Helvetica, Arial, sans-serif;
  1719.   font-weight: 600;
  1720. }
  1721.  
  1722. .blurb ul.series::before {
  1723.   content: " 🌙";
  1724.   color: #f7eee5;
  1725.   font-family: Avenir, Helvetica, Arial, sans-serif;
  1726.   font-weight: 600;
  1727. }
  1728.  
  1729. .blurb .fandoms::before {
  1730.   content: "꒰🪁 Fandom꒱ ";
  1731.   color: #e6e29c;
  1732.   font-family: Avenir, Helvetica, Arial, sans-serif;
  1733.   font-weight: 600;
  1734. }
  1735.  
  1736. .characters a:before,
  1737. .relationships a:before,
  1738. .freeforms a:before,
  1739. .meta a:before {
  1740.   color: #e05780;
  1741.   content: "❥";
  1742.   padding: 0 .25em 0 0;
  1743. }
  1744.  
  1745. .splash .browse li a:before {
  1746.   color: #ffe0e9;
  1747.   content: "❥";
  1748.   padding: 0 .25em 0 0;
  1749. }
  1750.  
  1751. div.userstuff ul li {
  1752.   list-style-type: none;
  1753. }
  1754.  
  1755. div.userstuff ul li::before {
  1756.   content: "₊°。❆";
  1757.   padding-right: 8px;
  1758. }
  1759.  
  1760. .userstuff hr {
  1761.   border: none;
  1762.   border-bottom: none;
  1763.   text-align: center;
  1764. }
  1765.  
  1766. .userstuff hr::after {
  1767.   content: " ";
  1768.   background-image: url("https://i.ibb.co/xtD3jjDK/mkscmkdvl.png") !important;
  1769.   background-size: 100%;
  1770.   height: 21px;
  1771.   width: 100px;
  1772.   display: inline-block;
  1773.   position: relative;
  1774.   top: 5px;
  1775. }
  1776.  
  1777. .filters .expander {
  1778.   background: url("https://64.media.tumblr.com/3c89981f933f9f57157d6dcec6fd85a7/94c6737c6db9ad60-e5/s1280x1920/f7557e617a5439c506721bd326580a0cb4c1f8d8.png") left center no-repeat;
  1779.   color: #f9f6ce !important;
  1780.   font-weight: bold;
  1781. }
  1782.  
  1783. .filters .expanded .expander {
  1784.   background: url("https://64.media.tumblr.com/dab095a2fd9387bc1e0c57747ba6b13f/94c6737c6db9ad60-ad/s1280x1920/c1a4e14e0565cdcac5d3e20bebac3ab440f2d607.png") left center no-repeat;
  1785. }
  1786.  
  1787. dl.work.meta.group dd.collections {
  1788.   max-height: 3em;
  1789.   overflow: auto;
  1790. }
  1791.  
  1792. .work.own,
  1793. .thread .even,
  1794. .listbox .index,
  1795. .statistics .index li:nth-of-type(even),
  1796. dl.meta,
  1797. dl.index dd,
  1798. textarea,
  1799. input,
  1800. option,
  1801. .toggled form,
  1802. .dynamic form,
  1803. .autocomplete .dropdown ul,
  1804. .autocomplete .dropdown ul li,
  1805. .autocomplete input {
  1806.   border-radius: 8px;
  1807.   background-color: #212121;
  1808.   color: #f9f6ce;
  1809.   font-family: Avenir, Helvetica, Arial, sans-serif;
  1810. }
  1811.  
  1812. li.blurb {
  1813.   border-radius: 2em;
  1814.   background: #212121;
  1815.   border: none;
  1816. }
  1817.  
  1818. li.blurb,
  1819. .listbox li.blurb {
  1820.   box-shadow: 0px 0px 6px #000;
  1821.   border-radius: 25px;
  1822.   font-family: Avenir, Helvetica, Arial, sans-serif;
  1823. }
  1824.  
  1825. #main .verbose legend,
  1826. .comment h4.byline,
  1827. .reading h4.viewed,
  1828. .unread,
  1829. .child,
  1830. .unwrangled,
  1831. .unreviewed,
  1832. .verbose fieldset,
  1833. form ul.notes,
  1834. #modal,
  1835. .ui-sortable li,
  1836. .comment_notice,
  1837. .kudos_notice,
  1838. div.dynamic,
  1839. #ui-datepicker-div,
  1840. .ui-datepicker table {
  1841.   color: #f9f6ce;
  1842.   background-color: #212121;
  1843.   border-color: #C89F96 !important;
  1844.   border-radius: 10px;
  1845.   border-style: double;
  1846.   box-shadow: 3px 5px #eb9191;
  1847.   font-family: Avenir, Helvetica, Arial, sans-serif;
  1848. }
  1849.  
  1850. .abbreviated img[src$="/images/skins/iconsets/default/icon_user.png"] {
  1851.   padding: 75px 0 0 75px;
  1852.   background-position: 0px -375px;
  1853. }
  1854.  
  1855. .index img[src$="/images/skins/iconsets/default/icon_user.png"] {
  1856.   background-position: 0px -525px;
  1857.   background: url(https://i.ibb.co/qJcytzN/No-PFPvs2-100px.png) !important;
  1858.   background-size: cover !important;
  1859. }
  1860.  
  1861. .abbreviated .icon {
  1862.   height: 75px;
  1863.   width: 75px;
  1864. }
  1865.  
  1866. img[src$="/images/skins/iconsets/default/icon_user.png"] {
  1867.   background-position: 0px -75px;
  1868.   border-bottom: 3px solid #d4836e;
  1869. }
  1870.  
  1871. img[src$="/images/skins/iconsets/default/icon_user.png"],
  1872. img[src$="/images/skins/iconsets/default/icon_collection.png"],
  1873. img[src$="/images/lockblue.png"] {
  1874.   width: 0 !important;
  1875.   height: 0 !important;
  1876. }
  1877.  
  1878. .navigation .actions .rss span,
  1879. .required-tags .rating-notrated,
  1880. .required-tags .rating-general-audience,
  1881. .required-tags .rating-explicit,
  1882. .required-tags .rating-mature,
  1883. .required-tags .rating-teen,
  1884. .required-tags .category-femslash,
  1885. .required-tags .category-gen,
  1886. .required-tags .category-slash,
  1887. .required-tags .category-none,
  1888. .required-tags .category-het,
  1889. .required-tags .category-multi,
  1890. .required-tags .category-other,
  1891. .required-tags .complete-no,
  1892. .required-tags .complete-yes,
  1893. .required-tags .warning-yes,
  1894. .required-tags .warning-no,
  1895. .required-tags .warning-choosenotto,
  1896. .required-tags .external-work,
  1897. .status .private .text,
  1898. .status .public,
  1899. .status .hidden,
  1900. .status .rec,
  1901. .status .count,
  1902. .index .skins .icon,
  1903. .index .mystery .icon,
  1904. .index .tag .icon,
  1905. .index .tagset .icon,
  1906. .comment .icon .visitor,
  1907. .abbreviated .icon .visitor,
  1908. .abbreviated .icon .anonymous,
  1909. .skins .primary .icon,
  1910. .admin .primary .icon,
  1911. .tagset .primary .icon,
  1912. .tag .primary .icon,
  1913. a.rss span,
  1914. p.kudos,
  1915. #symbols-key dl img,
  1916. #bookmark-symbols-key img,
  1917. img[src$="/images/skins/iconsets/default/icon_user.png"],
  1918. img[src$="/images/skins/iconsets/default/icon_collection.png"],
  1919. img[src$="/images/lockblue.png"] {
  1920.   background-image: url(https://images.squidge.org/images/2024/03/30/AO3_imageset_muted_dark.png);
  1921.   background-size: 200px 835px;
  1922. }
  1923.  
  1924. .primary .icon,
  1925. .icon {
  1926.   border-radius: 70px;
  1927.   height: 7em;
  1928.   width: 7em;
  1929.   transition: 0.2s;
  1930. }
  1931.  
  1932. .icon {
  1933.   height: 100px;
  1934.   width: 100px;
  1935.   margin: 0;
  1936. }
  1937.  
  1938. a img {
  1939.   border: 0;
  1940. }
  1941.  
  1942. img[alt="(Restricted)"] {
  1943.   width: 0;
  1944.   height: 0;
  1945.   margin: 3px 0;
  1946.   padding: 15px 0 0 15px;
  1947.   background: url("https://i.ibb.co/hLskrMg/lockblue.png") !important;
  1948. }
  1949.  
  1950. dl.stats dt {
  1951.   display: none;
  1952. }
  1953.  
  1954. li.collection dl.stats dt,
  1955. li.series dl.stats dt,
  1956. dl.series dl.stats dt {
  1957.   display: inline-block !important;
  1958. }
  1959.  
  1960. dl.stats dd.kudos::before {
  1961.   background: url(https://64.media.tumblr.com/23a3c6f134a96386f50fb8982a353590/8b704f26c7323545-01/s100x200/31e25f0be03646918168c4d49bd2ee9733b2cd59.png);
  1962. }
  1963.  
  1964. dl.stats dd.words::before {
  1965.   background: url(https://64.media.tumblr.com/fff96d500a04ddf12517a48d83b228d2/b2e751421a20aa0c-a7/s100x200/c848a67de8f463ccdafa5b60948c61a172d5fe24.png);
  1966. }
  1967.  
  1968. dl.stats dd.chapters::before {
  1969.   background: url(https://64.media.tumblr.com/a8ca48310f24581ae539336583690b26/b2e751421a20aa0c-5c/s100x200/a51b914598b64c3ddf6f705b278f11a68301d443.png);
  1970. }
  1971.  
  1972. dl.stats dd.comments::before {
  1973.   background: url(https://64.media.tumblr.com/7172c0bbe03a0eef7b236014dc78c905/8b704f26c7323545-78/s250x400/f37ba1ff69b5ef2ad7e5fe66b61fd748badc00d1.png);
  1974. }
  1975.  
  1976. dl.stats dd.bookmarks::before {
  1977.   background: url(https://64.media.tumblr.com/9b95d189a57699762d2262536e922ece/b2e751421a20aa0c-2a/s100x200/1aabb2ad7b90746f0469aefaa39af5b83728f8b9.png);
  1978. }
  1979.  
  1980. dl.stats dd.hits::before {
  1981.   background: url(https://64.media.tumblr.com/b2b8862a356132ac1aa41e9e9f0ddd1d/b2e751421a20aa0c-9e/s100x200/dcd2bcb1adbbb8f9e1844b61aee3dd3a653531e3.png);
  1982. }
  1983.  
  1984. dl.stats dd.collections::before {
  1985.   background: url(https://64.media.tumblr.com/ae825c2ad8071426c298c5b52970e294/b2e751421a20aa0c-18/s100x200/d1eb5dd259e2db588cda2100057c2c8fd9efaaf0.png);
  1986. }
  1987.  
  1988. dl.work dl.stats dd.published::before {
  1989.   background: url(https://64.media.tumblr.com/7e13419071a7eeb35f48a76c7aa0ba36/b2e751421a20aa0c-5d/s250x400/7f351f60793ad683e4a9dc4de55e4ee4d625f9d2.png);
  1990. }
  1991.  
  1992. dl.work dl.stats dd.status::before {
  1993.   background: url(https://64.media.tumblr.com/0ef9349a36cf808783e9488a97b64678/b2e751421a20aa0c-10/s250x400/8df1d3da298f875381822968f8e71ed4d7bcae31.png);
  1994. }
  1995.  
  1996. ul.statistics dl.stats dd.subscriptions::before {
  1997.   background: url(https://64.media.tumblr.com/64db76a65209eff79515dfc23842eb54/fd0b10e0262ddb71-14/s250x400/921de73c3d5bb819f4e3c58c7c45bd4c6edfe55f.png);
  1998. }
  1999.  
  2000. ul.statistics dl.stats dd::before,
  2001. li.work dl.stats dd::before,
  2002. li.bookmark dl.stats dd::before,
  2003. dl.work dl.stats dd::before {
  2004.   display: inline-block;
  2005.   width: 14px;
  2006.   height: 14px;
  2007.   content: " ";
  2008.   background-size: 14px 14px !important;
  2009.   margin-right: 5px;
  2010. }
  2011.  
  2012. dl.stats dd.published::before,
  2013. dl.stats dd.status::before {
  2014.   width: 0px;
  2015.   margin-right: 0px;
  2016. }
  2017.  
  2018. .index .skins .icon {
  2019.   background: url("https://i.ibb.co/kXQg4pP/kymanpng50px.png") !important;
  2020.   background-repeat: no-repeat !important;
  2021.   background-position: top !important;
  2022. }
  2023.  
  2024. .skins .primary .icon,
  2025. .admin .primary .icon,
  2026. .tag .primary .icon,
  2027. .tagset .primary .icon .wrangler .primary .icon {
  2028.   background: url("https://i.ibb.co/zJRYhHm/kymanpng100px.png") !important;
  2029.   background-size: 100% !important;
  2030.   background-position: center !important;
  2031.   background-repeat: no-repeat !important;
  2032. }
  2033.  
  2034. .comment div.icon {
  2035.   border-bottom: 4px solid #d4836e;
  2036.   background: url("https://i.ibb.co/qJcytzN/No-PFPvs2-100px.png") !important;
  2037.   background-repeat: no-repeat;
  2038.   background-size: cover !important;
  2039.   background-position: center !important;
  2040.   padding: 0px;
  2041.   display: block;
  2042. }
  2043.  
  2044. .comment .icon .anonymous {
  2045.   background: url("https://i.ibb.co/rZQd6FC/NoPFPvs2.png");
  2046.   background-repeat: no-repeat;
  2047.   background-size: cover !important;
  2048.   border-radius: 2em !important;
  2049.   height: 2.5em;
  2050.   width: 2.5em;
  2051. }
  2052.  
  2053. span.anonymous.icon {
  2054.   padding: 0px;
  2055.   background: transparent !important;
  2056. }
  2057.  
  2058. .resp-sharing-button--twitter {
  2059.   background-color: #6894b5 !important;
  2060.   color: #eee;
  2061. }
  2062.  
  2063. .resp-sharing-button--tumblr {
  2064.   background-color: #35465C;
  2065.   color: #eee;
  2066. }
  2067.  
  2068. .tox .tox-button {
  2069.   background-color: #207ab7;
  2070.   background-image: none;
  2071.   background-position: none;
  2072.   background-repeat: none;
  2073.   border-color: #207ab7;
  2074.   border-radius: 3px;
  2075.   border-style: solid;
  2076.   border-width: 1px;
  2077.   box-shadow: none;
  2078.   box-sizing: border-box;
  2079.   color: #000 !important;
  2080.   cursor: pointer;
  2081.   display: inline-block;
  2082.   font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  2083.   font-size: 14px;
  2084.   font-weight: 700;
  2085.   letter-spacing: 1;
  2086.   line-height: 24px;
  2087.   margin: 0;
  2088.   margin-left: 0px;
  2089.   outline: 0;
  2090.   padding: 4px 16px;
  2091.   text-align: center;
  2092.   text-decoration: none;
  2093.   text-transform: capitalize;
  2094.   white-space: nowrap;
  2095. }
  2096.  
  2097. dl.work.meta.group dd.collections {
  2098.   max-height: 3em;
  2099.   overflow: auto;
  2100. }
  2101.  
  2102. #symbols-key dl img,
  2103. #bookmark-symbols-key img {
  2104.   width: 0 !important;
  2105.   height: 0 !important;
  2106.   padding: 25px 0 0 25px;
  2107. }
  2108.  
  2109. .blurb ul.required-tags li span,
  2110. .bookmark .status span:not(.status .private),
  2111. #symbols-key dl img,
  2112. #bookmark-symbols-key img {
  2113.   box-sizing: border-box;
  2114.   box-shadow: inset 0 0 0 1px;
  2115. }
  2116.  
  2117. .required-tags .rating-notrated,
  2118. .required-tags .category-none,
  2119. .required-tags .warning-no,
  2120. .status .count,
  2121. img[src$="/images/skins/iconsets/default/rating-notrated.png"],
  2122. img[src$="/images/skins/iconsets/default/category-none.png"],
  2123. img[src$="/images/skins/iconsets/default/warning-no.png"] {
  2124.   background: #fff;
  2125.   color: #ddd;
  2126. }
  2127.  
  2128. .required-tags .rating-general-audience,
  2129. img[src$="/images/skins/iconsets/default/rating-general-audience.png"] {
  2130.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_rating-gen_01.png");
  2131.   background-size: cover;
  2132.   background-color: #08b3bc;
  2133.   color: #0000001a;
  2134. }
  2135.  
  2136. .required-tags .rating-teen,
  2137. img[src$="/images/skins/iconsets/default/rating-teen.png"] {
  2138.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_rating-teen_01.png");
  2139.   background-size: cover;
  2140.   background-color: #5998d6;
  2141.   color: #0000001a;
  2142. }
  2143.  
  2144. .required-tags .rating-mature,
  2145. img[src$="/images/skins/iconsets/default/rating-mature.png"] {
  2146.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_rating-mature_01.png");
  2147.   background-size: cover;
  2148.   background-color: #e8689b;
  2149.   color: #0000001a;
  2150. }
  2151.  
  2152. .required-tags .rating-explicit,
  2153. img[src$="/images/skins/iconsets/default/rating-explicit.png"] {
  2154.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_rating-explicit_01.png");
  2155.   background-size: cover;
  2156.   background-color: #a13374;
  2157.   color: #0000001a;
  2158. }
  2159.  
  2160. .required-tags .category-femslash,
  2161. img[src$="/images/skins/iconsets/default/category-femslash.png"] {
  2162.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_category-ff_01.png");
  2163.   background-size: cover;
  2164.   background-color: #e8689b;
  2165.   color: #0000001a;
  2166. }
  2167.  
  2168. .required-tags .category-het,
  2169. img[src$="/images/skins/iconsets/default/category-het.png"] {
  2170.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_category-mf_01.png");
  2171.   background-size: cover;
  2172.   background-color: #a13374;
  2173.   color: #0000001a;
  2174. }
  2175.  
  2176. .required-tags .category-gen,
  2177. img[src$="/images/skins/iconsets/default/category-gen.png"] {
  2178.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_category-gen_01.png");
  2179.   background-size: cover;
  2180.   background-color: #08b3bc;
  2181.   color: #0000001a;
  2182. }
  2183.  
  2184. .required-tags .category-slash,
  2185. img[src$="/images/skins/iconsets/default/category-slash.png"] {
  2186.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_category-mm_01.png");
  2187.   background-size: cover;
  2188.   background-color: #5998d6;
  2189.   color: #0000001a;
  2190. }
  2191.  
  2192. .required-tags .category-multi,
  2193. img[src$="/images/skins/iconsets/default/category-multi.png"] {
  2194.   background: conic-gradient(from 270deg, #08b3bc 25%, #a13374 25% 50%, #5998d6 50% 75%, #e8689b 75%);
  2195.   color: #0000001a;
  2196. }
  2197.  
  2198. .required-tags .category-other,
  2199. img[src$="/images/skins/iconsets/default/category-other.png"] {
  2200.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_category-other_01.png");
  2201.   background-size: cover;
  2202.   background-color: #6e6e6e;
  2203.   color: #0000001a;
  2204. }
  2205.  
  2206. .required-tags .warning-choosenotto,
  2207. img[src$="/images/skins/iconsets/default/warning-choosenotto.png"] {
  2208.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_warning-choosenotto_01.png");
  2209.   background-size: cover;
  2210.   background-color: #e8689b;
  2211.   color: #0000001a;
  2212. }
  2213.  
  2214. .required-tags .warning-yes,
  2215. img[src$="/images/skins/iconsets/default/warning-yes.png"] {
  2216.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_warning-yes_01.png");
  2217.   background-size: cover;
  2218.   background-color: #a13374;
  2219.   color: #0000001a;
  2220. }
  2221.  
  2222. .required-tags .external-work,
  2223. img[src$="/images/skins/iconsets/default/warning-external-work.png"] {
  2224.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_warning-external-work_01.png");
  2225.   background-size: cover;
  2226.   background-color: #5998d6;
  2227.   color: #0000001a;
  2228. }
  2229.  
  2230. .required-tags .complete-no,
  2231. img[src$="/images/skins/iconsets/default/complete-no.png"] {
  2232.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_complete-no_01.png");
  2233.   background-size: cover;
  2234.   background-color: #a13374;
  2235.   color: #0000001a;
  2236. }
  2237.  
  2238. .required-tags .complete-yes,
  2239. img[src$="/images/skins/iconsets/default/complete-yes.png"] {
  2240.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_complete-yes_01.png");
  2241.   background-size: cover;
  2242.   background-color: #08b3bc;
  2243.   color: #0000001a;
  2244. }
  2245.  
  2246. .status .rec,
  2247. img[src$="/images/skins/iconsets/default/bookmark-rec.png"] {
  2248.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_bookmark-rec_01.png");
  2249.   background-size: cover;
  2250.   background-color: #5998d6;
  2251.   color: #0000001a;
  2252. }
  2253.  
  2254. .status .public,
  2255. img[src$="/images/skins/iconsets/default/bookmark-public.png"] {
  2256.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_bookmark-public_01.png");
  2257.   background-size: cover;
  2258.   background-color: #5998d6;
  2259.   color: #0000001a;
  2260. }
  2261.  
  2262. .status .private .text,
  2263. img[src$="/images/skins/iconsets/default/bookmark-private.png"] {
  2264.   font-size: inherit;
  2265.   text-indent: -9999px;
  2266.   white-space: nowrap;
  2267.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_bookmark-locked_01.png");
  2268.   background-size: cover;
  2269.   background-color: #000;
  2270.   color: #ddd;
  2271. }
  2272.  
  2273. .status .hidden,
  2274. img[src$="/images/skins/iconsets/default/bookmark-hidden.png"] {
  2275.   background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_bookmark-locked_01.png");
  2276.   background-size: cover;
  2277.   background-color: #e8689b;
  2278.   color: #ddd;
  2279. }
  2280.  
  2281. a.rss span,
  2282. p.kudos {
  2283.   background: none !important;
  2284. }
  2285.  
  2286. a.rss span::before {
  2287.   content: "";
  2288.   height: 14px;
  2289.   width: 14px;
  2290.   position: absolute;
  2291.   background-image: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_rss_01.png") !important;
  2292.   background-size: cover;
  2293.   border-radius: 2px;
  2294.   margin: 1px 0 0 -18px;
  2295.   background-color: #e8689b;
  2296.   box-shadow: inset 0 0 0 1px;
  2297.   color: #00000025;
  2298. }
  2299.  
  2300. p.kudos::before {
  2301.   content: "";
  2302.   height: 55px;
  2303.   width: 55px;
  2304.   position: absolute;
  2305.   margin: -0.5em -0.5em -0.5em -60px;
  2306.   background-image: url("https://images.squidge.org/images/2025/02/15/zerafina_icon_kudos_01.png");
  2307.   background-size: cover;
  2308.   filter: invert(62%) sepia(14%) saturate(1799%) hue-rotate(172deg) brightness(90%) contrast(86%);
  2309. }
  2310.  
  2311. img[src$="/images/lockblue.png"] {
  2312.   content: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_lock_01.png");
  2313.   filter: invert(62%) sepia(14%) saturate(1799%) hue-rotate(172deg) brightness(90%) contrast(86%) !important;
  2314. }
Advertisement
Add Comment
Please, Sign In to add comment