Archive of Our Own

Desktop:

Mobile:

Kudos messages:

Instructions:

• you must be logged in, go to your dashboard
• on the navigation on the left side, click on “Skins”
• “Create site skin”
• Type: site skin; title: [insert UNIQUE name for the skin. Could just be carol + your username, it will only be visible to you]
• copy paste the code below into the CSS box beneath
• Click “submit”
• scroll to the very bottom and click “use”

CSS code:

body,
h1,
h2,
h3,
h4,
h5,
h6,
.heading,
blockquote,
pre {
font-family: "Garamond";
}

#outer {
background: #584446;
}

#main {
color: #F7E6EA;
font-size: 17px;
}

#workskin .userstuff {
width: 100%;
max-width: 800px;
margin: 0 auto;
text-align: left;
}

div.post.comment,
div.post.comment form.new_comment {
width: 100%;
margin: 0;
}

div.post.comment,
div.post.comment form.new_comment {
width: 100%;
max-width: 1000px;
margin: 0 auto;
border: none;
}

div.post.comment textarea.comment_form {
width: 100%;
}

#main a {
color: #FF331C;
}

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

h2.title.heading {
font-size: 30px !important;
}

#header {
background-image: url("https://i.imgur.com/wIlZsAF.jpeg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

#header .heading {
height: 15em;
}

#header .primary {
background: transparent;
box-shadow: none;
}

#header .heading sup,
#header .logo {
visibility: visible;
color: #F7E6EA;
}

#header .heading a {
visibility: visible;
color: #F7E6EA;
}

#header .heading a:before {
visibility: visible;
}

#greeting .menu {
position: absolute !important;
top: 100% !important;
min-width: 220px;
background-color: #4A3C3D !important;
box-shadow: none !important;
z-index: 1000 !important;
}

#greeting .menu li,
#greeting .menu a {
background: #4A3C3D !important;
color: #FF331C !important;
display: block;
border: none !important;
text-align: left;
text-decoration: none;
}

#greeting .menu a:hover {
background: #FF331C !important;
color: #4A3C3D !important;
text-decoration: none;
}

#header #greeting .menu a {
text-transform: none !important;
font-size: 15px !important;
}

#header #greeting .menu {
left: 50% !important;
transform: translateX(-50%) !important;
width: auto !important;
max-width: 260px !important;
right: auto !important;
}

#header .menu {
width: auto !important;
min-width: 180px;
max-width: none !important;
position: absolute !important;
z-index: 1000;
overflow: visible !important;
background-color: #4A3C3D;
}

#small_login {
width: unset;
border: 1px solid;
border-radius: 0.75rem;
font-size: 1.5em;
box-sizing: border-box;
box-shadow: none;
z-index: 5;
}

#login,
#greeting {
background-color: transparent;
}

#header .user,
#header .user a,
#small_login .action,
#greeting .user > li {
margin: 0;
padding-left: .3em;
}

#greeting p.icon {
margin-top: 10px;
border-radius: 95%;
border: 1px solid #F7E6EA;
padding: 2px;
box-shadow: 0px 0px 20px #F7E6EA;
overflow: hidden;
}

#header .actions a {
border: none !important;
background: transparent !important;
}

#header .actions a:hover {
border: none !important;
}

#header #greeting .dropdown > a[href*="/users/"] {
content: "";
filter: brightness(0) saturate(100%) invert(72%) sepia(21%) saturate(765%) hue-rotate(314deg) brightness(92%) contrast(96%) !important;
}

#header #greeting .dropdown > a[href*="/works/new"] {
content: "";
filter: brightness(0) saturate(100%) invert(72%) sepia(21%) saturate(765%) hue-rotate(314deg) brightness(92%) contrast(96%) !important;
}

#header #greeting a[href*="/users/logout"] {
content: "";
color: #F0A1A1 !important;
}

#header #greeting > ul > li > a {
display: inline-block;
background: transparent;
}

#header #greeting > ul > li:is(.open,
:hover,
:focus,
:active) > a {
color: #CF5D5D;
}

#header > nav .user {
column-gap: 0;
margin: 10px;
color: #F7E6EA;
padding-bottom: 5px;
text-transform: uppercase;
border-radius: 5px 5px 5px 5px;
font-size: 12px;
}

#header nav:has(> .primary) {
order: 3;
flex: 1;
max-width: 100%;
border-color: #FF331C;
}

#header #search .button,
#header #search .submit {
display: none;
}

#header #search .text {
box-shadow: 0px 0px 20px #F7E6EA;
border: 1px solid #F7E6EA;
border-radius: 5px 5px 5px 5px;
width: 9em;
height: 25px;
margin-top: 10px;
}

input#site_search.text {
background-image: url("https://i.imgur.com/xEdNdpQ.png");
background-position: right;
background-size: 15%;
background-repeat: no-repeat;
background-color: #4A3C3D;
}

#header .primary .dropdown a {
background: #4A3C3D;
color: #FF331C;
font-size: 15px;
margin: 8px 0px 8px 0px;
}

#header .navigation .dropdown .menu {
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background-color: #4A3C3D !important;
}

#header .navigation .dropdown .menu li {
border: none !important;
}

#header .menu a:hover,
#header .navigation .dropdown .menu li a:hover {
background-color: #FF331C !important;
color: #4A3C3D !important;
text-decoration: none;
}

#header .navigation .dropdown .menu li,
#header .navigation .dropdown .menu li a {
background-color: #4A3C3D !important;
margin: 0 !important;
padding: 0.5em 1em !important;
border: none !important;
display: block;
text-decoration: none;
}

#header .actions li:nth-of-type(1) a.dropdown-toggle {
margin-left: 5px;
border-radius: 5px 0px 0px 5px;
}

#header .actions li:nth-of-type(2) a.dropdown-toggle {
border-radius: 0px 0px 0px 0px;
}

#header .actions li:nth-of-type(3) a.dropdown-toggle {
border-radius: 0px 0px 0px 0px;
}

#header .actions li:nth-of-type(4) a.dropdown-toggle {
border-radius: 0px 5px 5px 0px;
}

#header .menu a {
color: #FF331C !important;
}

#header .actions li a.dropdown-toggle:hover {
color: #fffefa;
}

.actions a,
.actions a:link,
.action,
.action:link,
.actions button,
.actions input,
input[type="submit"],
button,
.actions label {
color: #F7E6EA !important;
background: #382A2B;
border: 1px solid #382A2B;
border-radius: 5px;
box-shadow: none;
font-family: "Garamond";
text-decoration: none;
}

.actions a:hover,
.actions button:hover,
.actions input:hover,
.actions a:hover,
.actions button:hover,
.actions input:hover,
.actions a:focus,
.actions button:focus,
.actions input:focus,
label.action:focus,
.action:focus,
.actions a:focus-visible,
.actions button:focus-visible,
.actions input:focus-visible,
label.action:focus-visible,
.action:focus-visible {
color: #F7E6EA !important;
background: #382A2B!important;
border: 1px solid #382A2B !important;
border-radius: 5px !important;
box-shadow: none;
font-family: "Garamond";
text-decoration: none;
}

.current,
a.current {
color: #F7E6EA !important;
background: #FF331C;
border: 1px solid #4A3C3D;
border-radius: 5px;
box-shadow: none;
}

div.comment,
li.comment {
border: 1px solid #382A2B;
border-radius: 5px 5px 5px 5px;
overflow: hidden;
}

.comment h4.byline {
background: #382A2B;
text-transform: uppercase;
font-size: 12px;
padding: 10px;
}

.comment div.icon {
border-radius: 95%;
border: 1px solid #F7E6EA;
box-shadow: 0px 0px 20px #F7E6EA;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
}

.thread .even {
background: rgba(245, 73, 39, 0.3);
box-shadow: 0px 0px 20px #382A2B;
}

.thread .odd {
background: #4A3C3D;
box-shadow: 0px 0px 20px #382A2B;
}

span.unread,
.actions span.defaulted {
background: #71140d;
border: 1px solid #71140d;
border-radius: 5px;
color: #F7E6EA;
font-family: "Garamond";
}

.replied,
span.claimed {
border-radius: 5px;
background: #ae919c;
border: 1px solid #ae919c;
color: #F7E6EA;
}

.notice,
.comment_notice,
.kudos_notice,
ul.notes,
.caution,
.error,
.comment_error,
.kudos_error,
.alert.flash {
background: #382A2B;
color: #F7E6EA;
font-style: italic;
border: 1px solid #FF331C;
box-shadow: none;
padding: 10px;
border-radius: 5px;
}

form .notice,
form ul.notes {
box-shadow: none;
}

.notice a,
.comment_notice a,
.kudos_notice a,
ul.notes a,
.caution a,
.error a,
.comment_error a,
.kudos_error a,
.alert.flash a {
color: #fff !important;
}

.splash .favorite li:nth-of-type(odd) a {
background: #584446;
color: #FF331C !important;
border-radius: 5px;
}

.splash .favorite a {
color: #FF331C !important;
}

.splash .favorite a:hover,
.splash .favorite li:nth-of-type(odd) a:hover {
background: #584446;
color: #FF331C !important;
border-radius: 5px;
}

.splash .module h3 {
border-bottom: 1px solid #E87D7D;
color: #E87D7D;
font-size: 1.714em;
}

#footer {
background: url("https://i.imgur.com/kW6KAW5.jpeg");
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
border-top: transparent;
}

#footer a,
#footer a:visited,
#footer button {
color: #f5d8d4 !important;
text-decoration: none;
text-shadow: 1px 1px 2px #382A2B,
0 0 1em #382A2B,
0 0 0.2em #382A2B;
}

fieldset,
form dl,
fieldset dl dl,
fieldset fieldset fieldset,
fieldset fieldset dl dl,
dd.hideme,
form blockquote.userstuff {
background: #382A2B;
border: 1px solid transparent;
border-radius: 5px 5px 5px 5px;
box-shadow: none;
font-size: 15px;
font-family: "Garamond";
}

fieldset fieldset {
background: #4A3C3D;
}

fieldset.warnings li label {
color: #F7E6EA;
font-family: "Garamond";
}

.draft {
border: 2px dashed rgba(245, 73, 39, 0.3);
}

.ui-sortable li {
background: #FF331C;
border: 2px solid #4A3C3D;
box-shadow: none;
}

.ui-sortable li:hover {
background: #E87D7D;
color: #4A3C3D;
border: 2px solid #4A3C3D;
box-shadow: none;
}

form.single fieldset {
border: 1px solid #5a3935;
}

.picture .header {
border-bottom: none;
}

.required {
color: #cc3a27;
}

p.required.notice {
color: #fadec2;
}

form.verbose legend,
.verbose form legend {
background: #E87D7D;
color: #4A3C3D;
border: 2px solid #E87D7D;
border-radius: 5px;
box-shadow: none;
}

label {
font-size: 13px;
font-family: "Garamond";
font-weight: bold;
vertical-align: middle;

}

form dt {
border-bottom: none;
}

input[type="text"] {
border: 1px solid #4A3C3D;
}

form.search input[type="text"] {
border-top: 1px solid #4A3C3D;
}

form.single .autocomplete input[type="text"] {
border: 1px solid #FF331C;
}

input[type="checkbox"],
.actions li label input[type="checkbox"] {
appearance: none;
background: #382A2B;
border: 1px solid #FF331C;
width: 15px;
height: 15px;
border-radius: 5px;
box-shadow: none;
margin: auto;
}

input[type="checkbox"]:checked,
.actions li label input[type="checkbox"]:checked {
background: #FF331C;
border: 1px solid #FF331C;
box-shadow: none;
}

input[type="checkbox"]:focus {
outline: none;
border: 1px solid #FF331C;
}

input[type=radio] {
appearance: none;
background: #382A2B;
border: 1px solid #FF331C;
width: 15px;
height: 15px;
border-radius: 50%;
vertical-align: middle;
}

input[type=radio]:checked {
background: #FF331C;
}

.filters .indicator:before {
background: #382A2B;
border: 1px solid #FF331C;
background-image: none;
}

.filters [type="checkbox"]:checked + .indicator:before {
background: #FF331C;
background-image: none;
color: #000;
}

.filters [type="radio"]:checked + .indicator:before {
background: #FF331C;
background-image: none;
}

.filters .exclude [type="checkbox"]:checked + .indicator:before {
background: #FF331C;
background-image: none;
color: #000;
}

.filters .expander,
.filters .expanded .expander {
filter: brightness(0) saturate(100%) invert(83%) sepia(71%) saturate(2189%) hue-rotate(294deg) brightness(100%) contrast(87%);
}

.filters .more dd.search,
dd.autocomplete li.input {
max-width: 10.7em;
}

#ui-datepicker-div,
.ui-datepicker table {
background: #4A3C3D;
color: #FF331C;
box-shadow: none;
border-radius: 5px;
}

.ui-datepicker table a {
color: #FF331C;
}

.ui-datepicker td {
border: 1px solid #4A3C3D;
}

.ui-datepicker tr:hover {
background: #5a3935;
}

.ui-datepicker td:hover {
background: #FF331C;
}

input,
textarea,
select {
border: 1px solid #FF331C;
background: #4A3C3D;
color: #FFADAD;
font-size: 15px;
font-family: "Garamont";
box-shadow: none;
padding: 5px;
box-sizing: border-box;
}

input:focus,
select:focus,
textarea:focus {
background: #4A3C3D;
border: 1px solid #a76523;
}

div.autocomplete.dropdown {
background: transparent;
}

.autocomplete div.dropdown ul {
background: #4A3C3D;
border: 1px solid #FF331C;
color: #FF331C;
box-shadow: none;
}

.required .autocomplete,
.autocomplete .notice {
color: #FF331C;
}

span.question {
background: #E87D7D;
border-color: #E87D7D;
box-shadow: none;
}

span.symbol {
color: #4A3C3D;
font-family: "Garamond";
border: 1px solid #4A3C3D;
}

.own,
.draft,
.draft .wrapper,
.unread,
.child,
.unwrangled,
.unreviewed {
background-color: rgba(245, 73, 39, 0.3);
}

li.blurb {
border: 1px solid #F7E6EA;
border-radius: 5px 5px 5px 5px;
margin-bottom: 2.5em;
background: #4A3C3D;
box-shadow: 0px 0px 20px #F7E6EA;
padding: 10px;
overflow: hidden;
text-align: left !important;
}

.userstuff blockquote {
border-inline-start: 2px solid #E87D7D;
}

.userstuff h3 {
border-bottom: 0.25em double #E87D7D;
}

.userstuff hr {
border: none;
text-align: center;
}

.userstuff hr:before {
content: "❅₊ ⊹˚✧ ‧˚₊❅";
white-space: nowrap;
color: #faf1f3;
}

span.series .divider {
color: #E87D7D;
}

#dashboard ul {
border-top: 1px solid transparent;
}

.listbox > .heading {
color: #E87D7D;
font-variant: small-caps;
font-size: 140%;
}

.listbox > .heading:before {
content: "❅ ";
color: #F7E6EA;
}

.listbox,
fieldset fieldset.listbox {
background: #4A3C3D;
border-top: 2px solid #4A3C3D;
border-left: 2px solid #4A3C3D;
border-right: 2px solid #4A3C3D;
border-bottom: 2px solid #4A3C3D;
border-radius: 5px 5px 5px 5px;
box-shadow: none;
padding-bottom: 2em;
margin-bottom: 2em;
}

.listbox .index {
background: #4A3C3D;
box-shadow: none;
}

#dashboard,
#dashboard.own {
background: #382A2B;
border-top: 1px solid #382A2B;
border-bottom: 1px solid #382A2B;
border-radius: 5px 5px 5px 5px;
padding-left: 8px;
}

#dashboard .current,
#dashboard .current a {
background: #80676A;
color: #4A3C3D;
border: none !important;
}

#dashboard a:hover {
background: #4A3C3D;
color: #FF331C !important;
border: none !important;

}

#dashboard .filters .heading,
#main .filters .heading {
font-size: 15px !important;
font-family: "Garamond";
}

#filters .expandable h4 {
font-size: 15px !important;
font-family: "Garamond";
}

.filters .toggle {
font-size: 15px !important;
font-family: "Garamond";
}

.filters .tags .tag {
font-size: 15px !important;
font-family: "Garamond";
}

.filters select {
font-size: 15px !important;
font-family: "Garamond";
}

dl.meta {
border: 1px solid transparent;
background: #4A3C3D;
}

.wrapper {
box-shadow: none;
}

thead,
tfoot {
border-bottom: 2px solid #E87D7D;
}

th,
tr,
tr:hover,
col.name {
background: #4A3C3D;
border: 1px solid #4A3C3D;
}

tbody tr {
background: #382A2B;
}

.index .skins .icon {
background: url("https://i.imgur.com/m9R0l1u.png");
background-repeat: no-repeat;
background-size: 50px 50px;
overflow: hidden;
}

.skins .primary .icon {
background: url("https://i.imgur.com/m9R0l1u.png");
background-repeat: no-repeat;
background-size: 100px 100px;
overflow: hidden;
}

.bookmark .count a {
background: #4A3C3D;
}

.bookmark .user {
background: #382A2B;
display: block;
padding: 10px;
margin-bottom: 3px;
border: none;
}

div.dynamic,
.dynamic form {
background: #4A3C3D;
color: #FF331C;
border: #FF331C;
box-shadow: none;
}

p.kudos {
background: url("https://i.imgur.com/JjB6nQ5.png") no-repeat;
background-size: 50px 74px;
}

dl.index dd,
.reading h4.viewed,
.statistics .index li:nth-of-type(2n) {
background: #382A2B;
}

#stat_chart svg rect:first-of-type {
filter: brightness(0) saturate(100%) invert(8%) sepia(23%) saturate(1059%) hue-rotate(306deg) brightness(93%) contrast(77%);
}

#stat_chart g[clip-path^=url] > g:nth-of-type(2) rect:nth-of-type(1),
#stat_chart g[clip-path^=url] > g:nth-of-type(2) rect:nth-of-type(2),
#stat_chart g[clip-path^=url] > g:nth-of-type(2) rect:nth-of-type(3),
#stat_chart g[clip-path^=url] > g:nth-of-type(2) rect:nth-of-type(4),
#stat_chart g[clip-path^=url] > g:nth-of-type(2) rect:nth-of-type(5),
#stat_chart svg g:nth-of-type(2) > g rect:last-of-type {
filter: brightness(0) saturate(100%) invert(56%) sepia(9%) saturate(3680%) hue-rotate(313deg) brightness(86%) contrast(87%);
}

#stat_chart svg text {
font-family: "Garamond";
filter: brightness(0) saturate(100%) invert(85%) sepia(13%) saturate(186%) hue-rotate(298deg) brightness(109%) contrast(94%);
}

li.relationships a {
background: transparent;
}

.tag .primary .icon,
.tagset .primary .icon {
filter: brightness(0) saturate(100%) invert(84%) sepia(21%) saturate(3578%) hue-rotate(350deg) brightness(104%) contrast(95%);
}

.resp-sharing-button--bluesky,
.resp-sharing-button--tumblr {
background: #382A2B!important;
border: 1px solid #382A2B !important;
border-radius: 5px;
}

p.muted.notice {
display: none;
}

.warnings .tag {
color: #cc3a27 !important;
}

.warnings .tag:hover {
color: #FF331C !important;
}

.relationships .tag {
color: #CF5D5D !important;
}

.relationships .tag:hover {
color: #E87D7D !important;
}

.characters .tag {
color: #E87D7D !important;
}

.characters .tag:hover {
color: #F0A1A1 !important;
}

.freeforms .tag {
color: #F0A1A1 !important;
}

.freeforms .tag:hover {
color: #F0A1A1 !important;
}

span.rating-general-audience.rating {
background: url("https://i.imgur.com/MRXCMyr.png");
border-radius: 95%;
border: 0px solid #71140D;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}

span.category-gen.category {
background: url("https://i.imgur.com/ZG7jvHd.png");
border-radius: 95%;
border: 0px solid #71140D;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}

span.category-multi.category {
background: url("https://i.imgur.com/3upI7fR.png");
border-radius: 95%;
border: 0px solid #71140D;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}

span.complete-yes.iswip {
background: url("https://i.imgur.com/zuXUMB9.png");
border-radius: 95%;
border: 0px solid #71140D;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}

span.rating-teen.rating {
background: url("https://i.imgur.com/PATlUh0.png");
border-radius: 95%;
border: 0px solid #71140D;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}

span.category-slash.category {
background: url("https://i.imgur.com/iljlq3T.png");
border-radius: 95%;
border: 0px solid #71140D;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}

span.category-het.category {
background: url("https://i.imgur.com/eLzIhcd.png");
border-radius: 95%;
border: 0px solid #71140D;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}

span.rating-mature.rating {
background: url("https://i.imgur.com/KLxu4Tt.png");
border-radius: 95%;
border: 0px solid #71140D;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}

span.warning-choosenotto.warnings {
background: url("https://i.imgur.com/dA9698f.png");
border-radius: 95%;
border: 0px solid #71140D;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}

span.rating-notrated.rating {
background: url("https://i.imgur.com/dA9698f.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}

span.category-none.category {
background: url("https://i.imgur.com/dA9698f.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}

span.warning-no.warnings {
background: url("https://i.imgur.com/dA9698f.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}

span.rating-explicit.rating {
background: url("https://i.imgur.com/g0dfEaf.png");
border-radius: 95%;
border: 0px solid #71140D;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}

span.category-femslash.category {
background: url("https://i.imgur.com/FjSql20.png");
border-radius: 95%;
border: 0px solid #71140D;
height: 21px;
width: 21px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}

span.warning-yes.warnings {
background: url("https://i.imgur.com/iA3Gvvt.png");
border-radius: 95%;
border: 0px solid #71140D;
height: 21px;
width: 21px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}

span.complete-no.iswip {
background: url("https://i.imgur.com/9NfGxkh.png");
border-radius: 95%;
border: 0px solid #71140D;
height: 21px;
width: 21px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}

ul.tags li.warnings,
ul.tags li.relationships,
ul.tags li.characters,
ul.tags li.freeforms {
float: left !important;
}

li.warnings + li.relationships,
li.relationships + li.characters,
li.characters + li.freeforms,
li.warnings + li.characters,
li.warnings + li.freeforms,
li.relationships + li.freeforms {
clear: left;
}

ul.tags li {
margin: 0;
}

ul.tags li a.tag {
line-height: 1.5;
}

ul.tags li.warnings:first-child:before {
content: "❄️ · Archive Warnings: ";
color: #D1BABF;
font-weight: bold;
}

li.warnings + li.relationships:before {
content: "❄️ · Relationships: ";
color: #D1BABF;
font-weight: bold;
}

li.relationships + li.characters:before {
content: "❄️ · Characters: ";
color: #D1BABF;
font-weight: bold;
}

li.characters + li.freeforms:before {
content: "❄️ · Additional tags: ";
color: #D1BABF;
font-weight: bold;
}

li.warnings + li.characters:before {
content: "❄️ · Characters: ";
color: #D1BABF;
font-weight: bold;
}

li.warnings + li.freeforms:before {
content: "❄️ · Additional Tags: ";
color: #D1BABF;
font-weight: bold;
}

li.relationships + li.freeforms:before {
content: "❄️ · Additional Tags: ";
color: #D1BABF;
font-weight: bold;
}

#kudos_message.kudos_error,
#kudos_message.notice {
font-size: 1pt;
font-style: italic;
color: #382A2B !important;
}

#kudos_message.notice::before {
font-size: 14pt !important;
font-style: italic;
color: #F7E6EA !important;
content: "🤍 · Now what happened with this fic... I wanted. And I will not deny it.";
}

#kudos_message.kudos_error::before {
font-size: 14pt !important;
font-style: italic;
color: #F7E6EA !important;
content: "⛓️‍💥 · Just when you think it can't get any worse, you run out of Kudos...";
}

a:hover,
a:focus,
a:active {
color: inherit !important;
background: inherit !important;
text-decoration: none !important;
border: none !important;
}

html,
body,
#outer,
#inner,
#wrapper,
#main {
background: #584446 !important;
}