Work Text:
This skin was adapted off of Vaporwave, a skin created by the user ElectricAlice. You can find the original in the notes, or as an inspired work.
Please note that not every feature on the archive may be covered by this skin.
CSS
.wrapper {
background: #44325e;
background-size: auto auto, 6000px 6000px;
background-repeat: no-repeat, repeat;
background-position: bottom right, top center;
}
#outer.wrapper {
background: linear-gradient(#58e8ed);
background-size: 6000px 8000px;
}
#header {
background: linear-gradient(#05192D,#b967ff,#05192D);
background-image: url(https://64.media.tumblr.com/5437966a717ebdcbc159761064287aed/6d0326ff70dc2b46-9a/s640x960/af4d782325814df4b7d1bd2c7ec1625447c80d05.gif);
background-size: 100% auto;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
margin: 0px;
}
#header .primary,
.blurb .header {
background: transparent;
box-shadow: none;
}
li.blurb,
li.comment {
border-radius: 8px;
background: #6b5094;
margin-bottom: 20px;
box-shadow: -3px -3px 5px #8e78ad;
}
#header a,
#header a:visited,
#header .current,
#header .primary .open a,
#header .primary .dropdown:hover a,
#header .primary .dropdown a:focus {
color: #6b5094;
font-family: verdana;
letter-spacing: 0.25em;
}
#header .menu,
#small_login,
#header .dropdown:hover .current+.menu {
color: #c6b3e3;
background-color: #c6b3e3;
background-size: 100px 100px;
padding: 10px;
}
body {
font-family: verdana;
font-size: 1em;
color: white;
}
.listbox,
fieldset,
fieldset dl dl,
fieldset fieldset,
fieldset fieldset fieldset,
fieldset fieldset dl dl,
dd.hideme,
form blockquote.userstuff,
form.verbose legend,
.verbose form legend,
dl.meta,
.dashboard .index,
.latest.news.module,
.favorite.module.odd,
.latest.messages.module.odd,
.latest.tweets.module {
border-radius: 13px;
background: #6b5094;
box-shadow: -3px -3px 5px #8e78ad;
border-color: transparent;
}
ul.work.navigation.actions,
.feedback ul.actions {
padding-bottom: 0;
padding-top: 0;
z-index: 3;
position: relative;
}
.listbox .index,
fieldset fieldset,
fieldset dl dl,
form blockquote.userstuff,
fieldset fieldset.listbox,
div.comment,
li.comment,
.comment h4.byline,
#workskin .module,
.thread .even,
dl.index dd,
.text .wrapper .news .wrapper,
.news dl.meta {
border-radius: 10px;
background-color: #6b5094;
border-color: transparent;
box-shadow: -3px -3px 5px #8e78ad;
}
li.blurb,
fieldset,
form dl,
div.comment,
li.comment {
border-color: transparent;
border-radius: 13px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading,
#dashboard.own {
font-family: verdana;
word-wrap: break-word;
border-radius: 13px;
}
h1,
h2,
h3,
h4,
.heading {
letter-spacing: 0.1 em;
}
.splash .module h3 {
color: white;
}
.actions a,
.actions a:link,
.actions a:visited,
.action,
.action:link,
button,
.current,
.actions label,
.actions input,
input[type="submit"],
input {
background: #ccbce3;
}
input[type=email],
input[type=password],
input[type=text],
select {
padding: 3px 4px;
background-color: #6b5094;
box-sizing: border-box;
}
textarea {
padding: 3px 4px;
background-color: #c6b3e3;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 13px;
}
#header .heading a {
font-weight: bold;
font-size: 3em;
line-height: 120px;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
display: inline;
background-image: linear-gradient(to right, #6a3cc7, #2990cc, #a538c9, #3d38c9);
}
#header .heading {
display: block;
margin: auto;
float: none;
text-align: center;
position: relative;
z-index: 2;
}
#header .logo {
display: none;
background-color: #ccbce3;
}
a,
a:link,
a:visited,
a.tag {
color: #ede9f5;
text-decoration: none;
border-bottom: 1px solid;
border-radius: none;
}
a.tag {
border-bottom: 1px dashed;
}
.blurb h4 a:link,
.blurb h4 img,
#dashboard ul,
#dashboard a,
#dashboard span {
color: #ede9f5;
font-weight: normal;
border-radius: 13px;
}
a:hover,
#header a:hover,
a.tag:hover,
.listbox .heading a.tag:visited:hover,
.splash .favorite li:nth-of-type(odd) a:hover,
.splash .favorite li:nth-of-type(odd) a:focus {
color: white;
background: linear-gradient(to bottom right, #05192D,#b967ff);
}
li.relationships a {
background: #6b5094;
}
.home .header h2,
#header .menu li {
border: none;
border-bottom: none;
color: white;
}
#header .user a:hover,
#header .user a:focus,
#header .user .current {
color: white;
}
.required,
.error,
.alert.flash {
color: #7a5da6;
}
div.preface .title,
div.preface .byline,
div.preface .byline a {
color: white;
}
#footer {
background: linear-gradient(#ff9ed5 1px, transparent 1px),linear-gradient(to right, #ff9ed5 1px, #05192D 1px);
background-size: 25px 25px;
border-top: transparent;
}
#footer .module {
border-radius: 14px;
background: #05192D;
box-shadow: 15px 15px 30px #030d17,-15px -15px 30px #072543;
}
table,
th,
tr:hover,
col.name {
background: transparent !important;
border-radius: 5px;
}
tr,
th {
border: 1px solid white;
}
thread,
tfoot {
border-bottom: 1px solid white;
border-radius: 5px;
}
.splash .favorite li:nth-of-type(odd) a {
background-color: #c6b3e3;
}
#dashboard.own {
border-top: none;
border-bottom: none;
position: relative;
z-index: 1;
}
#dashboard ul {
border-top: 1px dashed #c6b3e3;
}
#header .open .menu,
#header .dropdown:hover .menu,
.open+#small_login,
#header .menu li {
width: auto;
}
p.kudos {
background-color: #6b5094;
border-radius: 5px;
border: 2px grey;
}
#main {
border-radius: 13px;
box-shadow: -3px -3px 5px #8e78ad;
border-color: transparent;
word-break: break-all;
}
.filters .expander {
background-color: #c6b3e3;
border-radius: 13px;
}
.userstuff p {
word-break: normal;
}