Actions

Work Header

Rating:
Archive Warning:
Fandom:
Character:
Additional Tags:
Language:
English
Stats:
Published:
2026-06-22
Completed:
2026-07-15
Words:
3,532
Chapters:
4/4
Comments:
13
Kudos:
52
Bookmarks:
9
Hits:
1,540

Tcf site skin

Summary:

A trash of the count’s family themed site skin. Just copy then paste it into the new skin area at the dashboard.

If there is any problems please tell me. Feel free to ask questions.

❗️Note❗️Found a mistake I made, and fixed it. Fixed version is in chapter 2. Should I delete or keep chapter 1?

❗️Update❗️ Chapter 3 is a dark mode version requested by pembaca.

❗️Note❗️Found and fixed another mistake!

❗️Update ❗️ Chapter 4 is a second dark mode version. It has a more orange gold then yellow gold.

Notes:

The art is from apeiron69 on tumblr. Here is the link https://64.media.tumblr.com/b97442bab24f8010bbd8c1b2c8a1d3e0/6a915a8d6b461df8-cb/s1280x1920/749c85fa2cd50179cf385c9c19f4721573e2e201.pnj

The inspiration came from a work Sleep_Is_Important did here on AO3. Here is the link https://archiveofourown.org/works/87057411

Chapter 1

Chapter Text

#header {
background-image: url("https://64.media.tumblr.com/b97442bab24f8010bbd8c1b2c8a1d3e0/6a915a8d6b461df8-cb/s1280x1920/749c85fa2cd50179cf385c9c19f4721573e2e201.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-color: #4C210F;
}

#header .heading {
height: 15em;
}

#header .primary {
background: #E8C169;
box-shadow: 0px 0px 10px #E8C060;
}

#header .logo,
#header .heading sup {
visibility: visible !important;
color: #E8C060 !important;
}

#header .heading a {
color: #E8C060 !important;
text-shadow: 0px 0px 10px #E8C060;
}

.event .userstuff {
background: #2C0C06;
border: 1px solid #E8C060;
}

#outer.wrapper {
background: #2C0C06;
color: #E8C060;
}

#main a {
color: #DBA347;
}

#greeting a.dropdown-toggle,
#header .actions a {
color: #E8C060 !important;
text-shadow: 0px 0px 3px #4C210F;
}

#greeting .menu,
#header .dropdown .menu,
#header .dropdown:hover a {
background: #2C0C06;
box-shadow: 0px 0px 15px #E8C060;
}

span.submit.actions input.button {
display: none;
}

#greeting img.icon {
display: none;
}

#header #search .text,
.search [role="tooltip"] {
background: #2C0C06;
box-shadow: 0px 0px 15px #E8C060;
color: #E8C060 !important;
border: 1px solid #2C0C06;
}

form.search input[type=text],
form.search input[type=submit],
.autocomplete div.dropdown ul {
background: #2C0C06 !important;
border: none;
box-shadow: 0px 0px 15px #E8C060;
color: #E8C060;
display: block;
}

#header #search .text {
width: 7em;
}

.notice,
.comment_notice,
.kudos_notice,
ul.notes,
.caution,
.error,
.comment_error,
.kudos_error,
.alert.flash {
background: #E8C060;
box-shadow: 0px 0px 15px #E8C060 !important;
color: #2C0C06;
border: 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: #A48335;
font-weight: bold;
}

.splash .module h3 {
color: #E8C060;
border-bottom: 2px solid #E8C060;
}

.splash .favorite li:nth-of-type(2n+1) a {
background: #E8C060;
box-shadow: 0px 0px 15px #E8C060;
color: #2C0C06;
font-weight: bold;
font-variant: small-caps;
}

.splash .favorite li:nth-of-type(2n+2) a {
color: #E8C060;
font-weight: bold;
font-variant: small-caps;
font-size: 110%;
}

.splash .favorite li:nth-of-type(2n+1) a:hover,
.splash .favorite li:nth-of-type(2n+2) a:hover {
color: #E8C060;
font-weight: bold;
font-variant: small-caps;
background: #424c5e;
}

#footer {
background: #3D150B;
color: #E8C060;
border-top: 3px solid #E8C060;
box-shadow: 0px 0px 15px #E8C060;
}

#footer a,
#footer .heading {
color: #E8C060;
}

.actions a,
.actions a:focus,
.actions input:focus,
.action:focus,
.actions li input,
.actions li input[type="submit"],
input[type="submit"],
.actions li label,
ul.navigation.actions li a,
.action:link,
.actions a:link {
background: #2C0C06;
border: 1px solid #E8C060;
color: #E8C060;
box-shadow: 0px 0px 15px #E8C060;
border-radius: 5px;
}

.current,
#dashboard .current {
background: #E8C060 !important;
color: #2C0C06 !important;
box-shadow: 0px 0px 15px #E8C060 !important;
border-radius: 5px;
}

#dashboard.own {
border-top: 5px solid #E8C060;
border-bottom: 5px solid #E8C060;
box-shadow: 0px 0px 15px #E8C060;
}

#dashboard a:hover {
background: #2C0C06;
box-shadow: 0px 0px 15px #E8C060;
}

#dashboard a {
color: #E8C060;
}

dl.meta {
border: 1px solid #E8C060;
box-shadow: 0px 0px 15px #E8C060;
}

.listbox .index {
background: #E8C060;
}

.listbox,
fieldset fieldset.listbox {
background: #E8C060;
box-shadow: 0px 0px 15px #E8C060;
}

form dl,
fieldset,
fieldset fieldset,
fieldset fieldset fieldset,
fieldset fieldset dl dl,
dd.hideme,
form blockquote.userstuff,
input,
select,
select:focus,
textarea,
span.symbol.question,
.own {
background: #2C0C06 !important;
color: #E8C060 !important;
border: 1px solid #E8C060;
box-shadow: 0px 0px 15px #E8C060;
}

.autocomplete li.added,
.post .meta dd ul li.added,
label,
label.required {
color: #E8C060;
}

span.delete {
background: #E8C060;
box-shadow: 0px 0px 15px #E8C060;
}

span.delete a {
color: #2C0C06 !important;
font-weight: bold;
}

.ui-sortable li,
.dynamic form,
div.dynamic {
background: #2C0C06;
border: 1px solid #E8C060;
}

.dropdown {
background: #2C0C06;
}

form.verbose legend,
.verbose form legend {
background: #E8C060;
color: #2C0C06;
box-shadow: 0px 0px 15px #E8C060;
}

li.blurb {
border: 1px solid #E8C060;
box-shadow: 0px 0px 15px #E8C060;
}

.draft {
background: #2C0C06;
color: #E8C060;
border: 2px dashed #E8C060;
box-shadow: 0px 0px 15px #E8C060;
}

.draft .wrapper {
background: #2C0C06;
border: 1px solid #E8C060;
}

#header h2 {
background: #E8C060 !important;
color: #2C0C06;
box-shadow: 0px 0px 15px #E8c060;
}

#stat_chart svg rect:first-of-type {
opacity: 60%;
}

#stat_chart g[clip-path^=url] > g:nth-of-type(2) rect,
#stat_chart svg g:nth-of-type(2) > g rect:last-of-type,
#stat_chart g[clip-path^=url] > g:nth-of-type(2) rect:first-of-type {
filter: hue-rotate(140deg);
opacity: 80% !important;
}

.statistics .index li:nth-of-type(2n) {
background: #2C0C06;
border: 1px solid #E8C060;
}

.reading h4.viewed,
dl.index dd,
table,
th,
dt.child {
background: #2C0C06;
}

#modal,
span.replied {
background: #2C0C06;
color: #E8C060;
border: 2px solid #E8C060;
box-shadow: 0px 0px 15px #E8C060;
}

h4.heading.byline {
background: #E8C060;
color: #2C0C06;
}

li.comment {
border: 1px solid #E8C060;
}

.comment div.icon {
border-bottom: 5px solid #E8C060;
box-shadow: 0px 0px 15px #E8C060;
}

.thread .even {
background: #3D150B;
}

.unread {
background: #2C0C06;
border: 5px dashed #E8C060 !important;
}

span.unread {
background: #E8C060;
color: #2C0C06;
}

span.indicator::before {
box-shadow: 0px 0px 15px #E8C060;
}

.warnings .tag,
.work .warning a.tag,
dd.warning.tags a {
border: 1px solid #E8C060;
border-radius: 5px;
background: none;
padding-left: 2px;
padding-right: 2px;
box-shadow: 0px 0px 5px #E8C060;
}

.relationships .tag,
.work .relationships a.tag,
dd.relationship.tags a {
background: none;
color: #E8C060 !important;
font-weight: bold;
text-shadow: 0px 0px 15px #E8C060;
}

.filters .expander {
background: url("https://64.media.tumblr.com/3c89981f933f9f57157d6dcec6fd85a7/94c6737c6db9ad60-e5/s1280x1920/f7557e617a5439c506721bd326580a0cb4c1f8d8.png") left center no-repeat;
color: #E8C060 !important;
font-weight: bold;
}

.filters .expanded .expander {
background: url("https://64.media.tumblr.com/dab095a2fd9387bc1e0c57747ba6b13f/94c6737c6db9ad60-ad/s1280x1920/c1a4e14e0565cdcac5d3e20bebac3ab440f2d607.png") left center no-repeat;
}