Actions

Work Header

Rating:
Archive Warnings:
Category:
Fandom:
Language:
English
Collections:
Ao3 Skins
Stats:
Published:
2023-07-30
Words:
266
Chapters:
1/1
Comments:
5
Kudos:
40
Bookmarks:
17
Hits:
5,319

Gothic Rose Site Skin

Summary:

Black and white floral print with dark text boxes and light colored font. This is essentially a glorified dark mode. Based off Panda Madness, free to use and mess with however you'd like.

Work Text:

 

#outer {
  background: url("https://st2.depositphotos.com/30065296/42439/v/600/depositphotos_424395918-stock-illustration-vintage-flowers-leaves-bouquet-roses.jpg");
}

#header,
#dashboard,
#main,
#footer .module {
  background: #080808;
  margin: 0.5em 2.5em;
  padding: 1em;
}

#inner .region {
  padding: 1.5em;
}

#header,
#dashboard,
#main,
#inner .group,
#footer .module,
fieldset,
.flash {
  border: 4px solid #ddd;
  outline: 0;
  border-radius: 2em;
  box-shadow: 0 -10px 0 #787878, 0 10px 0 #787878,-6px 0 0 #787878,6px 0 0 #787878, inset 0 0 5px;
  margin-bottom: 2em;
}

.blurb .module,
#inner .group .group .group,
fieldset fieldset {
  border: 0;
  box-shadow: none;
}

.group .header,
.blurb ul.tags,
.blurb blockquote,
#outer .current {
  background: #282828;
  border: 3px solid #fff;
  border-radius: 1.5em;
  padding: 0.5em;
}

.group .header {
  width: 96%;
}

#footer {
  background: none;
  border: none;
}

#header h1 {
  top: 0.5em;
  left: 0.5em;
}

#header #greeting {
  right: 2em;
}

#header h1 img {
  opacity: 0.75;
}

#header li.search {
  float: none;
  display: block;
  margin-top: 0.643em;
}

#header li.search input {
  border: none;
}

#header ul.primary a,
#header ul.primary .menu a,
#header .dropdown .menu a:hover,
#header .dropdown .menu a:focus {
  background: #1c1c1c;
}

#dashboard {
  width: 20%;
}

#main.dashboard {
  margin: auto 1.5em;
  position: relative;
  clear: none;
  float: right;
  width: 60%;
}

#outer #footer .heading,
#outer #footer .actions a,
#header ul.primary a {
  color: #900;
}

.blurb ul.required-tags li span,
.bookmark .status span,
.actions a,
.actions a:visited,
.action,
.actions input,
input[type="submit"],
button,
.current,
.actions label,
legend,
textarea,
input,
#header ul.primary a,
.icon {
  border: 1px solid #ddd;
  border-radius: 1.5em;
  box-shadow: 0 0 2px #555;
}

.icon {
  border-radius: 5em;
}

#main .index,
#header ul.primary,
#header ul.primary .menu {
  box-shadow: none;
  border: none;
  background: transparent;
}

#header .primary .menu li {
  border-bottom: none;
}