SadSen

Las Nevadas AO3 skin

Feb 7th, 2025 (edited)
563
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.33 KB | Writing | 0 0
  1. ::selection {
  2. background-color: #924758;
  3. color: #eee;
  4. }
  5.  
  6. ::-webkit-scrollbar {
  7. width: 16px;
  8. }
  9.  
  10. ::-webkit-scrollbar-track {
  11. background: #663a33;
  12. }
  13.  
  14. ::-webkit-scrollbar-thumb {
  15. background: #C89F96;
  16. border: 4px solid transparent;
  17. border-radius: 10px;
  18. background-clip: padding-box;
  19. }
  20.  
  21. #header {
  22. font-size: 0.875em;
  23. margin: 0 0 1em;
  24. padding: 0;
  25. position: relative;
  26. }
  27.  
  28. #header .menu li {
  29. border-bottom: none;
  30. margin: 0 0.25em;
  31. margin-right: 0.25em;
  32. text-align: left;
  33. }
  34.  
  35. #header .primary .menu a {
  36. border-radius: 0px;
  37. }
  38.  
  39. #header .heading {
  40. height: 2.5em;
  41. }
  42.  
  43. #header ul.primary {
  44. box-shadow: none;
  45. padding-top: 85px;
  46. padding-bottom: 30px;
  47. color: #fabd2f;
  48. background: #2e2e2e url(https://i.ibb.co/dGw6SNM/Untitled-Project-1.jpg);
  49. background-attachment: fixed;
  50. background-size: 100%;
  51. background-repeat: no-repeat;
  52. }
  53.  
  54. #header h1.heading a:before {
  55. content: "🔥Create no emotional attachments🔥";
  56. color: #eecd57 !important;
  57. font-weight: normal;
  58. font-size: 0.8em;
  59. text-shadow: 3px 3px 0 #000,
  60. -1px -1px 0 #000,
  61. 1px -1px 0 #000,
  62. -1px 1px 0 #000,
  63. 1px 1px 0 #000;
  64. }
  65.  
  66. #header .heading sup {
  67. visibility: hidden;
  68. }
  69.  
  70. #header .heading sup:before {
  71. content: " to anything";
  72. visibility: visible;
  73. color: #eecd57 !important;
  74. font-size: 0.9em;
  75. font-style: italic;
  76. font-weight: bold;
  77. text-shadow: 3px 3px 0 #000,
  78. -1px -1px 0 #000,
  79. 1px -1px 0 #000,
  80. -1px 1px 0 #000,
  81. 1px 1px 0 #000;
  82. }
  83.  
  84. .home .header h2 {
  85. border-bottom: 0px;
  86. }
  87.  
  88. #header h1.heading span {
  89. display: none;
  90. }
  91.  
  92. #header .heading sup {
  93. visibility: hidden;
  94. }
  95.  
  96. #header .primary {
  97. background: #801400;
  98. box-shadow: 3px 0px 4px #FF9466, -3px 0px 4px #FDFD5A;
  99. }
  100.  
  101. #header .primary a {
  102. padding: 0.429em 0.75em;
  103. border-radius: 8px;
  104. background-color: #373737;
  105. display: inline-block;
  106. margin: 5px;
  107. box-shadow: 5px 4px #0d1d1f;
  108. }
  109.  
  110. #header .dropdown .menu a:hover {
  111. background: #53130c !important;
  112. display: block;
  113. padding: 0.75em 0.5em 0.5em;
  114. }
  115.  
  116. #header .user a:hover,
  117. #header .user a:focus {
  118. background: #53130c !important;
  119. border-radius: 0.25em;
  120. }
  121.  
  122. #header .user {
  123. padding: 0.429em 0 0;
  124. position: relative;
  125. z-index: 20;
  126. }
  127.  
  128. #header .user a,
  129. #header .user a:visited {
  130. margin: 2px;
  131. }
  132.  
  133. #header .logo {
  134. display: none;
  135. }
  136.  
  137. #header h1.heading span {
  138. display: none;
  139. }
  140.  
  141. .event .userstuff {
  142. background: #f6d47a;
  143. border: 1px solid #F9F39C;
  144. text-shadow: none;
  145. }
  146.  
  147. #outer.wrapper {
  148. background: #2e2e2e;
  149. color: #f9f6ce;
  150. }
  151.  
  152. body {
  153. background: #2E2E2E !important;
  154. }
  155.  
  156. a {
  157. transition: 0.2s ease-in-out !important;
  158. }
  159.  
  160. #main a {
  161. color: #c0974a;
  162. font-weight: bold;
  163. }
  164.  
  165. a.tag {
  166. color: #deae32 !important;
  167. line-height: 1.5;
  168. text-decoration: none;
  169. padding: 0;
  170. border-bottom: 1px dotted;
  171. }
  172.  
  173. a.tag:hover {
  174. color: #eee !important;
  175. background: #53130c;
  176. border-radius: 15px;
  177. }
  178.  
  179. #greeting li {
  180. background: transparent;
  181. box-shadow: none;
  182. margin-right: 0.3em !important;
  183. border-top-left-radius: 15px;
  184. border-top-right-radius: 15px;
  185. border-bottom-left-radius: 15px;
  186. border-bottom-right-radius: 15px;
  187. }
  188.  
  189. #greeting {
  190. background: none;
  191. }
  192.  
  193. #greeting img.icon {
  194. border-radius: 2em;
  195. height: 2.5em !important;
  196. width: 2.5em !important;
  197. background: 100px;
  198. }
  199.  
  200. #greeting a.dropdown-toggle,
  201. #header .actions a {
  202. color: #f9f6ce !important;
  203. text-shadow: 0px 0px 3px #152623;
  204. }
  205.  
  206. #greeting .menu,
  207. #header .dropdown .menu,
  208. #header .dropdown:hover a {
  209. background: #0d1d1f;
  210. margin-bottom: 5px;
  211. box-shadow: 3px 0px 4px #FF9466, -3px 0px 4px #FDFD5A;
  212. }
  213.  
  214. span.submit.actions input.button {
  215. display: none;
  216. }
  217.  
  218. #greeting img.icon {
  219. display: none;
  220. }
  221.  
  222. #header #search .text,
  223. .search [role="tooltip"] {
  224. background: #0d1d1f !important;
  225. box-shadow: none;
  226. color: #f1d9a4 !important;
  227. border: 1px solid #f1d9a4;
  228. }
  229.  
  230. form.search input[type=text],
  231. .autocomplete div.dropdown ul {
  232. background: #2e2e2e !important;
  233. box-shadow: none;
  234. }
  235.  
  236. form.search input[type=submit] {
  237. background: #373737 !important;
  238. box-shadow: 5px 4px #0d1d1f !important;
  239. }
  240.  
  241. .actions button,
  242. button {
  243. background: none !important;
  244. border: 1px solid #f9f6ce;
  245. color: #deae32;
  246. font-weigh: bold !important;
  247. line-height: 1.286;
  248. height: 1.286em;
  249. vertical-align: middle;
  250. display: inline-block;
  251. padding: 0.25em 0.75em;
  252. white-space: nowrap;
  253. overflow: visible;
  254. position: relative;
  255. box-shadow: none;
  256. }
  257.  
  258. .comment fieldset textarea {
  259. background-image: url("https://i.ibb.co/ggWgsQ1/Cara-pato10101.png") !important;
  260. background-repeat: no-repeat !important;
  261. background-position: right bottom !important;
  262. background-color: #373737 !important;
  263. background-size: 100px !important;
  264. border-radius: 15px;
  265. font-family: Avenir, Helvetica, Arial, sans-serif;
  266. opacity: 0.7;
  267. }
  268.  
  269. .comment .icon .visitor {
  270. background: url("https://i.ibb.co/WFT41x3/chip145.png") !important;
  271. background-repeat: no-repeat !important;
  272. background-size: cover !important;
  273. background-position: center !important;
  274. }
  275.  
  276. .notice,
  277. .comment_notice,
  278. .kudos_notice,
  279. ul.notes,
  280. .caution,
  281. .error,
  282. .comment_error,
  283. .kudos_error,
  284. .alert.flash {
  285. background: #373737 !important;
  286. box-shadow: none;
  287. color: #f9f6ce !important;
  288. border: 2px dashed #deae32 !important;
  289. border-radius: 5px;
  290. margin-bottom: 10px;
  291. }
  292.  
  293. .notice a,
  294. .comment_notice a,
  295. .kudos_notice a,
  296. ul.notes a,
  297. .caution a,
  298. .error a,
  299. .comment_error a,
  300. .kudos_error a,
  301. .alert.flash a {
  302. color: #506957;
  303. font-weight: bold;
  304. }
  305.  
  306. .splash .favorite li:nth-of-type(2n+1) a {
  307. background: #444444;
  308. box-shadow: none;
  309. color: #0d1d1f;
  310. font-weight: bold;
  311. font-variant: normal;
  312. }
  313.  
  314. .splash .favorite li:nth-of-type(2n+2) a {
  315. color: #f6d47a;
  316. font-weight: bold;
  317. font-variant: normal;
  318. font-size: 100%;
  319. }
  320.  
  321. .splash .favorite li:nth-of-type(2n+1) a:hover,
  322. .splash .favorite li:nth-of-type(2n+2) a:hover {
  323. color: #eee;
  324. font-weight: bold;
  325. font-variant: normal;
  326. background: #53130c !important;
  327. }
  328.  
  329. #footer {
  330. background-image: url("https://i.ibb.co/VDzBd9N/Captura-de-pantalla-2024-12-30-221437.png") !important;
  331. background-repeat: no-repeat !important;
  332. background-size: cover !important;
  333. background-position: right center;
  334. color: #f6d47a;
  335. border-top: 3px 0px 7px #FF9466, -3px 0px 7px #FDFD5A;
  336. box-shadow: 3px 0px 7px #FF9466, -3px 0px 7px #FDFD5A;
  337. }
  338.  
  339. #footer .heading,
  340. #footer ul,
  341. #footer ul.navigation a {
  342. color: #eee !important;
  343. font-weight: bold;
  344. text-shadow: 3px 3px 0 #000,
  345. -1px -1px 0 #000,
  346. 1px -1px 0 #000,
  347. -1px 1px 0 #000,
  348. 1px 1px 0 #000;
  349. }
  350.  
  351. #footer a,
  352. #footer .heading {
  353. color: #f9f6ce;
  354. }
  355.  
  356. table,
  357. thead td,
  358. #header #small_login,
  359. #dashboard a:hover,
  360. fieldset,
  361. form dl,
  362. fieldset dl dl,
  363. fieldset fieldset fieldset,
  364. fieldset fieldset dl dl,
  365. dd.hideme,
  366. form blockquote.userstuff,
  367. .ui-sortable li:hover,
  368. .listbox,
  369. fieldset fieldset.listbox,
  370. .readings-index h3,
  371. .search span.tip,
  372. .flash,
  373. .notice,
  374. .error,
  375. .comment_error {
  376. background: #212121;
  377. border-radius: 0.75em;
  378. font-family: Avenir, Helvetica, Arial, sans-serif;
  379. }
  380.  
  381. .reading h4.viewed,
  382. tbody tr,
  383. thead td,
  384. #header #small_login,
  385. fieldset,
  386. form dl,
  387. fieldset dl dl,
  388. fieldset fieldset fieldset,
  389. fieldset fieldset dl dl,
  390. dd.hideme,
  391. form blockquote.userstuff,
  392. form dt,
  393. fieldset fieldset.listbox {
  394. font-family: Avenir, Helvetica, Arial, sans-serif;
  395. }
  396.  
  397. fieldset fieldset {
  398. background: transparent !important;
  399. clear: right;
  400. }
  401.  
  402. .bookmark div.user {
  403. clear: right;
  404. box-sizing: border-box;
  405. border-radius: 10px;
  406. }
  407.  
  408. textarea {
  409. background: #3f3f3f !important;
  410. color: #f6d47a !important;
  411. border: 2px solid #f9f6ce;
  412. box-shadow: none;
  413. }
  414.  
  415. .own {
  416. background: #3f3f3f !important;
  417. color: #f9f6ce !important;
  418. border: 1px solid #f9f6ce;
  419. box-shadow: none;
  420. }
  421.  
  422. span.symbol {
  423. color: #eeeeee;
  424. background: #4D2B25;
  425. border: 1px solid;
  426. vertical-align: super;
  427. border-radius: 0.75em;
  428. box-shadow: 2px 0px 3px #FF9466, -2px 0px 3px #FDFD5A;
  429. }
  430.  
  431. .reading h4.viewed,
  432. dl.index dd,
  433. table,
  434. th,
  435. dt.child {
  436. background: #0d1d1f;
  437. }
  438.  
  439. form dd.required {
  440. color: #f6d47a;
  441. }
  442.  
  443. #modal,
  444. span.replied {
  445. background: #0d1d1f;
  446. color: #f6d47a;
  447. border: 2px solid #f9f6ce;
  448. box-shadow: none;
  449. }
  450.  
  451. h4.heading.byline {
  452. background: #f6d47a;
  453. color: #0d1d1f;
  454. }
  455.  
  456. .current,
  457. #dashboard .current {
  458. background: #f6d47a !important;
  459. color: #0d1d1f !important;
  460. border: 1px solid #f9f6ce;
  461. border-color: #252542;
  462. border-radius: 5px;
  463. margin-bottom: 10px;
  464. }
  465.  
  466. label.action {
  467. padding: 0.15em 0.375em;
  468. background: #373737;
  469. border: none;
  470. color: #cac3c3;
  471. }
  472.  
  473. #dashboard,
  474. #dashboard.own {
  475. border-bottom: 10px solid #f6d47a;
  476. border-bottom-width: 10px;
  477. border-top: 10px solid #f6d47a;
  478. border-top-width: 10px;
  479. padding: 0.5em 0;
  480. border-radius: 0.25em;
  481. }
  482.  
  483. .dashboard fieldset {
  484. clear: right;
  485. background: #212121;
  486. box-shadow: inset 1px 0 5px #999;
  487. }
  488.  
  489. fieldset {
  490. border: none;
  491. padding: 0em;
  492. color: #cac3c3;
  493. }
  494.  
  495. #dashboard.own {
  496. border-top: 5px solid #f6d47a;
  497. border-bottom: 5px solid #f6d47a;
  498. }
  499.  
  500. #dashboard a:hover {
  501. background: #f9f6ce;
  502. box-shadow: 0px 0px 5px #f9f6ce;
  503. color: #53130c;
  504. }
  505.  
  506. #dashboard a {
  507. color: #f6d47a;
  508. }
  509.  
  510. dl.meta,
  511. li.comment {
  512. border: 10xp dotted #c2466b;
  513. }
  514.  
  515. div.comment,
  516. li.comment {
  517. position: relative;
  518. border: none;
  519. overflow: visible;
  520. text-align: start;
  521. }
  522.  
  523. .splash .module h3 {
  524. color: #f6d47a !important;
  525. border-bottom: 2px solid #f9f6ce;
  526. }
  527.  
  528. .splash .favorite li:nth-of-type(2n+1) a {
  529. background: #444444;
  530. box-shadow: none;
  531. color: #0d1d1f;
  532. font-weight: bold;
  533. font-variant: normal;
  534. }
  535.  
  536. .splash .favorite li:nth-of-type(2n+2) a {
  537. color: #f6d47a;
  538. font-weight: bold;
  539. font-variant: normal;
  540. font-size: 100%;
  541. }
  542.  
  543. .splash .favorite li:nth-of-type(2n+1) a:hover,
  544. .splash .favorite li:nth-of-type(2n+2) a:hover {
  545. color: #f6d47a;
  546. font-weight: bold;
  547. font-variant: normal;
  548. background: #373737;
  549. }
  550.  
  551. #footer a,
  552. #footer .heading {
  553. color: #f9f6ce;
  554. }
  555.  
  556. .actions a,
  557. .actions a:focus,
  558. .actions input:focus,
  559. .action:focus,
  560. .actions li input,
  561. .actions li input[type="submit"],
  562. input[type="submit"],
  563. .actions li label,
  564. ul.navigation.actions li a,
  565. .action:link,
  566. .actions a:link {
  567. background: #373737;
  568. color: #f9f6ce;
  569. border-radius: 5px;
  570. }
  571.  
  572. a,
  573. a:link,
  574. a:visited:hover {
  575. border: none;
  576. }
  577.  
  578. .resp-sharing-button--twitter {
  579. background-color: #5382a5 !important;
  580. border-color: #55acee;
  581. color: #f6d47a;
  582. }
  583.  
  584. .current,
  585. #dashboard .current {
  586. background: #f6d47a !important;
  587. color: #0d1d1f !important;
  588. border: 1px solid #f9f6ce;
  589. border-color: #252542;
  590. border-radius: 5px;
  591. margin-bottom: 10px;
  592. }
  593.  
  594. #dashboard.own {
  595. border-top: 5px solid #f6d47a;
  596. border-bottom: 5px solid #f6d47a;
  597. }
  598.  
  599. a:visited {
  600. color: #c0974a;
  601. text-decoration: none;
  602. border-bottom: 1px dashed;
  603. }
  604.  
  605. #workskin .notes,
  606. dl.meta,
  607. .reading h4.viewed,
  608. .bookmark .user,
  609. .comment .posted,
  610. .comment .edited {
  611. font-size: 95%;
  612. font-family: Avenir, Helvetica, Arial, sans-serif;
  613. }
  614.  
  615. #workskin {
  616. text-align: justify;
  617. }
  618.  
  619. #workskin .preface.group .byline.heading a {
  620. background-size: contain;
  621. font-family: "Arial", Calibri, sans-serif;
  622. -webkit-text-stroke-color: black;
  623. }
  624.  
  625. #workskin h2 {
  626. font-size: 2.7em;
  627. color: #fff;
  628. font-family: Avenir, Helvetica, Arial, sans-serif;
  629. }
  630.  
  631. #workskin .hr {
  632. padding: 0;
  633. border: none;
  634. text-align: justify;
  635. color: #fff;
  636. font-family: Avenir, Helvetica, Arial, sans-serif;
  637. }
  638.  
  639. .work.own,
  640. .thread .even,
  641. .listbox .index,
  642. .statistics .index li:nth-of-type(even),
  643. dl.meta,
  644. dl.index dd,
  645. textarea,
  646. input,
  647. option,
  648. .toggled form,
  649. .dynamic form,
  650. .autocomplete .dropdown ul,
  651. .autocomplete .dropdown ul li,
  652. .autocomplete input {
  653. border-radius: 25px;
  654. background-color: #373737 !important;
  655. color: #f9f6ce;
  656. font-family: Avenir, Helvetica, Arial, sans-serif;
  657. }
  658.  
  659. .thread .even {
  660. border-radius: 9px;
  661. background-color: #373737 !important;
  662. color: #f9f6ce;
  663. font-family: Avenir, Helvetica, Arial, sans-serif;
  664. border: 2px dashed #5d5d5d;
  665. }
  666.  
  667. li.blurb {
  668. border-radius: 2em;
  669. background: #373737;
  670. border: none;
  671. }
  672.  
  673. li.blurb,
  674. .listbox li.blurb {
  675. box-shadow: 0px 0px 6px #000;
  676. border-radius: 25px #ed0713;
  677. font-family: Avenir, Helvetica, Arial, sans-serif;
  678. }
  679.  
  680. #main .verbose legend,
  681. .comment h4.byline,
  682. .child,
  683. .unwrangled,
  684. .unreviewed,
  685. .verbose fieldset,
  686. form ul.notes,
  687. #modal,
  688. .ui-sortable li,
  689. .comment_notice,
  690. .kudos_notice,
  691. div.dynamic,
  692. #ui-datepicker-div,
  693. .ui-datepicker table {
  694. color: #eecd57;
  695. background-color: #212121 !important;
  696. border-color: #f6d47a !important;
  697. border-radius: 10px;
  698. border-style: double;
  699. box-shadow: 3px 5px #f6d47a;
  700. font-family: Avenir, Helvetica, Arial, sans-serif;
  701. }
  702.  
  703. li.subscribe {
  704. color: #deae32 !important;
  705. font-weight: bold;
  706. }
  707.  
  708. .secondary {
  709. background: #212121;
  710. position: absolute;
  711. z-index: 99;
  712. border: 2px solid #bbb;
  713. margin: auto;
  714. padding: 0 0.375em;
  715. overflow: hidden;
  716. right: 2.5em;
  717. box-shadow: none;
  718. border-radius: 0.15em;
  719. }
  720.  
  721. .wrapper {
  722. box-shadow: none;
  723. }
  724.  
  725. dl.work.meta.group {
  726. background-color: #373737 !important;
  727. color: #f9f6ce;
  728. font-family: Avenir, Helvetica, Arial, sans-serif;
  729. border: 2px dashed #5d5d5d !important;
  730. }
  731.  
  732. form .notice,
  733. form ul.notes {
  734. border: 2px dashed #f6d47a !important;
  735. box-shadow: none;
  736. }
  737.  
  738. .reading h4.viewed {
  739. background-color: #373737 !important;
  740. color: #cac3c3;
  741. }
  742.  
  743. dl.meta {
  744. border: none;
  745. box-shadow: none;
  746. }
  747.  
  748. .listbox .index {
  749. background: #0d1d1f;
  750. box-shadow: none;
  751. border-top: 1px solid #f6d47a;
  752. border-bottom: 1px solid #f6d47a;
  753. }
  754.  
  755. .listbox {
  756. background: #f6d47a;
  757. box-shadow: none;
  758. border: 2px solid #f6d47a;
  759. }
  760.  
  761. fieldset fieldset.listbox {
  762. background: #f6d47a !important;
  763. box-shadow: none;
  764. border: 2px solid #f6d47a;
  765. color: #2e2e2e;
  766. }
  767.  
  768. .autocomplete li.added,
  769. .post .meta dd ul li.added,
  770. label,
  771. label.required {
  772. color: #f6d47a;
  773. }
  774.  
  775. span.delete {
  776. background: #f9f6ce;
  777. box-shadow: none;
  778. }
  779.  
  780. span.delete a {
  781. color: #0d1d1f !important;
  782. font-weight: bold;
  783. }
  784.  
  785. .ui-sortable li,
  786. .dynamic form,
  787. div.dynamic {
  788. background: #0d1d1f;
  789. }
  790.  
  791. .dropdown {
  792. background: #0d1d1f;
  793. }
  794.  
  795. .picture .header {
  796. border: none;
  797. }
  798.  
  799. .reading h4.viewed {
  800. border: none;
  801. }
  802.  
  803. form.verbose legend,
  804. .verbose form legend {
  805. background: #f9f6ce;
  806. color: #0d1d1f;
  807. box-shadow: none;
  808. }
  809.  
  810. li.blurb {
  811. border: none;
  812. box-shadow: none;
  813. }
  814.  
  815. .tox .tox-tbtn svg {
  816. display: block;
  817. background: none !important;
  818. color: #eee !important;
  819. }
  820.  
  821. .tox .tox-tbtn--disabled svg {
  822. color: #cac3c3 !important;
  823. background: none !important;
  824. }
  825.  
  826. .tox .tox-toolbar {
  827. background-color: none;
  828. }
  829.  
  830. .tox .tox-textfield {
  831. background: none;
  832. color: #eee !important;
  833. }
  834.  
  835. .tox:not([dir="rtl"]) .tox-dialog__footer .tox-dialog__footer-end > *,
  836. .tox:not([dir="rtl"]) .tox-dialog__footer .tox-dialog__footer-start > * {
  837. margin-left: 8px;
  838. color: #000 !important;
  839. }
  840.  
  841. .draft {
  842. background: #373737;
  843. color: #f6d47a;
  844. border: 2px solid #f9f6ce;
  845. box-shadow: 0px 0px 5px #f9f6ce;
  846. }
  847.  
  848. .draft .wrapper {
  849. background: #0d1d1f;
  850. border: 1px solid #f9f6ce;
  851. }
  852.  
  853. #header h2 {
  854. background: #f6d47a !important;
  855. color: #0d1d1f;
  856. box-shadow: none;
  857. }
  858.  
  859. #stat_chart svg rect:first-of-type {
  860. opacity: 60%;
  861. }
  862.  
  863. #stat_chart g[clip-path^=url] > g:nth-of-type(2) rect,
  864. #stat_chart svg g:nth-of-type(2) > g rect:last-of-type,
  865. #stat_chart g[clip-path^=url] > g:nth-of-type(2) rect:first-of-type {
  866. filter: hue-rotate(140deg);
  867. opacity: 80% !important;
  868. }
  869.  
  870. .statistics .index li:nth-of-type(2n) {
  871. background: #0d1d1f;
  872. border: 1px solid #f9f6ce;
  873. }
  874.  
  875. .comment div.icon {
  876. box-shadow: none;
  877. }
  878.  
  879. .thread .even {
  880. background: #425e50;
  881. }
  882.  
  883. .unread {
  884. color: #cac3c3;
  885. background-color: #212121 !important;
  886. border-radius: 5px;
  887. border-style: dashed !important;
  888. font-family: Avenir, Helvetica, Arial, sans-serif;
  889. border-color: #d6bd85 !important;
  890. }
  891.  
  892. span.unread {
  893. color: #cac3c3 !important;
  894. background: #373737 !important;
  895. font-weight: bold;
  896. border-radius: 5px;
  897. border: 2px dashed #5d5d5d !important;
  898. }
  899.  
  900. span.indicator::before {
  901. box-shadow: none;
  902. }
  903.  
  904. .warnings .tag,
  905. .work .warning a.tag,
  906. dd.warning.tags a {
  907. border-radius: 5px;
  908. background: #373737;
  909. padding-left: 2px;
  910. padding-right: 2px;
  911. box-shadow: 1px 3px 10px -3px black;
  912. font-weight: bold !important;
  913. color: #e5802f !important;
  914. }
  915.  
  916. .relationships .tag,
  917. .work .relationships a.tag,
  918. dd.relationship.tags a {
  919. background: none;
  920. color: #f9f6ce !important;
  921. font-weight: bold;
  922. text-shadow: none;
  923. }
  924.  
  925. .relationships .tag:hover,
  926. .work .relationships a.tag:hover,
  927. dd.relationship.tags a:hover {
  928. background: #53130c;
  929. color: #eee !important;
  930. font-weight: bold;
  931. text-shadow: none;
  932. }
  933.  
  934. ul.tags li.warnings,
  935. ul.tags li.relationships,
  936. ul.tags li.characters,
  937. ul.tags li.freeforms {
  938. float: left !important;
  939. margin: 0;
  940. border-radius: 15px;
  941. padding: 2px;
  942. }
  943.  
  944. li.warnings + li.relationships,
  945. li.relationships + li.characters,
  946. li.characters + li.freeforms,
  947. li.warnings + li.characters,
  948. li.warnings + li.freeforms,
  949. li.relationships + li.freeforms {
  950. clear: left;
  951. border-radius: 10px;
  952. }
  953.  
  954. ul.tags li.warnings:first-child:before {
  955. content: "🎲 :";
  956. color: #fff;
  957. font-family: Avenir, Helvetica, Arial, sans-serif;
  958. font-weight: 600;
  959. }
  960.  
  961. li.warnings + li.relationships:before {
  962. content: "》Gamblers ⇢ ";
  963. color: #bf7a7a;
  964. font-family: Avenir, Helvetica, Arial, sans-serif;
  965. font-weight: 600;
  966. }
  967.  
  968. li.relationships + li.characters:before {
  969. content: "》Players ⇢ ";
  970. color: #8ba6ba;
  971. font-family: Avenir, Helvetica, Arial, sans-serif;
  972. font-weight: 600;
  973. }
  974.  
  975. li.characters + li.freeforms:before {
  976. content: "》Ante ⇢ ";
  977. color: #79ba98;
  978. font-family: Avenir, Helvetica, Arial, sans-serif;
  979. font-weight: 600;
  980. }
  981.  
  982. li.warnings + li.characters:before {
  983. content: "》Players ⇢ ";
  984. color: #8ba6ba;
  985. font-family: Avenir, Helvetica, Arial, sans-serif;
  986. font-weight: 600;
  987. }
  988.  
  989. li.warnings + li.freeforms:before {
  990. content: "》Ante ⇢ ";
  991. color: #79ba98;
  992. font-family: Avenir, Helvetica, Arial, sans-serif;
  993. font-weight: 600;
  994. border-radius: 25px;
  995. }
  996.  
  997. li.relationships + li.freeforms:before {
  998. content: "》Ante ⇢ ";
  999. color: #79ba98;
  1000. font-family: Avenir, Helvetica, Arial, sans-serif;
  1001. font-weight: 600;
  1002. }
  1003.  
  1004. li.blurb blockquote p:first-child::before {
  1005. content: "🎰 ";
  1006. color: #8cf5b7;
  1007. font-size: 95%;
  1008. font-family: Avenir, Helvetica, Arial, sans-serif;
  1009. font-weight: 600;
  1010. }
  1011.  
  1012. .blurb ul.series::before {
  1013. content: "🧨";
  1014. color: #fff;
  1015. font-family: Avenir, Helvetica, Arial, sans-serif;
  1016. font-weight: 600;
  1017. }
  1018.  
  1019. .blurb .fandoms::before {
  1020. content: "꒰🃏 Dealer꒱ ";
  1021. color: #cac3c3;
  1022. font-family: Avenir, Helvetica, Arial, sans-serif;
  1023. font-weight: 600;
  1024. }
  1025.  
  1026. .characters a:before,
  1027. .relationships a:before,
  1028. .freeforms a:before,
  1029. .meta a:before {
  1030. color: #f44b42;
  1031. content: "\272D";
  1032. padding: 0 .25em 0 0;
  1033. }
  1034.  
  1035. .splash .browse li a:before {
  1036. color: #f44b42;
  1037. content: "\272D";
  1038. padding: 0 .25em 0 0;
  1039. }
  1040.  
  1041. .kudos a:before {
  1042. color: #f44b42;
  1043. content: "\272D";
  1044. padding: 0 .25em 0 0;
  1045. }
  1046.  
  1047. div.userstuff ul li {
  1048. list-style-type: none;
  1049. }
  1050.  
  1051. div.userstuff ul li::before {
  1052. content: "★";
  1053. padding-right: 8px;
  1054. }
  1055.  
  1056. .userstuff hr {
  1057. border: none;
  1058. border-bottom: none;
  1059. text-align: center;
  1060. }
  1061.  
  1062. .userstuff hr::before {
  1063. content: " ♡·♣·♢·♠";
  1064. }
  1065.  
  1066. .filters .expander {
  1067. background: url("https://64.media.tumblr.com/3c89981f933f9f57157d6dcec6fd85a7/94c6737c6db9ad60-e5/s1280x1920/f7557e617a5439c506721bd326580a0cb4c1f8d8.png") left center no-repeat !important;
  1068. color: #f9f6ce !important;
  1069. font-weight: bold;
  1070. }
  1071.  
  1072. .filters .expanded .expander {
  1073. background: url("https://64.media.tumblr.com/dab095a2fd9387bc1e0c57747ba6b13f/94c6737c6db9ad60-ad/s1280x1920/c1a4e14e0565cdcac5d3e20bebac3ab440f2d607.png") left center no-repeat !important;
  1074. }
  1075.  
  1076. dl.work.meta.group dd.collections {
  1077. max-height: 3em;
  1078. overflow: auto;
  1079. }
  1080.  
  1081. .work.own,
  1082. .thread .even,
  1083. .listbox .index,
  1084. .statistics .index li:nth-of-type(even),
  1085. dl.meta,
  1086. dl.index dd,
  1087. textarea,
  1088. input,
  1089. option,
  1090. .toggled form,
  1091. .dynamic form,
  1092. .autocomplete .dropdown ul,
  1093. .autocomplete .dropdown ul li,
  1094. .autocomplete input {
  1095. border-radius: 25px;
  1096. background-color: #373737;
  1097. color: #f9f6ce;
  1098. font-family: Avenir, Helvetica, Arial, sans-serif;
  1099. }
  1100.  
  1101. li.blurb {
  1102. border-radius: 2em;
  1103. background: #373737;
  1104. border: none;
  1105. }
  1106.  
  1107. li.blurb,
  1108. .listbox li.blurb {
  1109. box-shadow: 0px 0px 6px #000;
  1110. border-radius: 25px #ed0713;
  1111. font-family: Avenir, Helvetica, Arial, sans-serif;
  1112. }
  1113.  
  1114. input {
  1115. width: 96%;
  1116. border: 1px solid #bbb;
  1117. box-shadow: inset 0 1px 2px #ccc;
  1118. }
  1119.  
  1120. #main .verbose legend,
  1121. .comment h4.byline,
  1122. .reading h4.viewed,
  1123. .child,
  1124. .unwrangled,
  1125. .unreviewed,
  1126. .verbose fieldset,
  1127. form ul.notes,
  1128. #modal,
  1129. .ui-sortable li,
  1130. .comment_notice,
  1131. .kudos_notice,
  1132. div.dynamic,
  1133. #ui-datepicker-div,
  1134. .ui-datepicker table {
  1135. background-color: #212121;
  1136. border-color: #f6d47a !important;
  1137. border-radius: 10px;
  1138. font-family: Avenir, Helvetica, Arial, sans-serif;
  1139. }
  1140.  
  1141. .navigation.actions .rss span,
  1142. .required-tags .rating-notrated,
  1143. .required-tags .rating-general-audience,
  1144. .required-tags .rating-explicit,
  1145. .required-tags .rating-mature,
  1146. .required-tags .rating-teen,
  1147. .required-tags .category-femslash,
  1148. .required-tags .category-gen,
  1149. .required-tags .category-slash,
  1150. .required-tags .category-none,
  1151. .required-tags .category-het,
  1152. .required-tags .category-multi,
  1153. .required-tags .category-other,
  1154. .required-tags .complete-no,
  1155. .required-tags .complete-yes,
  1156. .required-tags .warning-yes,
  1157. .required-tags .warning-no,
  1158. .required-tags .warning-choosenotto,
  1159. .required-tags .external-work,
  1160. .status .private .text,
  1161. .status .public,
  1162. .status .hidden,
  1163. .status .rec,
  1164. .status .count,
  1165. .index .skins .icon,
  1166. .index .mystery .icon,
  1167. .index .tagset .icon,
  1168. .skins .primary .icon,
  1169. .admin .primary .icon,
  1170. .tagset .primary .icon,
  1171. .tag .primary .icon,
  1172. p.kudos,
  1173. #symbols-key dl img,
  1174. #bookmark-symbols-key img,
  1175. .icon[src="/images/skins/iconsets/default/icon_user.png"],
  1176. .collection .icon img[src="/images/skins/iconsets/default/icon_collection.png"],
  1177. img[src="/images/lockblue.png"] {
  1178. background-image: url("https://images.squidge.org/images/2024/03/30/AO3_imageset_darkmode.png");
  1179. background-size: 200px 835px;
  1180. }
  1181.  
  1182. #symbols-key dl img,
  1183. #bookmark-symbols-key img {
  1184. width: 0 !important;
  1185. height: 0 !important;
  1186. padding: 25px 0 0 25px;
  1187. }
  1188.  
  1189. .primary .icon,
  1190. .icon {
  1191. border-radius: 70px;
  1192. height: 7em;
  1193. width: 7em;
  1194. transition: 0.2s;
  1195. }
  1196.  
  1197. .icon {
  1198. height: 100px;
  1199. width: 100px;
  1200. margin: 0;
  1201. }
  1202.  
  1203. a img {
  1204. border: 0;
  1205. }
  1206.  
  1207. img[src="/images/skins/iconsets/default/rating-notrated.png"],
  1208. img[src="/images/skins/iconsets/default/category-none.png"],
  1209. img[src="/images/skins/iconsets/default/warning-no.png"] {
  1210. background-position: -150px 0px;
  1211. }
  1212.  
  1213. img[src="/images/skins/iconsets/default/rating-general-audience.png"] {
  1214. background-position: -50px 0px;
  1215. }
  1216.  
  1217. img[src="/images/skins/iconsets/default/rating-teen.png"] {
  1218. background-position: 0px -25px;
  1219. }
  1220.  
  1221. img[src="/images/skins/iconsets/default/rating-mature.png"] {
  1222. background-position: -75px -25px;
  1223. }
  1224.  
  1225. img[src="/images/skins/iconsets/default/rating-explicit.png"] {
  1226. background-position: -25px -25px;
  1227. }
  1228.  
  1229. img[src="/images/skins/iconsets/default/category-femslash.png"] {
  1230. background-position: -25px 0px;
  1231. }
  1232.  
  1233. img[src="/images/skins/iconsets/default/category-het.png"] {
  1234. background-position: -75px 0px;
  1235. }
  1236.  
  1237. img[src="/images/skins/iconsets/default/category-gen.png"] {
  1238. background-position: -50px -25px;
  1239. }
  1240.  
  1241. img[src="/images/skins/iconsets/default/category-multi.png"] {
  1242. background-position: -100px 0px;
  1243. }
  1244.  
  1245. img[src="/images/skins/iconsets/default/category-other.png"] {
  1246. background-position: -125px 0px;
  1247. }
  1248.  
  1249. img[src="/images/skins/iconsets/default/warning-choosenotto.png"] {
  1250. background-position: -125px -25px;
  1251. }
  1252.  
  1253. img[src="/images/skins/iconsets/default/warning-yes.png"] {
  1254. background-position: -150px -25px;
  1255. }
  1256.  
  1257. img[src="/images/skins/iconsets/default/warning-external-work.png"] {
  1258. background-position: -75px -50px;
  1259. }
  1260.  
  1261. img[src="/images/skins/iconsets/default/complete-no.png"] {
  1262. background-position: -100px -25px;
  1263. }
  1264.  
  1265. img[src="/images/skins/iconsets/default/complete-yes.png"] {
  1266. background-position: -175px -25px;
  1267. }
  1268.  
  1269. img[src="/images/skins/iconsets/default/bookmark-rec.png"] {
  1270. background-position: -100px -50px;
  1271. }
  1272.  
  1273. img[src="/images/skins/iconsets/default/bookmark-public.png"] {
  1274. background-position: -125px -50px;
  1275. }
  1276.  
  1277. img[src="/images/skins/iconsets/default/bookmark-private.png"] {
  1278. background-position: -175px -50px;
  1279. }
  1280.  
  1281. img[src="/images/skins/iconsets/default/bookmark-hidden.png"] {
  1282. background-position: -150px -50px;
  1283. }
  1284.  
  1285. .icon[src="/images/skins/iconsets/default/icon_user.png"],
  1286. .collection .icon img[src="/images/skins/iconsets/default/icon_collection.png"],
  1287. img[src="/images/lockblue.png"] {
  1288. width: 0 !important;
  1289. height: 0 !important;
  1290. }
  1291.  
  1292. .index .picture .icon[src="/images/skins/iconsets/default/icon_user.png"] {
  1293. padding: 55px 0 0 55px;
  1294. background-position: 0px -525px;
  1295. }
  1296.  
  1297. .abbreviated img[src$="/images/skins/iconsets/default/icon_user.png"] {
  1298. background-position: 0px -375px;
  1299. }
  1300.  
  1301. .index img[src$="/images/skins/iconsets/default/icon_user.png"] {
  1302. background-position: 0px -525px;
  1303. background: url(https://i.ibb.co/GpWCtcw/chip14555.png) !important;
  1304. background-size: cover !important;
  1305. }
  1306.  
  1307. img[src$="/images/skins/iconsets/default/icon_user.png"] {
  1308. background-position: 0px -75px;
  1309. border-bottom: 3px solid #d4836e;
  1310. }
  1311.  
  1312. img[src$="/images/skins/iconsets/default/icon_user.png"],
  1313. img[src$="/images/skins/iconsets/default/icon_collection.png"],
  1314. img[src$="/images/lockblue.png"] {
  1315. width: 0 !important;
  1316. height: 0 !important;
  1317. }
  1318.  
  1319. #greeting .icon[src="/images/skins/iconsets/default/icon_user.png"] {
  1320. padding: 1.786em 0 0 1.786em;
  1321. background-position: 0 -19px;
  1322. background-size: 201% !important;
  1323. }
  1324.  
  1325. .collection .icon img[src="/images/skins/iconsets/default/icon_collection.png"] {
  1326. padding: 100px 0 0 100px;
  1327. background-position: -100px -175px;
  1328. }
  1329.  
  1330. .collection.index .icon[src="/images/skins/iconsets/default/icon_collection.png"] {
  1331. padding: 55px 0 0 55px;
  1332. background-position: -55px -525px;
  1333. }
  1334.  
  1335. img[src="/images/lockblue.png"] {
  1336. padding: 15px 0 0 15px;
  1337. background-position: -155px -305px;
  1338. }
  1339.  
  1340. .comment div.icon {
  1341. border-bottom: 4px solid #deae32;
  1342. background: url("https://i.ibb.co/GpWCtcw/chip14555.png") !important;
  1343. background-repeat: no-repeat;
  1344. background-size: cover !important;
  1345. background-position: center !important;
  1346. padding: 0px;
  1347. display: block;
  1348. }
  1349.  
  1350. .comment .icon .anonymous {
  1351. background: url("https://i.ibb.co/WFT41x3/chip145.png") !important;
  1352. background-repeat: no-repeat;
  1353. background-size: cover !important;
  1354. border-radius: 2em !important;
  1355. height: 2.5em;
  1356. width: 2.5em;
  1357. display: none;
  1358. }
  1359.  
  1360. span.anonymous.icon {
  1361. padding: 0px;
  1362. background: transparent !important;
  1363. }
  1364.  
  1365. .icon a {
  1366. border: 0;
  1367. }
  1368.  
  1369. dl.stats dt {
  1370. display: none;
  1371. }
  1372.  
  1373. dl.stats dd {
  1374. white-space: nowrap;
  1375. padding-right: 0.5em;
  1376. color: #c0974a;
  1377. font-weight: bold;
  1378. }
  1379.  
  1380. li.collection dl.stats dt,
  1381. li.series dl.stats dt,
  1382. dl.series dl.stats dt {
  1383. display: inline-block !important;
  1384. }
  1385.  
  1386. dl.stats dd.kudos::before {
  1387. background: url(https://64.media.tumblr.com/23a3c6f134a96386f50fb8982a353590/8b704f26c7323545-01/s100x200/31e25f0be03646918168c4d49bd2ee9733b2cd59.png);
  1388. }
  1389.  
  1390. dl.stats dd.words::before {
  1391. background: url(https://64.media.tumblr.com/fff96d500a04ddf12517a48d83b228d2/b2e751421a20aa0c-a7/s100x200/c848a67de8f463ccdafa5b60948c61a172d5fe24.png);
  1392. }
  1393.  
  1394. dl.stats dd.chapters::before {
  1395. background: url(https://64.media.tumblr.com/a8ca48310f24581ae539336583690b26/b2e751421a20aa0c-5c/s100x200/a51b914598b64c3ddf6f705b278f11a68301d443.png);
  1396. }
  1397.  
  1398. dl.stats dd.comments::before {
  1399. background: url(https://64.media.tumblr.com/7172c0bbe03a0eef7b236014dc78c905/8b704f26c7323545-78/s250x400/f37ba1ff69b5ef2ad7e5fe66b61fd748badc00d1.png);
  1400. }
  1401.  
  1402. dl.stats dd.bookmarks::before {
  1403. background: url(https://64.media.tumblr.com/9b95d189a57699762d2262536e922ece/b2e751421a20aa0c-2a/s100x200/1aabb2ad7b90746f0469aefaa39af5b83728f8b9.png);
  1404. }
  1405.  
  1406. dl.stats dd.hits::before {
  1407. background: url(https://64.media.tumblr.com/b2b8862a356132ac1aa41e9e9f0ddd1d/b2e751421a20aa0c-9e/s100x200/dcd2bcb1adbbb8f9e1844b61aee3dd3a653531e3.png);
  1408. }
  1409.  
  1410. dl.stats dd.collections::before {
  1411. background: url(https://64.media.tumblr.com/ae825c2ad8071426c298c5b52970e294/b2e751421a20aa0c-18/s100x200/d1eb5dd259e2db588cda2100057c2c8fd9efaaf0.png);
  1412. }
  1413.  
  1414. dl.work dl.stats dd.published::before {
  1415. background: url(https://64.media.tumblr.com/7e13419071a7eeb35f48a76c7aa0ba36/b2e751421a20aa0c-5d/s250x400/7f351f60793ad683e4a9dc4de55e4ee4d625f9d2.png);
  1416. }
  1417.  
  1418. dl.work dl.stats dd.status::before {
  1419. background: url(https://64.media.tumblr.com/0ef9349a36cf808783e9488a97b64678/b2e751421a20aa0c-10/s250x400/8df1d3da298f875381822968f8e71ed4d7bcae31.png);
  1420. }
  1421.  
  1422. ul.statistics dl.stats dd.subscriptions::before {
  1423. background: url(https://64.media.tumblr.com/64db76a65209eff79515dfc23842eb54/fd0b10e0262ddb71-14/s250x400/921de73c3d5bb819f4e3c58c7c45bd4c6edfe55f.png);
  1424. }
  1425.  
  1426. ul.statistics dl.stats dd::before,
  1427. li.work dl.stats dd::before,
  1428. li.bookmark dl.stats dd::before,
  1429. dl.work dl.stats dd::before {
  1430. display: inline-block;
  1431. width: 14px;
  1432. height: 14px;
  1433. content: " ";
  1434. background-size: 14px 14px !important;
  1435. margin-right: 5px;
  1436. }
  1437.  
  1438. dl.stats dd.published::before,
  1439. dl.stats dd.status::before {
  1440. width: 0px;
  1441. margin-right: 0px;
  1442. }
  1443.  
  1444. .index .skins .icon {
  1445. background: url("https://i.ibb.co/9yzPPpS/Las-nevadas-flag9051.png") !important;
  1446. background-repeat: no-repeat !important;
  1447. background-position: center !important;
  1448. }
  1449.  
  1450. .skins .primary .icon,
  1451. .admin .primary .icon,
  1452. .tag .primary .icon,
  1453. .tagset .primary .icon .wrangler .primary .icon {
  1454. background: url("https://i.ibb.co/j62Px6t/Las-nevadas-flag13075.png") !important;
  1455. background-size: 100px;
  1456. background-position: center !important;
  1457. background-repeat: no-repeat !important;
  1458. }
  1459.  
  1460. .filters .submit input {
  1461. height: 100%;
  1462. margin: 1em 0;
  1463. min-height: 1.286em;
  1464. padding-left: 0;
  1465. padding-right: 0;
  1466. text-align: center;
  1467. white-space: normal;
  1468. }
  1469.  
  1470. .filters .submit input:hover {
  1471. color: #eee !important;
  1472. background: #53130c !important;
  1473. }
Advertisement
Add Comment
Please, Sign In to add comment