Actions

Work Header

Rating:
Archive Warning:
Category:
Fandoms:
Additional Tags:
Language:
English
Collections:
Ao3 Skins
Stats:
Published:
2026-02-14
Words:
3,494
Chapters:
1/1
Kudos:
2
Hits:
544

Sepia + Tide Site Skin

Notes:

I really like the beige skin, and I mixed it with another of my favourite tide skin, although not much, because I don't understand codes and don't want to accidentally ruin something. I'll leave the comments open if you know how and where to fix things. The code itself:

(See the end of the work for more notes.)

Work Text:

body,

.javascript,
#outer {
  background: #eedfcd;
  color: #231a10;
}

ul.tags.commas,
ul.tags,
ul.commas {
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

h2,
.userstuff h2 {
  color: #5c452a;
}

h3,
.userstuff h3 {
  color: #5c452a;
  border-bottom: 0.25em double #b99d7e;
}

h5,
.userstuff h5 {
  color: #5c452a;
}

hr,
.userstuff hr {
  border: 1px solid #b99d7e;
}

span.symbol {
  vertical-align: middle;
  line-height: 2em;
  font-size: 11pt;
}

span.question {
  color: #231a10;
  background: #c9b49c;
  border-color: #5c452a;
  box-shadow: none;
}

a.help.symbol:hover,
a.help.question:hover {
  background: none;
  border-bottom: none;
}

blockquote,
.userstuff blockquote {
  border-color: #b99d7e;
  color: #231a10;
}

table {
  background: #b99d7e;
}

thead tr th,
.creatorships tbody tr th {
  background: #b99d7e;
}

th {
  background: #e4d2be;
}

td {
  background: #e4d2be;
  color: #231a10;
}

tbody tr:hover,
tr:hover,
td:hover {
  background: transparent;
}

.userstuff tbody tr:hover,
.userstuff tr:hover,
.userstuff th:hover,
.userstuff td:hover {
  background: transparent;
  border: none;
}

table,
thead,
tfoot,
tbody tr,
tbody tr:hover,
th,
td {
  border: 1px solid #2e2809;
}

a,
a:link,
a:visited,
.work .heading a,
.work .heading a:link,
.work .heading a:visited,
.blurb .heading a,
.blurb .heading a:link,
.blurb .heading a:visited,
.preface .byline a,
.preface .byline a:link,
.preface .byline a:visited,
.listbox .heading a,
.listbox .heading a:link,
.listbox .heading a:visited {
  color: #5c452a;
}

.work .blurb .module h4.heading a:visited,
.bookmark .blurb .module h4.heading a:visited {
  color: #a78661;
}

.blurb .module .heading a,
.blurb .module .heading a:link,
.work .blurb .module .heading a[rel=author]:visited,
.bookmark .blurb .module .heading a[rel=author]:visited {
  color: #5c452a;
}

a:hover,
a:link:hover,
a:visited:hover,
.work .heading a:hover,
.work .heading a:link:hover,
.work .heading a:visited:hover,
.work .module .heading a:hover,
.work .module .heading a:link:hover,
.work .module .heading a:visited:hover,
.work .blurb .module h4.heading a:hover,
.work .blurb .module h4.heading a:link:hover,
.work .blurb .module h4.heading a:visited:hover,
.bookmark .blurb .module h4.heading a:hover,
.bookmark .blurb .module h4.heading a:link:hover,
.bookmark .blurb .module h4.heading a:visited:hover,
.blurb .heading a:hover,
.blurb .heading a:link:hover,
.blurb .heading a:visited:hover,
.preface .byline a:hover,
.preface .byline a:link:hover,
.preface .byline a:visited:hover,
.listbox h3.heading a:hover,
.listbox h3.heading a:link:hover,
.listbox h3.heading a:visited:hover {
  background: #c9b49c;
  color: #231a10;
  border-bottom: 1px solid;
}

a.tag,
a.tag:link,
a.tag:visited {
  color: #5c452a;
}

a.tag:hover,
a.tag:link:hover,
a.tag:visited:hover,
.listbox .heading a.tag:hover,
.listbox .heading a.tag:link:hover,
.listbox .heading a.tag:visited:hover {
  background: #c9b49c;
  color: #231a10;
  border-bottom: 1px solid;
}

#header {
  background: #c9b49c;
}

#header .heading a {
  color: #990000;
}

#header .primary {
  background: #5c452a;
}

#header .primary a {
  color: #e4d2be;
}

#header .user a,
#header .user a.dropdown-toggle,
#header .user a.dropdown-toggle:link,
#header .user a.dropdown-toggle:visited {
  color: #990000;
}

#header .user a:hover,
#header .user a.dropdown-toggle:hover,
#header .user a.dropdown-toggle:link:hover,
#header .user a.dropdown-toggle:visited:hover {
  background: transparent;
  color: #990000;
}

#header .menu li a:hover,
#header .menu li a:link:hover,
#header .menu li a:visited:hover {
  color: #231a10;
}

#greeting .user li a:hover {
  color: #990000;
}

#header .menu {
  background: #e4d2be;
}

#header .menu a,
#header .menu a:link,
#header .menu a:visited {
  color: #231a10;
  background: #e4d2be;
}

#header .menu li {
  border-bottom: 1px solid #b99d7e;
}

#header .actions a:hover,
#header .actions a:focus,
#header .dropdown:hover a,
#header .open a {
  background: #e4d2be;
  color: #231a10;
}

#header .primary .open a,
#header .primary .dropdown:hover a,
#header .primary .dropdown a:focus {
  color: #231a10;
}

#header .dropdown .menu a:hover,
#header .dropdown .menu a:focus {
  background: #eedfcd;
}

input a,
input a:link,
input a:visited,
input[type="submit"],
.actions a,
.actions a:link,
.actions a:visited,
.action,
.action a,
.action a:link,
.action a:visited,
.action:link,
.actions button,
.actions input,
.actions label,
button,
.current {
  color: #231a10;
  background: #c9b49c;
  border: 1px solid #c9b49c;
  padding: 0.25em 0.4em 0.25em 0.4em;
}

:focus-visible {
  outline: none;
}

#header #search .button {
  color: #231a10;
  background: #c9b49c;
  border: 1px solid #c9b49c;
}

.actions a:hover,
.actions a:visited:hover,
.actions button:hover,
.actions input:hover,
.actions a:focus,
.actions button:focus,
.actions input:focus,
label.action a:hover,
label.action a:visited:hover,
label.action:hover,
label.action:visited:hover,
.action a:hover,
.action a:visited:hover,
.action a:focus,
.action:hover,
.action:focus {
  color: #231a10;
  border-top: 1px solid #5c452a;
  border-left: 1px solid #5c452a;
  box-shadow: inset 1px 1px 2px #5c452a;
}

.actions a:active,
.current,
a.current,
a:link.current,
.current a:visited {
  border-color: #5c452a;
  background: #5c452a;
  color: #eedfcd;
  box-shadow: inset 1px 1px 2px #5c452a;
}

a.action.modal-closer:hover,
a.advanced_skin_open.action.hidden:hover,
a.advanced_skin_close.action.hidden:hover {
  border-color: #5c452a;
  background: #5c452a;
  color: #eedfcd;
  box-shadow: inset 1px 1px 2px #5c452a;
}

#footer {
  background: #c9b49c;
  color: #231a10;
  border-top: 2px solid #5c452a;
}

#footer .heading,
#footer a,
#footer a:link,
#footer a:visited,
#footer button {
  background: transparent;
  color: #231a10;
}

#dashboard {
  margin-top: 15px;
  padding: 1em;
}

#dashboard,
#dashboard a,
#dashboard.own {
  border: none;
  background: #c9b49c;
  color: #5c452a;
  font-size: 95%;
}

#dashboard ul {
  border-top: none;
}

#dashboard .current {
  background: #5c452a;
  color: #eedfcd;
  font-size: 95%;
}

#dashboard a:hover,
#dashboard a:link:hover,
#dashboard a:visited:hover {
  background: #b99d7e;
  color: #231a10;
}

.secondary,
#dashboard .secondary {
  background: #b99d7e;
  box-shadow: none;
  border: 1px solid #5c452a;
}

#dashboard .secondary a {
  margin: 5px;
}

#dashboard .secondary a:hover,
#dashboard .secondary a:link:hover,
#dashboard .secondary a:visited:hover {
  background: #5c452a;
  color: #eedfcd;
}

.filters .expander {
  color: #5c452a;
}

.filters input:checked + .indicator + span {
  font-weight: inherit;
  background: #b99d7e;
  color: #231a10;
}

.filters .submit input {
  background: #c9b49c;
}

.filters .group dt.bookmarker {
  border: none;
}

li.relationships a,
li.relationships a:link,
li.relationships a:visited,
dd.relationship a,
dd.relationship a:link,
dd.relationship a:visited {
  background: #c9b49c;
  color: #5c452a;
}

.work .wrapper li.relationships a,
.work .wrapper li.relationships a:link,
.work .wrapper li.relationships a:visited,
.work .wrapper dd.relationship a,
.work .wrapper dd.relationship a:link,
.work .wrapper dd.relationship a:visited,
.works-show .wrapper li.relationships a,
.works-show .wrapper li.relationships a:link,
.works-show .wrapper li.relationships a:visited,
.works-show .wrapper dd.relationship a,
.works-show .wrapper dd.relationship a:link,
.works-show .wrapper dd.relationship a:visited {
  background: #c9b49c;
}

li.relationships a:hover,
li.relationships a:link:hover,
li.relationships a:visited:hover,
dd.relationship a:hover,
dd.relationship a:link:hover,
dd.relationship a:visited:hover,
.work .wrapper li.relationships a:hover,
.work .wrapper li.relationships a:link:hover,
.work .wrapper li.relationships a:visited:hover,
.work .wrapper dd.relationship a:hover,
.work .wrapper dd.relationship a:link:hover,
.work .wrapper dd.relationship a:visited:hover,
.works-show .wrapper li.relationships a:hover,
.works-show .wrapper li.relationships a:link:hover,
.works-show .wrapper li.relationships a:visited:hover,
.works-show .wrapper dd.relationship a:hover,
.works-show .wrapper dd.relationship a:link:hover,
.works-show .wrapper dd.relationship a:visited:hover {
  background: #b99d7e;
  color: #231a10;
  border-bottom: 1px solid;
}

.javascript .work.navigation .expanded + .secondary {
  background: #a78661;
  box-shadow: none;
  border: 1px solid #5c452a;
}

span.delete {
  box-shadow: none;
}

.delete a,
span.delete a,
dd.relationship span.delete a,
li.relationships span.delete a {
  background: #c9b49c;
  color: #5c452a;
  border-radius: 0.9em;
  padding: 0 0.35em 0.15em 0.325em;
  box-shadow: none;
}

.delete a:hover,
span.delete a:hover,
dd.relationship span.delete a:hover,
li.relationships span.delete a:hover {
  background: #5c452a;
  color: #eedfcd;
  border: none;
}

input,
textarea,
#header input,
select,
input:focus,
textarea:focus,
select:focus {
  background-color: #f3efec;
  background-image: none;
  border: 1px solid #b99d7e;
  box-shadow: none;
}

.actions input:focus,
p.submit input:focus {
  color: #eedfcd;
  background: #5c452a;
}

#header #search input:focus {
  background-color: #f3efec;
}

form.simple.search input[type="text"] {
  background: #f3efec;
  border: none;
  max-width: 11em;
  margin-right: 5px;
  margin-left: 4px;
}

fieldset,
form dl,
fieldset dl dl,
fieldset fieldset,
fieldset fieldset fieldset,
fieldset fieldset dl dl,
.listbox,
.listbox .index,
fieldset fieldset.listbox,
li.blurb,
dd.hideme,
form blockquote.userstuff,
form dt,
form.single fieldset,
dl.meta,
dl.index dt,
dl.index dd,
.faq .example,
.guideline .example {
  background-color: transparent;
  border-color: #5c452a;
  box-shadow: none;
}

fieldset,
fieldset fieldset,
fieldset fieldset.listbox,
.listbox.group {
  border: 1px solid #5c452a;
}

form.filters fieldset {
  background: #e4d2be;
  border: 1px solid #5c452a;
}

.works-show .wrapper,
.work .wrapper,
.series-show .wrapper {
  background-color: #e4d2be;
  border-color: #5c452a;
  box-shadow: none;
}

.listbox .heading {
  width: 100%;
}

.listbox h3.heading,
.listbox h3.heading a,
.listbox h3.heading a:link,
.listbox h3.heading a:visited {
  color: #231a10;
  border-bottom: 0.25em double #231a10;
  width: 100%;
  background: #b99d7e;
}

.listbox h4.heading {
  color: #231a10;
  width: 100%;
  background: #b99d7e;
}

.listbox h4.heading a,
.listbox h4.heading a:link,
.listbox h4.heading a:visited {
  color: #231a10;
}

.listbox h4.heading a:hover,
.listbox h4.heading a:link:hover,
.listbox h4.heading a:visited:hover {
  background: #5c452a;
  color: #eedfcd;
  border-bottom: none;
}

.listbox h5.heading,
.fandom.listbox h5.heading {
  color: #231a10;
  width: 100%;
  background: #b99d7e;
  border-bottom: 1px solid #231a10;
}

.toggled h4.heading,
.dynamic h4.heading,
.toggled h5.heading,
.dynamic h5.heading {
  background: transparent;
}

.listbox .heading .action a,
.listbox .heading .action a:link,
.listbox .heading .action a:hover,
.listbox .heading .action a:visited,
.listbox .heading .actions a,
.listbox .heading .actions a:link,
.listbox .heading .actions a:hover,
.listbox .heading .actions a:visited,
.listbox .heading span.actions a,
.listbox .heading span.actions a:link,
.listbox .heading span.actions a:hover,
.listbox .heading span.actions a:visited {
  color: #231a10;
}

.listbox h3.heading .action a,
.listbox h3.heading .action a:link,
.listbox h3.heading .action a:visited {
  border: none;
  background: transparent;
  color: #231a10;
}

.listbox h5.heading .actions a,
.listbox h5.heading .actions a:link,
.listbox h5.heading .actions a:visited {
  color: #231a10;
  font-weight: bold;
}

form.verbose legend,
.verbose form legend {
  background: #5c452a;
  border: 1px solid #231a10;
  box-shadow: none;
  color: #eedfcd;
}

.autocomplete div.dropdown ul {
  background: #c9b49c;
  border: 1px solid #5c452a;
  color: #231a10;
}

form li ul.autocomplete li.input {
  border: none;
}

.autocomplete .dropdown ul li:hover,
.autocomplete .dropdown li.selected {
  background: #b99d7e;
  color: #231a10;
}

.required .autocomplete,
.autocomplete .notice {
  color: #231a10;
}

input[type="file"] {
  background-color: inherit;
  box-shadow: none;
  border-color: #5c452a;
  opacity: 0.6;
}

.autocomplete .notice {
  margin-top: 0 !important;
  margin-bottom: 0;
  background-color: #c9b49c;
}

p.character_counter {
  color: #5c452a;
}

.post .required .warnings {
  color: #231a10;
  background: #c9b49c;
}

.tag,
.required .tag {
  color: #5c452a;
  padding: 4px;
}

form dd.required {
  color: #5c452a;
}

.footnote {
  color: #eedfcd;
}

.draft {
  border: 3px dashed #5c452a;
}

.wrapper {
  box-shadow: none;
}

.announcement .action {
  color: #990000;
}

.own,
.draft,
.draft .wrapper,
.unread,
.child,
.unwrangled,
.unreviewed {
  background: none;
  box-shadow: none;
}

label.action {
  padding: 0.3em 0.35em 0.65em 0.375em;
}

.notice,
form .notice,
.comment_notice,
.kudos_notice,
ul.notes,
.caution,
.error,
.comment_error,
.kudos_error,
.alert.flash {
  background: #e4d2be;
  color: #5c452a;
  border-color: #5c452a;
  box-shadow: none;
}

.ui-sortable li,
.ui-sortable li:hover {
  background: none;
  border: 1px solid #5c452a;
  box-shadow: none;
}

div.comment,
li.comment {
  border: 1px solid #5c452a;
}

.comment fieldset {
  border-color: transparent;
}

.comment div.icon {
  margin-right: 1em;
  background: #c9b49c;
  border-bottom: none;
}

.comment div.icon a:hover,
.comment div.icon a:link:hover,
.comment div.icon a:visited:hover {
  background: none;
  border: none;
}

.comment h4.byline {
  background: #c9b49c;
}

.comment h4.byline a,
.comment h4.byline a:link,
.comment h4.byline a:visited {
  color: #5c452a;
}

.comment h4.byline a:hover,
.comment h4.byline a:link:hover,
.comment h4.byline a:visited:hover {
  background: #5c452a;
  color: #eedfcd;
  border: none;
}

.creatorships a,
.creatorships a:link,
.creatorships a:visited {
  color: #231a10;
}

span.unread,
span.replied,
span.claimed,
.actions span.defaulted {
  background: #e4d2be;
  border: 1px solid #b99d7e;
}

span.unread {
  font-weight: bold;
}

span.offered,
span.replied,
.nominations .approved {
  color: #231a10;
}

span.requested,
.nominations .rejected {
  color: #990000;
}

span.offered.requested {
  color: #231a10;
}

.thread .odd {
  background: transparent;
}

.thread .even {
  background: #e4d2be;
}

.reading h4.viewed {
  background: #c9b49c;
  color: inherit;
}

span.series .divider,
span.series .position {
  color: #231a10;
}

.statistics .index li:nth-of-type(even) {
  background: #e4d2be;
  border-bottom: 1px dotted #5c452a;
  border-top: 1px dotted #5c452a;
}

.bookmark .user {
  border: 1px dotted #5c452a;
  background-color: #e4d2be;
}

.bookmark .user .byline {
  background: transparent;
  border: none;
}

.bookmark .count a,
.bookmark .count a:link,
.bookmark .count a:visited {
  color: #5c452a;
}

.bookmark .count a:hover,
.bookmark .count a:link:hover,
.bookmark .count a:visited:hover {
  background: #5c452a;
  color: #eedfcd;
  border: none;
}

.toggled form,
.dynamic form {
  border: 1px solid #5c452a;
  background-color: #e4d2be;
  box-shadow: none;
  color: #231a10;
}

.bookmark .dynamic {
  background: inherit;
}

.toggled form p.footnote,
.dynamic form p.footnote {
  padding: 0 0 15px 0;
  color: #5c452a;
}

.toggled form .autocomplete li.added,
.dynamic form .autocomplete li.added {
  color: #5c452a;
}

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

#ui-datepicker-div {
  background: #c9b49c;
  border: 1px solid #5c452a;
  box-shadow: none;
}

.ui-datepicker table {
  background: #c9b49c;
}

.ui-datepicker thead {
  border: none;
}

.ui-datepicker-header a:hover,
.ui-datepicker-header a:link:hover,
.ui-datepicker-header a:visited:hover {
  background: #b99d7e;
}

.ui-datepicker th {
  background-color: transparent;
  border-color: #5c452a;
}

.ui-datepicker td {
  border: 1px solid #5c452a;
}

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

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

.ui-datepicker td a,
.ui-datepicker td a:link,
.ui-datepicker td a:visited {
  color: #5c452a;
}

.ui-datepicker td a:hover,
.ui-datepicker td a:link:hover,
.ui-datepicker td a:visited:hover {
  background: transparent;
  color: #231a10;
}

#modal {
  background: #e4d2be;
  border: 10px solid #b99d7e;
}

#modal .content,
#modal .content dl {
  border-color: #5c452a;
}

.search [role="tooltip"] {
  background: #b99d7e;
  border: 1px solid #5c452a;
  color: #231a10;
}

.splash .favorite a,
.splash .favorite a:link,
.splash .favorite a:visited,
.splash .favorite li:nth-of-type(odd) a,
.splash .favorite li:nth-of-type(odd) a:link,
.splash .favorite li:nth-of-type(odd) a:visited {
  background-color: #c9b49c;
  border-bottom: 1px dotted #5c452a;
  color: #231a10;
}

.splash .favorite a:hover,
.splash .favorite a:link:hover,
.splash .favorite a:visited:hover,
.splash .favorite li:nth-of-type(odd) a:hover,
.splash .favorite li:nth-of-type(odd) a:link:hover,
.splash .favorite li:nth-of-type(odd) a:visited:hover {
  background-color: #5c452a;
  color: #eedfcd;
  border-bottom: 1px dotted #231a10;
}

.splash .news li,
.splash .module h3 {
  border-bottom: 1px solid #5c452a;
}

.splash .module h3 {
  color: #990000;
}

#header h2.collections {
  display: none;
}

#workskin #work_endnotes,
#workskin .preface .notes,
#workskin .preface .summary {
  font-size: 95%;
}

dl.subscription {
  border: 1px solid #5c452a;
}

dl.subscription dt {
  background: #e4d2be;
  padding: 10px;
}

.blurb .header .heading img,
.preface h2.title img,
h2.heading img {
  content: url("https://images.squidge.org/images/2025/09/05/lockgrey.png");
}

.blurb .header .heading,
.blurb .header ul {
  width: auto;
  border: none;
  color: #231a10;
}

ul.cloud {
  border: 1px solid #5c452a;
  padding: 10px;
  background-color: #c9b49c;
  max-width: 95%;
}

ul.cloud a.tag,
ul.cloud a.tag:link,
ul.cloud a.tag:visited {
  border: inherit;
}

ul.cloud a.tag:hover,
ul.cloud a.tag:link:hover,
ul.cloud a.tag:visited:hover {
  background-color: #b99d7e;
  color: #231a10;
}

a.cloud1.tag {
  color: #83511a;
}

a.cloud2.tag {
  color: #794914;
}

a.cloud3.tag {
  color: #6f4314;
}

a.cloud4.tag {
  color: #653e14;
}

a.cloud5.tag {
  color: #673c0d;
}

a.cloud6.tag {
  color: #71420e;
}

a.cloud7.tag {
  color: #5d360c;
}

a.cloud8.tag {
  color: #552c00;
}

.required-tags .rating-general-audience {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -50px -25px;
}

.required-tags .rating-explicit {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -25px -25px;
}

.required-tags .rating-mature {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -75px -25px;
}

.required-tags .rating-notrated,
.required-tags .category-none,
.required-tags .warning-no,
.status .count {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -150px 0px;
}

.required-tags .rating-teen {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat 0px -25px;
}

.required-tags .category-femslash {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -25px 0px;
}

.required-tags .category-gen {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -50px 0px;
}

.required-tags .category-slash {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat 0px 0px;
}

.required-tags .category-het {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -75px 0px;
}

.required-tags .category-multi {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -100px -0px;
}

.required-tags .category-other {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -125px 0px;
}

.required-tags .complete-no {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -100px -25px;
}

.required-tags .complete-yes {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -175px -25px;
}

.required-tags .warning-yes {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -150px -25px;
}

.required-tags .warning-choosenotto {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -125px -25px;
}

.required-tags .external-work {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -75px -50px;
}

.status .private .text {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -175px -50px;
}

.status .public {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -125px -50px;
}

.status .hidden {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -150px -50px;
}

.status .rec {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -100px -50px;
}

.index .skins .icon {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat 0px -580px;
}

.index .mystery .icon {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -110px -525px;
}

.index .tag .icon,
.index .tagset .icon {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -55px -580px;
}

.tag .primary .icon,
.tagset .primary .icon {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat 0px -275px;
}

.comment .icon .anonymous {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -0px -735px;
}

.comment .icon .visitor {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat 0px -635px;
}

.abbreviated .icon .anonymous {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat -75px -450px;
}

.abbreviated .icon .visitor {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat 0px -450px;
}

.skins .primary .icon {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat 0px -175px;
}

.admin .primary .icon {
  background: url("https://images.squidge.org/images/2025/11/08/imageset-sepia.png") no-repeat 100px -75px;
}

#workskin,
.userstuff {
  font-size: 125%;
}

h4 {
  font-size: 1.2em;
}

div#inner,
#workskin,
.collection blockquote.userstuff,
.blurb .userstuff,
.news .userstuff,
.system .userstuff {
  width: 100% !important;
}

#footer .module {
  max-width: 40%;
  margin: auto;
}

#footer .heading {
  overflow-wrap: break-word;
}

#header {
  font-size: 110%;
}

#header .search {
  display: block;
}

#header .heading,
#login,
#greeting,
#header .primary {
  display: block;
  margin: auto;
  width: 100%;
  text-align: center;
  float: none;
}

#login,
#greeting {
  padding: 0;
}

#header .dropdown .menu a,
#header .dropdown .menu .current {
  white-space: nowrap;
}

#header .user {
  float: none;
  text-align: center;
}

#header .menu,
#small_login,
#header .dropdown:hover .current + .menu {
  width: auto;
}

.primary li:nth-of-type(4) .menu {
  margin-left: -110px;
}

#header .menu {
  left: initial;
}

.home .header .userstuff,
.home .header dl.stats,
.home .header .type {
  margin-left: auto;
}

.home .header h2 {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  text-align: center;
  word-break: break-word;
}

.home .header ul.actions,
ul.actions,
p.actions,
li.actions,
span.actions,
fieldset.actions,
dd.actions {
  float: none;
}

.news h4.landmark {
  display: none;
}

.user h2.heading,
.admin h2.heading,
.collection h2.heading {
  margin: 10px auto;
  text-align: center;
}

div.preface {
  margin: 1.5em;
}

#dashboard,
#dashboard.own {
  border-bottom: 0px;
  border-top: 0px;
  border: 0px;
}

.blurb .header .heading {
  margin: 0.375em 0.375em;
  overflow-wrap: break-word;
}

.blurb .datetime {
  position: initial;
  text-align: center;
  margin-top: 5px;
}

*/ h5.fandoms.heading {
  color: transparent;
}

.blurb h4.heading {
  text-align: center;
  padding: 10px 0;
  line-height: 150%;
}

.blurb h4.heading a {
  display: inline-block;
  font-size: 100%;
  border-radius: 5px;
}

.blurb h4.heading a:first-of-type {
  display: block;
  font-size: 140%;
  margin-bottom: 10px;
}

.blurb .header .heading {
  margin: 0.375em 5.25em;
}

h5.fandoms.heading {
  text-align: center;
}

.splash blockquote.userstuff.summary {
  width: 95%;
  margin: auto 10px;
}

a.tag {
  word-break: break-word;
}

.blurb h4.heading a {
  word-break: break-word;
}

.blurb h4.heading,
.blurb .header .heading {
  margin: 0;
}

.blurb ul.required-tags {
  position: initial;
  top: initial;
  text-align: center;
  display: inline-block;
  width: 100%;
  margin: auto;
}

.blurb ul.required-tags li + li + li,
.blurb ul.required-tags li + li + li + li {
  position: initial;
  left: initial;
}

.blurb ul.required-tags li {
  display: inline-flex;
}

.bookmark p.status {
  position: relative;
  right: initial;
  z-index: initial;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: center;
}

.bookmark .status span,
.bookmark .status a {
  display: inline-block;
}

.bookmark span.count {
  line-height: initial;
  position: initial;
  top: initial;
  left: initial;
  text-align: center;
}

.bookmark .status a:focus {
  overflow: initial;
}

.bookmark .status .count {
  background: none;
}

.blurb .header h5.fandoms {
  margin: 0px;
}

.blurb .header p.notice,
.blurb ul.series {
  margin: 10px 0;
}

.blurb .tags li {
  padding-left: 0;
  padding-right: 0;
}

.assigned.module th[scope=col],
thead th[scope=col] {
  max-width: 18px;
  overflow: hidden;
}

#wrangulator table {
  font-size: 80%;
}

#wrangulator ul.actions li a,
#wrangulator ul.actions li label {
  font-size: 70% !important;
}

tr,
th,
td,
thead,
tfoot {
  vertical-align: top;
}

#wrangulator tbody tr th {
  word-break: break-word;
}

#wrangulator tbody a.tag {
  margin: initial;
  padding: initial;
  background: initial !important;
}

.faq .userstuff .notice,
.faq .userstuff .caution,
.faq .example,
.guideline .userstuff .notice,
.guideline .userstuff .caution,
.guideline .example {
  margin: 0;
}

li.showme a.actions,
dl.stats dd,
.actions a,
.actions a:link,
.actions a:visited,
.action,
.action:link,
.action:visited {
  white-space: normal;
  height: initial;
}

p.kudos {
  background: none;
  padding: 0;
  min-height: 0;
  word-break: break-word;
}

div.preface,
.preface.group blockquote.userstuff {
  margin: 0;
}

.chapter .secondary,
.download .secondary {
  top: initial;
  right: 0;
  margin: 10px;
}

.chapter .expandable.secondary,
.chapter .expandable.secondary select {
  width: 90%;
}

.skins .header .heading,
.user.pseud.picture.blurb .header .heading {
  margin: 0.375em 0.375em;
}

.userstuff dd {
  margin-inline-start: 1em;
}

.blurb dl.tags dd,
dl.meta dd {
  margin-left: 0;
}

.meta dd {
  margin: 0.643em 0;
}

.user .primary p.icon,
.admin .primary .icon,
.collection .icon {
  position: initial;
  margin: 10px auto;
}

.primary .icon {
  position: relative;
}

input#site_search {
  width: auto;
}

.comment blockquote.userstuff p {
  width: 95%;
  margin-left: 0;
  margin-block-end: 0;
  margin-block-start: 0;
  margin-block: 0;
}

.comment .icon .visitor {
  background: url(/images/imageset.png) no-repeat 0 -525px transparent;
}

.comment h4.byline {
  overflow-wrap: break-word;
}

#header .logo,
#header .heading sup,
#header h1.heading span {
  display: none;
}

#header .heading a:after {
  content: 'Storytime';
}

#header #search .button,

#header #search .submit {

  display: none;

}

.icon {

  display: none;

}

Notes:

This has been very helpful for my eyes, as I cannot tolerate white or black skin, nor other bright colours. I hope it will be beneficial for you as well!

ฅ⁠^⁠•⁠ﻌ⁠•⁠^⁠ฅ