Actions

Work Header

Rating:
Archive Warning:
Fandom:
Additional Tags:
Language:
English
Stats:
Published:
2022-05-27
Updated:
2022-05-27
Words:
851
Chapters:
2/?
Kudos:
34
Bookmarks:
5
Hits:
3,164

My Site Skins

Summary:

Ch1. Beautiful Blue
Ch2. A Dark Theme with Purple and Bright Green Accents.

Made these for myself and Archiving them as a backup in case I accidentally delete them again. Might as well share them.

Chapter 1: I'm Blue

Chapter Text

#workskin hr {
  width: 100%;
  height: 2px;
  border-top: 2px solid black;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

#workskin {
  font-size: 130%;
  color: #f0f0f0;
  background: #28557d;
  padding: 15px;
}

#header .logo {
  display: none;
}

#greeting p.icon img {
  display: none;
}

#inner .filters,
#inbox-form,
.works-index .index,
.collections-index .index {
  width: 100%;
  max-width: 100%;
}

#inner .filters dt {
  width: 95%;
}

li.blurb .warnings strong {
  font-weight: bold;
  font-style: italic;
}

li.blurb {
  color: #333333;
  background: #eee;
  border-top: 2px solid black;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

li.blurb .relationships {
  font-weight: bold;
  color: #28557d;
}

li.blurb .tags {
  max-height: 10em;
  overflow-y: auto;
}

div.preface {
  margin-top: 0.5em;
  margin-bottom: 0.1em;
  margin-right: 0em;
  margin-left: 0em;
  padding: 0.2em 0.2em 0;
}

#main {
  background: #7295b5;
}

#header,
#footer,
#footer .group,
#dashboard,
#header .menu {
  background: #28557d;
  color: #eee;
}

#header ul.primary,
#outer {
  background: url("/images/skins/textures/tiles/black-noise.jpg");
}

#outer #header a {
  background: transparent;
  color: #eee;
}

#outer #header .actions .current,
#outer #header .actions a:hover,
#outer #header .actions a:focus,
#outer #header ul.actions .menu a:hover,
#outer #header ul.actions .menu a:focus {
  border: 1px solid #111;
  background: #eee;
  color: #222;
}

#dashboard a,
#dashboard span {
  color: #eee;
  background: #222;
}

#dashboard .secondary {
  background: #6181a0;
  color: #eee;
}

#dashboard a:hover {
  background: #222;
  color: #eee;
}

#dashboard .current,
.actions a:active,
#outer .current,
a.current,
.current a:visited,
span.unread,
.replied,
span.claimed,
dl.index dd,
.own,
.draft,
.draft .unread,
.child,
.unwrangled,
.unreviewed,
.ui-sortable li:hover {
  background: #6e95b5;
  border-color: #555;
  box-shadow: -1px -1px 3px #000;
}

a,
a:link,
a.tag,
#header a,
#header a:visited,
#header .primary .open a,
#header .primary .dropdown:hover a,
#header .primary .dropdown a:focus,
#header #search input:focus,
#header #search input:hover {
  color: #111;
}

a:visited,
.actions a:visited,
.action a:link,
.action a:visited,
.listbox .heading a:visited,
span.series .divider {
  color: #222;
}

.toggled form {
  background: #eee;
}

.comment h4.byline {
  background: #ddd;
  color: #000;
}

.thread .odd {
  background: #28557d;
  color: #eee;
  border: 1px solid #000;
}

.thread .even {
  background: #eee;
  color: #28557d;
  border: 1px solid #000;
}

.draft {
  border: 2px double #000;
  border-radius: 0;
  box-shadow: none;
}

.group {
  background: #eee;
  color: #28557d;
  border-top: 1px solid #000;
  box-shadow: none;
}