Guest User

AO3 moonmod skin

a guest
Jan 24th, 2025
382
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.00 KB | None | 0 0
  1. #workskin .userstuff p {
  2. text-align: left !important;
  3. }
  4.  
  5. li.blurb .kudos {
  6. display: none;
  7. }
  8.  
  9. body,
  10. #inner,
  11. #outer {
  12. background: #fbf8f4;
  13. color: #944242;
  14. border-color: #f3efec;
  15. }
  16.  
  17. h2,
  18. h4,
  19. .heading {
  20. font-family: arimo,sans-serif;
  21. font-weight: 600;
  22. }
  23.  
  24. #header .actions a:hover,
  25. #header .actions a:focus,
  26. #header .dropdown:hover a,
  27. #header .open a,
  28. #header .menu,
  29. #small_login,
  30. .group.listbox,
  31. fieldset fieldset.listbox,
  32. form blockquote.userstuff,
  33. input:focus,
  34. textarea:focus,
  35. li.relationships a,
  36. .group.listbox .index,
  37. .dashboard fieldset fieldset.listbox .index,
  38. #dashboard a:hover,
  39. th,
  40. #dashboard .secondary,
  41. .secondary,
  42. .thread .even,
  43. .system .tweet_list li,
  44. .ui-datepicker tr:hover {
  45. background: #FDFDFC;
  46. color: #BB6B5C;
  47. }
  48.  
  49. #header .dropdown .menu a:hover,
  50. #header .dropdown .menu a:focus,
  51. .splash .favorite li:nth-of-type(odd) a,
  52. .ui-datepicker td:hover,
  53. #tos_prompt .heading,
  54. #tos_prompt [disabled] {
  55. background: #f3efec;
  56. }
  57.  
  58. .splash .favorite li:nth-of-type(odd) a,
  59. .statistics .index li:nth-of-type(even) {
  60. background-color: #faf9f7;
  61. }
  62.  
  63. .splash .module h3 {
  64. border-bottom: 1px solid #c8c8c8;
  65. color: #9c4646;
  66. font-size: 1.714em;
  67. }
  68.  
  69. #header ul.primary,
  70. #footer,
  71. dl.meta,
  72. .group.listbox,
  73. fieldset fieldset.listbox,
  74. #main li.blurb,
  75. form blockquote.userstuff,
  76. div.comment,
  77. li.comment,
  78. .toggled form,
  79. form dl dt,
  80. form.single fieldset,
  81. #inner .module .heading,
  82. .bookmark .status span,
  83. .splash .news li,
  84. .filters .group dt. bookmarker {
  85. border-color: #fdfdfc;
  86. }
  87.  
  88. #dashboard ul {
  89. border-top: 2px solid #E7D5C8;
  90. }
  91.  
  92. #header {
  93. margin-bottom: 0px;
  94. }
  95.  
  96. #header,
  97. #header .heading a,
  98. #header .heading a:visited {
  99. background: none;
  100. color: #bb6b5c;
  101. padding-top: 10px;
  102. }
  103.  
  104. #header,
  105. #header .heading a:visited:hover {
  106. background: none;
  107. color: #bb6b5c;
  108. padding-top: 10px;
  109. }
  110.  
  111. #header ul.primary,
  112. #outer #footer,
  113. .toggled form {
  114. background: #D49F8E;
  115. color: #fdfbf8;
  116. box-shadow: none;
  117. padding-top: 10px;
  118. padding-bottom: 5px;
  119. margin-top: 5px;
  120. vertical-align: middle;
  121. }
  122.  
  123. #header .primary a,
  124. #header .primary .menu a {
  125. color: #FDFDFC;
  126. }
  127.  
  128. #header .primary .open a,
  129. #header .primary .dropdown:hover a,
  130. #header .primary .dropdown a:focus {
  131. color: #BB6B5C;
  132. }
  133.  
  134. #header .navigation .dropdown .menu li a:hover {
  135. color: #D6B0A6;
  136. }
  137.  
  138. #header .menu li {
  139. border-bottom: 1px solid #E7D1BF;
  140. }
  141.  
  142. #header h1.heading {
  143. margin-left: 10px;
  144. color: #b2b2b2;
  145. }
  146.  
  147. #header #search .text {
  148. background: #FDFDFC;
  149. color: #944242;
  150. padding: 5px 7px;
  151. }
  152.  
  153. #header #search .text,
  154. #header #search .button {
  155. border: 1px solid #CA907D;
  156. }
  157.  
  158. #greeting {
  159. margin-top: 0.5em;
  160. margin-right: 10px;
  161. }
  162.  
  163. #greeting a,
  164. #greeting a:visited {
  165. color: #970000;
  166. }
  167.  
  168. #greeting a:hover,
  169. #greeting a:visited:hover,
  170. #greeting a:link:hover {
  171. color: #D5917C;
  172. }
  173.  
  174. #greeting a:active,
  175. #greeting a:link,
  176. #greeting a:focused {
  177. color: #D5917C;
  178. }
  179.  
  180. #header li.search {
  181. float: right;
  182. position: relative;
  183. padding-right: 30px;
  184. color: #f8f5f2;
  185. }
  186.  
  187. #footer {
  188. background-color: #0f0f0f;
  189. color: #e5e5e5;
  190. }
  191.  
  192. #body,
  193. .toggled form,
  194. .dynamic form,
  195. .secondary,
  196. .dropdown {
  197. background: none;
  198. color: #944242;
  199. }
  200.  
  201. a,
  202. a:link,
  203. a:visited:hover {
  204. color: #BB6B5C;
  205. }
  206.  
  207. .required .autocomplete,
  208. .autocomplete .notice {
  209. color: #9C4646;
  210. }
  211.  
  212. fieldset,
  213. fieldset fieldset,
  214. fieldset dl dl {
  215. background-color: #f9f3ed;
  216. color: #a76159;
  217. border: 1px solid #ddbcb7;
  218. border-radius: 15px;
  219. box-shadow: none;
  220. }
  221.  
  222. .filters .expander {
  223. color: #c57a6e;
  224. }
  225.  
  226. .filters .expander:focus {
  227. outline: 1px dotted #fdfdfc;
  228. }
  229.  
  230. .filters .expandable,
  231. .filters .group dd.autocomplete {
  232. margin: 0;
  233. }
  234.  
  235. .filters .indicator:before {
  236. background: #fdfdfc;
  237. color: #e1cabd;
  238. display: inline-block;
  239. border: 1px solid;
  240. margin-right: .25em;
  241. text-align: center;
  242. }
  243.  
  244. .filters .exclude [type=checkbox]:checked+.indicator:before {
  245. background: #fdd6c6;
  246. color: #e59e93;
  247. border-color: #e39c8e;
  248. }
  249.  
  250. .filters [type=checkbox]:checked+.indicator:before {
  251. background: #edffde;
  252. color: #a1c54d;
  253. border-color: #a3b570;
  254. }
  255.  
  256. .filters input:checked+.indicator:before {
  257. border-color: #811616;
  258. }
  259.  
  260. form dt {
  261. border-bottom: 1px dotted #D0AD99;
  262. }
  263.  
  264. form dd.required {
  265. color: #944242;
  266. }
  267.  
  268. form.filters {
  269. background: none;
  270. }
  271.  
  272. textarea {
  273. width: 100%;
  274. border-radius: 15px;
  275. color: #9c4646;
  276. }
  277.  
  278. .sort select {
  279. background: #fdfdfc;
  280. color: #9C4646;
  281. border-radius: 15px;
  282. border: #D07070;
  283. padding: 4px 7px;
  284. width: 100%;
  285. }
  286.  
  287. .autocomplete input,
  288. input {
  289. background-color: #fdfdfc;
  290. border-radius: 15px;
  291. border: #cda597;
  292. padding: 4px 7px;
  293. width: 90%;
  294. }
  295.  
  296. input:focus,
  297. input:focus-visible,
  298. select:focus,
  299. textarea:focus {
  300. background: #fdfdfc;
  301. outline: 1.5px solid #f3efec;
  302. }
  303.  
  304. input,
  305. textarea {
  306. width: 100%;
  307. border: none;
  308. box-shadow: none;
  309. color: #9C4646;
  310. }
  311.  
  312. .group.listbox,
  313. fieldset fieldset.listbox,
  314. form blockquote.userstuff,
  315. .group.listbox .index,
  316. .dashboard fieldset fieldset.listbox .index,
  317. th,
  318. #dashboard .secondary,
  319. .secondary,
  320. .thread .even,
  321. .system .tweet_list li,
  322. .ui-datepicker tr:hover {
  323. background: #FDFDFC;
  324. box-shadow: none;
  325. border-radius: 15px;
  326. border: 1px solid #f3efec;
  327. }
  328.  
  329. select {
  330. border: none;
  331. color: #9C4646;
  332. }
  333.  
  334. .home .header h2 {
  335. color: #9C4646;
  336. }
  337.  
  338. li.blurb,
  339. li.blurb.own {
  340. border: 1px solid #e5cfc7;
  341. background: #fdfbf8;
  342. padding: 2em;
  343. border-radius: 15px;
  344. color: #9C4646;
  345. }
  346.  
  347. .blurb .header .heading,
  348. .blurb .header ul {
  349. font-family: arimo,sans-serif;
  350. font-weight: bold;
  351. }
  352.  
  353. .blurb h4 a:link,
  354. .blurb h4 img {
  355. color: #970000;
  356. vertical-align: bottom;
  357. }
  358.  
  359. .blurb h4 a:link:hover,
  360. .blurb h4 a:link:visited:hover,
  361. .blurb h4 img {
  362. color: #BF8A82;
  363. vertical-align: bottom;
  364. }
  365.  
  366. .commas li {
  367. color: #bb735b;
  368. }
  369.  
  370. .userstuff blockquote {
  371. margin-inline-start: 1.5em;
  372. padding: 0.75em;
  373. border-inline-start: 2px solid #dabab4;
  374. }
  375.  
  376. .warnings {
  377. color: #d49f8e;
  378. }
  379.  
  380. #footer a:hover,
  381. #footer a:focus,
  382. .autocomplete .dropdown ul li:hover,
  383. li.selected,
  384. a.tag:hover,
  385. .listbox .heading a.tag:visited:hover,
  386. a.tag:visited:hover,
  387. .symbol .question,
  388. .qtip-content,
  389. .splash .favorite li:nth-of-type(2n+1) a:hover,
  390. .splash .favorite li:nth-of-type(2n+1) a:focus {
  391. background: #d49f8e;
  392. color: #fdfdfc;
  393. }
  394.  
  395. li.characters a.tag:visited {
  396. background: #f7f0eb;
  397. color: #e3bbab;
  398. }
  399.  
  400. li.characters a.tag:hover {
  401. background: #d49f8e;
  402. color: #fdfdfc;
  403. }
  404.  
  405. li.relationships a.tag:hover {
  406. background: #CC9F91;
  407. color: #fdfdfc;
  408. }
  409.  
  410. #dashboard a,
  411. #dashboard span {
  412. color: #9C4646;
  413. }
  414.  
  415. #dashboard a:active,
  416. #dashboard a:current {
  417. background: #fdfdfc;
  418. }
  419.  
  420. #dashboard a:hover,
  421. #dashboard a:visited:hover {
  422. color: #BB6B5C;
  423. background: #f8f5f2;
  424. }
  425.  
  426. #dashboard,
  427. #dashboard.own {
  428. border-bottom: 10px solid #9c4646;
  429. border-top: 10px solid #9c4646;
  430. padding: 0px 0;
  431. border-radius: .25em;
  432. }
  433.  
  434. .actions a:hover,
  435. .actions input:hover,
  436. .actions a:focus,
  437. .actions input:focus,
  438. label.action:hover,
  439. .action:hover,
  440. .action:focus {
  441. box-shadow: none;
  442. border-radius: 15px;
  443. padding: 5px 15px;
  444. color: #A9635B;
  445. border: 1px solid #DEC5B8;
  446. }
  447.  
  448. span.unread,
  449. .replied,
  450. span.claimed,
  451. dl.index dd,
  452. .own,
  453. .draft,
  454. .draft .unread,
  455. .draft .wrapper,
  456. .unread,
  457. .child,
  458. .unwrangled,
  459. .unreviewed,
  460. .ui-sortable li:hover {
  461. background: #cbc7c4;
  462. opacity: 1;
  463. border: none;
  464. }
  465.  
  466. .actions a,
  467. .actions a:link,
  468. .action,
  469. .action:link,
  470. .actions input,
  471. input[type="submit"],
  472. button,
  473. .current,
  474. .actions label {
  475. background: #fdfdfc;
  476. border-style: solid;
  477. border-width: 1px;
  478. border-color: #E7D5C8;
  479. border-radius: 15px;
  480. padding: 5px 15px;
  481. color: #A9635B;
  482. }
  483.  
  484. a:active,
  485. a:focus,
  486. button:focus {
  487. outline: 1px solid #F3EFEC;
  488. }
  489.  
  490. .actions a:hover,
  491. .actions a:link:hover,
  492. .action:link:hover,
  493. .actions input:hover,
  494. input[type="submit"]:hover,
  495. button:hover,
  496. .actions label:hover {
  497. background: #F8F5F2;
  498. }
  499.  
  500. .current:hover {
  501. background: #e7c7b3;
  502. border-color: #dbb1a9;
  503. }
  504.  
  505. .actions a:active {
  506. background: #F8F5F2;
  507. border-color: #ddc7b7;
  508. color: #d29e89;
  509. }
  510.  
  511. .current,
  512. a.current,
  513. a:link.current,
  514. .current a:visited {
  515. background: #f3dbcc;
  516. color: #fdfdfc;
  517. border-style: solid;
  518. border-width: 1px;
  519. border-color: #edc8ac;
  520. border-radius: 15px;
  521. padding: 5px 15px;
  522. box-shadow: none;
  523. font-weight: 600;
  524. }
  525.  
  526. .actions a:visited,
  527. .action:visited,
  528. .action a:link,
  529. .action a:visited {
  530. color: #A9635B;
  531. }
  532.  
  533. a,
  534. a:link {
  535. color: #cf917c;
  536. text-decoration: none;
  537. }
  538.  
  539. a,
  540. a.tag,
  541. dt a:visited {
  542. color: #BB6B5C;
  543. }
  544.  
  545. a:visited,
  546. .listbox .heading a:visited {
  547. color: #e3af9a;
  548. text-decoration: none;
  549. }
  550.  
  551. .listbox .heading a:visited {
  552. color: #e3af9a;
  553. text-decoration: none;
  554. border-bottom: 1px dashed;
  555. }
  556.  
  557. li.relationships a {
  558. background: #e3bcac;
  559. color: #fdfdfc;
  560. }
  561.  
  562. li.characters a {
  563. background: #F7F0EB;
  564. }
  565.  
  566. li.relationships {
  567. background: none;
  568. line-height: 1.58;
  569. }
  570.  
  571. li.characters {
  572. background: none;
  573. line-height: 1.58;
  574. }
  575.  
  576. #main .wrapper {
  577. box-shadow: none;
  578. border-radius: 15px;
  579. position: relative;
  580. z-index: 1;
  581. margin-top: 10px;
  582. color: #9C4646;
  583. }
  584.  
  585. dl.meta {
  586. border: 1px solid #e5cfc7;
  587. background-color: #fdfbf8;
  588. border-radius: 15px;
  589. padding: 2em;
  590. margin-top: 10px;
  591. color: #bb735b;
  592. }
  593.  
  594. .meta dt {
  595. font-weight: 600;
  596. color: #BB6B5C;
  597. }
  598.  
  599. dl.stats dd {
  600. color: #cf917c;
  601. }
  602.  
  603. #workskin {
  604. background: none;
  605. border-radius: 15px;
  606. padding: 0em 1em;
  607. max-width: none;
  608. color: #9C4646;
  609. }
  610.  
  611. .preface a:hover,
  612. .preface a:visited:hover {
  613. text-decoration: underline;
  614. color: #D5917C;
  615. background: none;
  616. }
  617.  
  618. div.comment,
  619. li.comment {
  620. border: none;
  621. border-radius: 15px;
  622. padding: 15px;
  623. background: #faf9f7;
  624. }
  625.  
  626. .comment h4.byline {
  627. color: #BB6B5C;
  628. border-radius: 15px;
  629. padding-right: 20px;
  630. background: none;
  631. }
  632.  
  633. .toggled form,
  634. .dynamic form {
  635. background: #fdfdfc;
  636. }
  637.  
  638. a.rss span {
  639. background: none;
  640. padding: 0px;
  641. }
  642.  
  643. .search [role="tooltip"] {
  644. color: #e5e5e5;
  645. }
  646.  
  647. #dashboard .current {
  648. background: #FDFDFC;
  649. }
  650.  
  651. .inspired.index.group,
  652. .signup.index.group,
  653. .assignment.index.group {
  654. background: #cbc7c4;
  655. padding: 0.25em;
  656. }
  657.  
  658. .inspired.index.group dd {
  659. border-bottom: 1.5px dotted #4d4d4d;
  660. }
  661.  
  662. form.verbose legend,
  663. .verbose form legend {
  664. background: #d49f8e;
  665. border: 2px solid #d49f8e;
  666. box-shadow: none;
  667. color: #fdfdfc;
  668. }
  669.  
  670. .delete a,
  671. span.delete {
  672. padding: 0 .1em;
  673. box-shadow: none;
  674. background-color: #fdfdfc;
  675. }
  676.  
  677. #symbols-key dl {
  678. background: #1a1a1a;
  679. border: none;
  680. border-radius: 15px;
  681. padding: 1em;
  682. margin-bottom: 0px;
  683. }
  684.  
  685. span.symbol {
  686. color: #5E0B0B;
  687. font-family: Georgia,serif;
  688. border: 1px solid;
  689. vertical-align: super;
  690. border-radius: .75em;
  691. }
  692.  
  693. span.series .divider {
  694. color: #944242;
  695. }
  696.  
  697. .notice,
  698. .comment_notice,
  699. .kudos_notice,
  700. ul.notes,
  701. .caution,
  702. .error,
  703. .comment_error,
  704. .kudos_error,
  705. .alert.flash {
  706. background: #fdfdfc;
  707. border: 1px solid #E7D5C8;
  708. margin: .643em auto;
  709. padding: 15px;
  710. clear: right;
  711. box-shadow: 0 0 3px #dfd1c7;
  712. border-radius: 15px;
  713. color: #BF8A82;
  714. }
  715.  
  716. .required,
  717. .error,
  718. .alert.flash {
  719. color: #9C4646;
  720. }
  721.  
  722. p.kudos {
  723. color: #bb735b;
  724. }
  725.  
  726. ul.actions {
  727. margin-bottom: 0px;
  728. }
  729.  
  730. .comment fieldset {
  731. padding: 2em;
  732. }
  733.  
  734. .comment div.icon {
  735. float: left;
  736. margin: -1.5625em 0.5625em 0.5625em 0;
  737. border: 1px solid #f3ede8;
  738. }
  739.  
  740. .picture .header {
  741. border-bottom: 1px solid #f3eae3;
  742. }
  743.  
  744. span.unread,
  745. .replied,
  746. span.claimed,
  747. dl.index dd,
  748. .own,
  749. .draft,
  750. .draft .unread,
  751. .draft .wrapper,
  752. .unread,
  753. .child,
  754. .unwrangled,
  755. .unreviewed,
  756. .ui-sortable li:hover {
  757. background: none;
  758. border-radius: 15px;
  759. }
  760.  
  761. form.verbose legend,
  762. .verbose form legend {
  763. background: #d49f8e;
  764. border: 2px solid #d49f8e;
  765. box-shadow: none;
  766. border-radius: 15px;
  767. color: #fdfdfc;
  768. }
  769.  
  770. #bookmark-form.post.bookmark form {
  771. background: #f3efec;
  772. color: #9C4646;
  773. border-radius: 15px;
  774. margin-top: 1em;
  775. padding: 2em;
  776. }
  777.  
  778. .new.dynamic #bookmark-form {
  779. background: #FDFDFC;
  780. }
  781.  
  782. .toggled form p.footnote,
  783. .dynamic form p.footnote {
  784. padding-bottom: 0.2em;
  785. }
  786.  
  787. .removeme fieldset {
  788. background: #a19a95;
  789. color: #e5e5e5;
  790. }
  791.  
  792. #outer,
  793. .javascript,
  794. .statistics .index li:nth-of-type(even),
  795. #tos_prompt,
  796. .announcement input[type="submit"] {
  797. background: #fdfbf8;
  798. }
  799.  
  800. media="only screen and (max-width: 42em),
  801. handheld" .filtering .filters #leave_filters,
  802. .javascript .filters p.narrow-shown {
  803. background: #fdfdfc;
  804. }
  805.  
  806. .userstuff dl {
  807. margin: 1.5em 0;
  808. border: 0;
  809. background: #fdfdfc;
  810. }
  811.  
  812. #modal {
  813. background: #FDFDFC;
  814. border: 1px solid #f7f2ef;
  815. border-radius: 15px;
  816. }
  817.  
  818. #modal .content {
  819. border-bottom: 1px solid #f7f2ef;
  820. }
  821.  
  822. #modal .footer .action.modal-closer {
  823. background-color: #FDFDFC;
  824. }
  825.  
  826. .alert,
  827. #blockquote .userstuff {
  828. background: #ffedd3;
  829. border-color: #e9ba74;
  830. color: #9c4646;
  831. }
Advertisement
Add Comment
Please, Sign In to add comment