Work Text:
Main page screenshot (full size by click on)
See more screenshots
Filters
Collections
CSS code. Take from github or from the box
#header h1 sup,
#header .button,
#header .landmark,
#greeting .icon,
#header .logo {
display: none;
}
#inner.wrapper {
margin: 0em 4%;
}
#main,
.listbox .index,
.work.own,
.thread .even {
background: #E1E0E3;
}
#outer.wrapper {
padding-top: 35px;
background: #716d6a;
background-image: url("https://i.ibb.co/jkCFtNJ/02052022-treshhiny-20.png"), url("https://i.ibb.co/2qjfxp8/Fond5d4d8.png");
background-repeat: repeat-x, repeat-x;
background-position: left 70px, left 70px;
background-size: auto 220px, auto 220px;
}
#main {
border: 2px solid #fff;
box-shadow: 8px -8px #414242;
}
#header .heading {
height: 250px;
width: 220px;
margin: 10px 0px 10px 20px;
background-color: #d5d4d8;
background-image: url("https://i.ibb.co/Z1hjBmC/BT-avatar-BW.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border: 2px solid #fff;
box-shadow: 8px -8px #414242;
}
#header {
background: none;
}
#header .primary {
box-shadow: none;
background: none;
position: absolute;
top: -30px;
left: 0em;
}
#header .heading a {
position: absolute;
color: #fff;
top: -5px;
right: 20px;
}
#greeting {
background-color: #716d6a;
height: 220px;
margin: 35px 0px 0px 0px;
border-left: 2px solid #fff;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
padding: 0px 30px;
}
#greeting li {
background: none;
border-bottom: 1px dashed #fff;
clear: left;
margin-top: 1.4em !important;
}
#greeting .dropdown .menu li {
margin: 0 0.125em !important;
}
#greeting .menu {
width: 16em;
}
#header .primary li,
#header .primary li a {
color: #000 !important;
}
#greeting li,
#greeting li a {
color: #fff !important;
}
.splash .favorite li:nth-of-type(odd) a {
background: #AEAEB0;
}
.system .latest h3,
.splash .module h3,
.system .tweets h3 {
color: #000;
}
#footer {
background: none;
border: none;
}
.splash .favorite li:nth-of-type(odd) a:hover,
.splash .favorite li:nth-of-type(odd) a:focus,
a.tag:hover,
a.tag:focus,
#dashboard a:hover,
#dashboard a:focus,
#dashboard .current,
#header .dropdown .menu a:hover,
#header .dropdown .menu a:focus {
background: #414242 !important;
color: #fff !important;
}
#header .actions a:hover,
#header .actions a:focus,
#header .dropdown:hover a,
#header .open a,
#header .dropdown .menu a,
#header .dropdown .menu,
#greeting .dropdown .menu,
#greeting .dropdown .menu a {
background: #d5d4d8 !important;
color: #000 !important;
}
#dashboard,
#dashboard.own {
background: #f5f7fa;
color: #000;
border: 2px solid #fff;
box-shadow: 0 0 2px #000;
}
#header .dropdown .menu,
#greeting .dropdown .menu {
border: 1px solid #414242;
}
#greeting .current,
#greeting .dropdown:hover li,
#greeting .dropdown:focus li {
border-top: none;
border-left: none;
border-right: none;
background: #d5d4d8 !important;
color: #000 !important;
}
#dashboard ul {
background: transparent;
border: none;
}
#dashboard .secondary {
background-color: #fff;
box-shadow: none;
}
.splash .module h3,
.splash .news li,
.home .header h2,
li.comment,
dl.meta,
.bookmark .user,
#header .menu li,
#dashboard ul,
#dashboard .secondary,
ul.notes,
.flash,
.notice,
tbody tr,
thead td,
#header #small_login,
fieldset,
form dl,
fieldset dl dl,
fieldset fieldset fieldset,
fieldset fieldset dl dl,
dd.hideme,
form blockquote.userstuff,
form dt,
.actions a:active,
.current,
a.current,
.current a:visited,
.search span.tip,
.listbox,
fieldset fieldset.listbox {
border-color: #414242;
}
.comment h4.byline {
background: #AEAEB0;
}
#main .verbose legend,
.unread,
.child,
.unwrangled,
.unreviewed,
.verbose fieldset,
.draft,
form ul.notes,
#modal,
.ui-sortable li,
.comment_notice,
.kudos_notice,
div.dynamic,
#ui-datepicker-div,
.ui-datepicker table {
background-color: #AEAEB0;
border-color: #414242;
}
.flash,
.notice {
background-color: #9EA9B7;
}
form .notice,
ul.notes,
.caution {
background-color: #E0B4A4;
border-color: #C39693;
}
.alert.flash,
.error,
.comment_error,
.kudos_error {
background: #efd1d1;
color: #000;
border-color: #900;
}
h2 {
font-size: 1.286em;
line-height: 1;
margin: 0.5375em 0;
}
.listbox,
li.relationships a,
.bookmark .user,
.bookmark .user .header,
.reading h4.viewed,
.dropdown,
fieldset fieldset.listbox,
fieldset,
form dl,
fieldset dl dl,
fieldset fieldset fieldset,
fieldset fieldset dl dl,
dd.hideme,
form blockquote.userstuff,
.dynamic form fieldset,
.toggled form fieldset,
.toggled form dl,
.secondary .toggled form,
.secondary form,
.required .autocomplete {
background-color: #d5d4d8;
}
.bookmark .user {
border-radius: 5px;
}
.filters .submit input {
color: #FFF;
background: #414242;
box-shadow: 0 0 4px #000;
border: none;
}
li.blurb,
.listbox li.blurb,
li.comment,
.statistics .index li:nth-of-type(even),
dl.meta,
dl.index dd,
#ibox_wrapper,
#ibox_content,
textarea:focus,
input:focus,
select:focus {
background-color: #f5f7fa;
}
textarea,
input,
select,
option,
.toggled form,
.dynamic form,
.autocomplete .dropdown ul,
.autocomplete .dropdown ul li,
.autocomplete input {
background-color: #fff;
}
li.blurb,
.listbox li.blurb {
border: 1px solid #414242;
box-shadow: 4px -4px #414242;
}
.blurb .header {
border-bottom: 1px dashed #414242;
}
.bookmark .user .module {
border: none;
}
.reading h4.viewed,
.bookmark .user {
box-shadow: none;
}
.reading h4.viewed {
border: 1px dashed #414242;
}
.icon {
border: 2px solid #fff;
}
.comment div.icon {
border-bottom: none;
}
#workskin .notes,
dl.meta,
.reading h4.viewed,
.bookmark .user,
.comment .posted,
.comment .edited {
font-size: 90%;
}
#workskin {
text-align: justify;
}
#workskin h2 {
font-size: 2.7em;
color: #773839;
}
ul.tags li.warnings,
ul.tags li.relationships,
ul.tags li.characters,
ul.tags li.freeforms {
float: left !important;
margin: 0;
padding: 2px;
}
li.warnings + li.relationships,
li.relationships + li.characters,
li.characters + li.freeforms,
li.warnings + li.characters,
li.warnings + li.freeforms,
li.relationships + li.freeforms {
clear: left;
}
ul.tags li.warnings:first-child:before {
content: "Warnings: ";
color: #000;
font-family: Georgia,serif;
font-weight: 600;
}
li.warnings + li.relationships:before {
content: "Relationships: ";
color: #000;
font-family: Georgia,serif;
font-weight: 600;
}
li.relationships + li.characters:before {
content: "Characters: ";
color: #000;
font-family: Georgia,serif;
font-weight: 600;
}
li.characters + li.freeforms:before {
content: "Other tags: ";
color: #000;
font-family: Georgia,serif;
font-weight: 600;
}
li.warnings + li.characters:before {
content: "Characters: ";
color: #000;
font-family: Georgia,serif;
font-weight: 600;
}
li.warnings + li.freeforms:before {
content: "Other tags: ";
color: #000;
font-family: Georgia,serif;
font-weight: 600;
}
li.relationships + li.freeforms:before {
content: "Other tags: ";
color: #000;
font-family: Georgia,serif;
font-weight: 600;
}
li.blurb blockquote p:first-child::before {
content: "About: ";
color: #000;
font-size: 95%;
font-family: Georgia,serif;
font-weight: 600;
}
.blurb ul.series::before {
content: "Series: ";
color: #000;
font-family: Georgia,serif;
font-weight: 600;
}
.blurb .fandoms::before {
content: "Fandom: ";
color: #000;
font-family: Georgia,serif;
font-weight: 600;
}
#header h2 {
background-color: #E0B4A4 !important;
box-shadow: 0 0 2px #000;
}
How to try on. Press the buttons: 1. Hi, nickname, 2. My Dashboard, 3. Skins, 4. Create Site Skin. Simply copy and paste the CSS code provided and press Use. You can return to the default ao3 skin by pressing the button Stop Using.
RU. Как примерить скин
Последовательно выбрать: 1. Hi, nickname, 2. My Dashboard, 3. Skins, 4. Create Site Skin. Скопировать и вставить код, нажать Use. В любой момент можно отменить скин и вернуться к стандартному через кнопку Stop Using.