Archive of Our Own

#header {
background-image: url("https://64.media.tumblr.com/2beac0d8f5955de9c20206dbbf3036ee/22fe86df475ca51f-07/s2048x3072/a534807f478f8b34d9993db1170f0163e61c950e.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-color: #ff8fb4;
}

#header .heading {
height: 12em;
}

#header .logo,
#header .heading sup {
visibility: hidden;
}

Background color: #FFFAF0 Text color: #2a2a2a Header color: #FF69B4 Accent color: #ffd8e6 #header .dropdown:hover .current+.menu {
box-shadow: none;
background-image: none;
filter: none;
}

.actions a,
.actions a:link,
.action,
.action:link,
.actions input,
input[type=submit],
button,
.current,
.actions label {
background: #ffd8e6;
}

.blurb h4.heading a:visited {
color: #ff85c2 !important;
}

#header h1 sup {
display: none;
}

dl.stats dt {
display: none;
}

.skins .header dl.stats dt {
display: inline-block;
}

dl.stats dd:nth-of-type(1)::before {
background: url(https://64.media.tumblr.com/845302c18df0fb05bcf2edac018cc13f/d9b14bd9ef815581-d6/s75x75_c1/0e65a163c74f9a180a86778e8c8cc4f7275cb7e4.png);
}

dl.stats dd:nth-of-type(2)::before {
background: url(https://64.media.tumblr.com/ee46c670f6305a800f77c747751d8b45/d9b14bd9ef815581-98/s75x75_c1/2d7a56e672ddd8aa5c23291b3f6824b09f199f29.png);
}

dl.stats dd.language::before {
display: none !important;
}

dl.stats dd.kudos::before {
background: url(https://64.media.tumblr.com/65d4f41aa3628ae2e3b4c1d3ff63a121/fb47cb665e930246-10/s75x75_c1/0240a9119a33ab6b76e7944be951e45577df3b75.png);
}

dl.stats dd.words::before {
background: url(https://64.media.tumblr.com/845302c18df0fb05bcf2edac018cc13f/d9b14bd9ef815581-d6/s75x75_c1/0e65a163c74f9a180a86778e8c8cc4f7275cb7e4.png);
}

dl.stats dd.chapters::before {
background: url(https://64.media.tumblr.com/68cd2a9507132c242f6126926ddd20c5/d9b14bd9ef815581-40/s75x75_c1/102c4f78f8a8b777235baf67ee303309869858ce.png);
}

dl.stats dd.comments::before {
background: url(https://64.media.tumblr.com/b68a8f318f64fb52e7df034d829a3eea/d9b14bd9ef815581-be/s75x75_c1/74d57ac0753f110355aa1ec8155b6c73705d07e0.png);
}

dl.stats dd.bookmarks::before,
dl.stats dd a[href$=bookmarks]::before {
background: url(https://64.media.tumblr.com/0604b5bbb71f2e4d783667a4a8675e36/d9b14bd9ef815581-3a/s75x75_c1/0fb1305e9edbeeb9fb8a7882a81a23fe8e9d1ee1.png);
}

dl.stats dd.hits::before {
background: url(https://64.media.tumblr.com/20a71932b4952bc9f725b3dce049ea50/d9b14bd9ef815581-81/s75x75_c1/cc68957fcc92972f32321e8444324c1885f219bd.png);
}

dl.stats dd.collections::before {
background: url(https://64.media.tumblr.com/e616bb720f26cbad0feb09ec5fbe94b1/d9b14bd9ef815581-6a/s75x75_c1/c146e64112b0e7742d170b3edac5ee66a771c174.png);
}

dl.work dl.stats dd.published::before {
background: url(https://64.media.tumblr.com/47c648675ff22c28609f55f7797f02db/d9b14bd9ef815581-4a/s75x75_c1/60539202e63a4e14622d2769a25b45b8e00dde44.png);
}

dl.work dl.stats dd.status::before {
background: url(https://64.media.tumblr.com/17f401f7c5826552a70787be93466355/d9b14bd9ef815581-8d/s75x75_c1/6bc5c3c4fe5b57d9c50ad5b232469e27cade20fa.png);
}

ul.statistics dl.stats dd.subscriptions::before {
background: url(https://64.media.tumblr.com/ee20943568df3cc59d20159871bf9b9e/d9b14bd9ef815581-07/s75x75_c1/14fbfea9851e897e7d2eb4038411b2304d916a3e.png);
}

dl.stats dd.published::before,
dl.stats dd.status::before {
width: 0px;
margin-right: 0px;
}

li.collection dl.stats dd a[href$=collections]::before {
background: url(https://64.media.tumblr.com/e616bb720f26cbad0feb09ec5fbe94b1/d9b14bd9ef815581-6a/s75x75_c1/c146e64112b0e7742d170b3edac5ee66a771c174.png);
}

li.collection dl.stats dd a[href$=works]::before {
background: url(https://64.media.tumblr.com/ee46c670f6305a800f77c747751d8b45/d9b14bd9ef815581-98/s75x75_c1/2d7a56e672ddd8aa5c23291b3f6824b09f199f29.png);
}

li.collection dl.stats dd a[href$=bookmarks]::before {
background: url(https://64.media.tumblr.com/0604b5bbb71f2e4d783667a4a8675e36/d9b14bd9ef815581-3a/s75x75_c1/0fb1305e9edbeeb9fb8a7882a81a23fe8e9d1ee1.png);
}

li.collection dl.stats dd a[href$=fandoms]::before {
background: url(https://64.media.tumblr.com/5ae3aeba4172a5f70467a2001824f57a/d9b14bd9ef815581-3d/s75x75_c1/519d3a4438ba3c69233052fbd93d274505dbf9fc.png);
}

ul.statistics dl.stats dd::before,
li.work dl.stats dd::before,
li.bookmark dl.stats dd::before,
dl.work dl.stats dd::before,
.collection dl.stats dd a[href$=collections]::before,
li.collection dl.stats dd a[href$=works]::before,
li.collection dl.stats dd a[href$=bookmarks]::before,
li.collection dl.stats dd a[href$=fandoms]::before,
li.series dl.stats dd:not(.language):not(.words):not(.chapters):not(.collections):not(.comments):not(.kudos):not(.bookmarks):not(.hits):not(.published):not(.subscriptions):nth-of-type(1)::before,
li:not(.collection) dl.stats dd:not(.language):not(.words):not(.chapters):not(.collections):not(.comments):not(.kudos):not(.bookmarks):not(.hits):not(.published):not(.subscriptions):nth-of-type(2)::before,
dl.stats dd:not(.bookmarks) a[href$=bookmarks]::before {
display: inline-block;
width: 14px;
height: 14px;
content: " ";
background-size: 14px 14px !important;
margin-right: 5px;
}

#main {
border-radius: 20px;
}

#outer #header .dropdown-menu li:nth-child(odd) a {
background: #f8e0f0;
padding: 5px 9px;
border: 3px solid rgba(255, 182, 193, 0.8);
border-radius: 10px;
color: #700;
text-shadow: -1px -1px 0 #fff, 1px 1px 0 #fff, 0 0 1px #fff;
box-shadow: 5px 5px 5px #cccccc;
}

#outer #header .dropdown-menu li:nth-child(even) a {
background-color: #fdf5f4;
padding: 5px 9px;
border: 3px solid rgba(238, 149, 151, 0.8);
border-radius: 10px;
color: #a00;
text-shadow: -1px -1px 0 #fff, 1px 1px 0 #fff, 0 0 1px #fff;
box-shadow: 5px 5px 5px #cccccc;
}

.splash .module h3:after {
font-style: normal;
content: " ♡ ";
}

#header .user a,
#small_login .action {
background: linear-gradient(to right, #fafaf2, #fce9eb, #ffe2e3);
color: #000000;
text-decoration: none;
padding: 5px 9px;
border: 1.6px solid #fbc4db;
border-radius: 10px;
}

#header .user a:after,
#small_login .action:after {
content: " ☆ ";
}

.tags a.tag:hover {
background: url(https://i.imgur.com/G2CGQBx.jpeg);
background-size: 300px;
font-weight: 599;
color: white;
background-blend-mode: normal;
text-shadow: 1px 1px 3px rgb(0 0 0);
-webkit-text-stroke: .45px #ffffff;
background-color: #ffd4e5;
}

.tags a.tag {
background-color: #FDF5F2;
color: #000000;
line-height: 2.8;
text-decoration: none;
padding: 3px 5px;
border: 1.6px solid #f7c1d9;
border-radius: 10px;
}

.tags a.tag::after {
content: "☆";
color: #F08080;
margin-right: 2px;
}

#main {
font-size: .875em;
line-height: 1.286;
margin: auto;
background: linear-gradient(to right, #fff7f7, #fbe7ea, #fde4e6);
min-height: 450px;
}

#header h1 a span:hover {
color: #999;
}

#header {
margin: 0 0 1em;
padding: 0;
position: relative;
background: url(https://i.imgur.com/5m7oHEJ.jpeg);
background-size: auto;
}

ul.required-tags,
.bookmark .status span,
.blurb .icon {
opacity: 1 !important;
}

img[src$="/images/skins/iconsets/default/icon_user.png"] {
box-sizing: border-box;
content: url("https://i.ibb.co/bMPMMcyh/zerafina-icon-user-default-01.png");
background: #E21273;
border: 1.5px solid #ddd;
}

.comment .icon .anonymous {
box-sizing: border-box;
background: url("https://i.ibb.co/1tbz1GYk/zerafina-icon-anon-01.png");
background-size: cover;
background-color: #F16AA9;
border: 1.5px solid #00000025;
}

.comment .icon .visitor {
box-sizing: border-box;
background: url("https://i.ibb.co/1GL4vLkM/zerafina-icon-user-visitor-01.png");
background-size: cover;
background-color: #F16AA9;
border: 1.5px solid #00000025;
}

img[src$="/images/skins/iconsets/default/icon_collection.png"] {
box-sizing: border-box;
content: url("https://i.ibb.co/Z6Vw4X7R/zerafina-icon-collection-01.png");
background-image: linear-gradient(transparent, #ffffff50 45% 55%, transparent);
background-color: #BC0E61;
border: 1.5px solid #00000025;
}

.tagset .primary .icon,
.tag .primary .icon,
.index .tagset .icon {
box-sizing: border-box;
background: url("https://i.ibb.co/Y4QDmRvt/zerafina-icon-tag-01.png"),
linear-gradient(transparent, #ffffff50 45% 55%, transparent);
background-size: cover;
background-color: #BC0E61;
border: 1.5px solid #00000025;
}

.index .mystery .icon {
box-sizing: border-box;
background: url("https://i.ibb.co/1tbz1GYk/zerafina-icon-anon-01.png"),
linear-gradient(transparent, #ffffff50 45% 55%, transparent);
background-size: cover;
background-color: #BC0E61;
border: 1.5px solid #ddd;
box-shadow: inset 0 0 0 3px #fff;
}

.admin .primary .icon {
box-sizing: border-box;
background: url("https://i.ibb.co/HTz7zh4K/zerafina-icon-admin-01.png") no-repeat,
linear-gradient(#ffffff40, transparent);
background-size: cover;
background-color: #95094F;
border: 1.5px solid #00000099;
}

.skins .primary .icon:not(:has(a .icon)),
.index .skins .icon:not(:has(a .icon)) {
box-sizing: border-box;
background: url("https://i.ibb.co/k6gSr1MS/zerafina-icon-skins-01.png");
background-size: cover;
background-color: #E21273;
border: 1.5px solid #ddd;
}

#symbols-key dl img,
#bookmark-symbols-key img {
width: 0 !important;
height: 0 !important;
padding: 25px 0 0 25px;
}

.blurb ul.required-tags li span,
.bookmark .status span:not(.status .private),
#symbols-key dl img,
#bookmark-symbols-key img {
background-size: cover;
background-origin: border-box;
box-sizing: border-box;
border: 1px solid;
}

.required-tags .rating-notrated,
.required-tags .category-none,
.required-tags .warning-no,
.status .count,
img[src$="/images/skins/iconsets/default/rating-notrated.png"],
img[src$="/images/skins/iconsets/default/category-none.png"],
img[src$="/images/skins/iconsets/default/warning-no.png"] {
background: #fff;
color: #00000040;
}

.required-tags .rating-general-audience,
img[src$="/images/skins/iconsets/default/rating-general-audience.png"] {
background: url("https://i.ibb.co/cXk9HdYH/zerafina-icon-rating-gen-01.png");
background-color: #FFADD5;
color: #0000001a;
}

.required-tags .rating-teen,
img[src$="/images/skins/iconsets/default/rating-teen.png"] {
background: url("https://i.ibb.co/xSmwW6CN/zerafina-icon-rating-teen-01.png");
background-color: #F16AA9;
color: #0000001a;
}

.required-tags .rating-mature,
img[src$="/images/skins/iconsets/default/rating-mature.png"] {
background: url("https://i.ibb.co/chYzvd2w/zerafina-icon-rating-mature-01.png");
background-color: #E21273;
color: #0000001a;
}

.required-tags .rating-explicit,
img[src$="/images/skins/iconsets/default/rating-explicit.png"] {
background: url("https://i.ibb.co/Kp2nk21k/zerafina-icon-rating-explicit-01.png");
background-color: #95094F;
color: #0000001a;
}

.required-tags .category-femslash,
img[src$="/images/skins/iconsets/default/category-femslash.png"] {
background: url("https://i.ibb.co/JwHx18Ht/zerafina-icon-category-ff-01.png");
background-color: #E21273;
color: #0000001a;
}

.required-tags .category-het,
img[src$="/images/skins/iconsets/default/category-het.png"] {
background: url("https://i.ibb.co/0yD62BY2/zerafina-icon-category-mf-01.png");
background-color: #95094F;
color: #0000001a;
}

.required-tags .category-gen,
img[src$="/images/skins/iconsets/default/category-gen.png"] {
background: url("https://i.ibb.co/8gwHmMQX/zerafina-icon-category-gen-01.png");
background-color: #FFADD5;
color: #0000001a;
}

.required-tags .category-slash,
img[src$="/images/skins/iconsets/default/category-slash.png"] {
background: url("https://i.ibb.co/GQ2YZ686/zerafina-icon-category-mm-01.png");
background-color: #F16AA9;
color: #0000001a;
}

.required-tags .category-multi,
img[src$="/images/skins/iconsets/default/category-multi.png"] {
background: conic-gradient(from 270deg, #FFADD5 25%, #E21273 25% 50%, #95094F 50% 75%, #F16AA9 75%);
color: #0000001a;
}

.required-tags .category-other,
img[src$="/images/skins/iconsets/default/category-other.png"] {
background: url("https://i.ibb.co/MD6r4zyH/zerafina-icon-category-other-01.png");
background-color: #47002A;
color: #0000001a;
}

.required-tags .warning-choosenotto,
img[src$="/images/skins/iconsets/default/warning-choosenotto.png"] {
background: url("https://i.ibb.co/m5Yk1TtQ/zerafina-icon-warning-choosenotto-01.png");
background-color: #F16AA9;
color: #0000001a;
}

.required-tags .warning-yes,
img[src$="/images/skins/iconsets/default/warning-yes.png"] {
background: url("https://i.ibb.co/Jj9yFqFq/zerafina-icon-warning-yes-01.png");
background-color: #E21273;
color: #0000001a;
}

.required-tags .external-work,
img[src$="/images/skins/iconsets/default/warning-external-work.png"] {
background: url("https://i.ibb.co/GQG1C3vw/zerafina-icon-warning-external-work-01.png");
background-color: #95094F;
color: #0000001a;
}

.required-tags .complete-no,
img[src$="/images/skins/iconsets/default/complete-no.png"] {
background: url("https://i.ibb.co/pYzPL49/zerafina-icon-complete-no-01.png");
background-color: #E21273;
color: #0000001a;
}

.required-tags .complete-yes,
img[src$="/images/skins/iconsets/default/complete-yes.png"] {
background: url("https://i.ibb.co/6JBN1vhz/zerafina-icon-complete-yes-01.png");
background-color: #FFADD5;
color: #0000001a;
}

.status .rec,
img[src$="/images/skins/iconsets/default/bookmark-rec.png"] {
background: url("https://i.ibb.co/jPq89bqP/zerafina-icon-bookmark-rec-01.png");
background-color: #E21273;
color: #0000001a;
}

.status .public,
img[src$="/images/skins/iconsets/default/bookmark-public.png"] {
background: url("https://i.ibb.co/07Wtk6D/zerafina-icon-bookmark-public-01.png");
background-color: #F16AA9;
color: #0000001a;
}

.status .private .text,
img[src$="/images/skins/iconsets/default/bookmark-private.png"] {
font-size: inherit;
text-indent: -9999px;
white-space: nowrap;
background: url("https://i.ibb.co/4gSvnrkb/zerafina-icon-bookmark-locked-01.png");
background-color: #47002A;
color: #00000040;
}

.status .hidden,
img[src$="/images/skins/iconsets/default/bookmark-hidden.png"] {
background: url("https://i.ibb.co/4gSvnrkb/zerafina-icon-bookmark-locked-01.png");
background-color: #E21273;
color: #00000040;
}

a.rss span {
padding: 0;
background: none;
}

.actions li a.rss {
display: inline-flex;
align-content: center;
align-items: center;
column-gap: 0.3em;
}

.actions li a.rss::before {
content: "";
height: 0.85em;
width: 0.85em;
background-image: url("https://i.ibb.co/35VLs1PW/zerafina-icon-rss-01.png");
background-size: cover;
background-color: #F16AA9;
box-shadow: inset 0 0 0 1px;
border-radius: 2px;
color: #00000025;
}

p.kudos {
background: none;
}

div:has(> p.kudos)::before {
content: "";
height: 55px;
width: 55px;
position: absolute;
background-image: url("https://i.ibb.co/8gxgCYb4/zerafina-icon-kudos-01.png");
background-size: cover;
filter: invert(24%) sepia(97%) saturate(7481%) hue-rotate(324deg) brightness(93%) contrast(89%);
}

img[src$="/images/lockblue.png"] {
content: url("https://i.ibb.co/kVCsBwzY/zerafina-icon-lock-01.png");
filter: invert(24%) sepia(97%) saturate(7481%) hue-rotate(324deg) brightness(93%) contrast(89%);
}

#header .logo {
content: url("/images/logo.png");
filter: brightness(0) saturate(100%) invert(24%) sepia(97%) saturate(7481%) hue-rotate(324deg) brightness(93%) contrast(89%);
}