Archive of Our Own

Fan made skin based off of the video game, Before the Night (밤이 오기 전에).

How to use: Click on your profile. Then, click on skins and click on "create skin". Then just copy and paste the code and click submit. After that, have fun using the skin.

사용방법 : 프로필을 클릭하세요. 그런 다음 스킨을 클릭하고 "스킨 만들기"를 클릭하십시오. 그런 다음 코드를 복사하여 붙여넣고 제출을 클릭하세요. 그 다음에는 스킨을 사용해 보세요.

#outer {
background: url("https://i.postimg.cc/VLRCC3W9/image-2025-01-21-231625155.png");
background-position: center;
background-size: cover;
background-attachment: fixed;
}

#header,
#dashboard,
#main,
#footer .module {
color: white;
background: rgba(244, 239, 252, 0.0);
margin: 4.5em 4.5em;
padding: 1em;
}

#inner .region {
padding: 1.5em;
}

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

.group .header,
.blurb ul.tags,
.blurb blockquote,
#outer .current {
background: #929293;
color: black;
border: 5px solid #f3f3f3;
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: #ddd;
}

#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: #540909;
}

.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;
}

body {
font-family: 'MuseumClassic Bold', sans-serif;
font-size: 16px;
color: #333;
}

h1 {
font-family: 'MuseumClassic Bold', serif;
font-size: 2em;
color: #ffffff;
}

body .work .userstuff {
font-family: 'MuseumClassic Bold', serif;
color: #e3c2e1;
background-color: #000000;
padding: 0.7em;
margin-bottom: 1.5em;
border: 4.8px solid #5a4649;
border-radius: 0.3em;
outline: 3px solid #0f0f0f;
outline-offset: -17px;
box-shadow: 0 0 0px 4.5px rgba(17, 6, 6, 255);
}

body {
background-color: #000000;
color: #ba97bc;
}

body .userstuff p {
font-family: 'MuseumClassic Bold', serif;
color: #e3c2e1;
background-color: #000000;
padding: 0.7em;
margin-bottom: 1.5em;
border: 4.8px solid #5a4649;
border-radius: 0.3em;
outline: 3px solid #0f0f0f;
outline-offset: -17px;
box-shadow: 0 0 0px 4.5px rgba(17, 6, 6, 255);
position: relative;
z-index: 1;
}

a:link {
color: #ffffff;
}

.module {
color: white;
}

h1 {
color: #000000;
text-align: center;
text-shadow: 0 0 0px 20.5px rgba(255, 255, 255);
}

h2 {
color: #ffffff;
text-align: center;
text-shadow: 0 0 0px 20.5px rgba(255, 255, 255);
}

h3 {
color: #000000;
text-align: center;
text-shadow: 0 0 0px 20.5px rgba(255, 255, 255);
}

a:visited {
color: #000000;
text-decoration: none;
border-bottom: 1px dashed;
}

a,
a:link,
a:visited:hover {
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid;
}

.thread {
background-color: rgba(244, 239, 252, 0);
}

.comment .user {
background-color: rgba(135, 206, 250, 0);
}

.thread,
.comment .user {
background-color: rgba(135, 206, 250, 0);
}

.byline {
background-color: #000000;
}

.comment .message {
background-color: rgba(135, 206, 250, 0);
}

.thread .even {
background: transparent;
margin: 0;
}

.comment h4.byline {
background-color: rgba(214, 195, 213, 0);
}

.actions a,
.actions a:link,
.action,
.action:link,
.actions button,
.actions input,
input[type="submit"],
button,
.current,
.actions label {
background: #949294;
color: #0d0c05;
border: 6px solid #f2f3f5;
border-bottom: 6px solid #f2f3f5;
opacity: 0.5;
transition: opacity 0.3s ease;
}

.actions a:hover,
.actions a:focus,
.action:hover,
.action:focus,
.actions button:hover,
.actions button:focus,
.actions input:hover,
.actions input:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
button:hover,
button:focus,
.current:hover,
.current:focus,
.actions label:hover,
.actions label:focus {
opacity: 1;
}

fieldset {
background-color: #949294;
border: 2px solid #f2f3f5;
border-radius: 0.5em;
}

input:focus,
select:focus,
textarea:focus,
.actions a,
.actions a:link,
.action,
.action:link,
.actions button,
.actions input,
input[type="submit"],
button,
.current,
.actions label {
background-color: #d4d4d4;
color: #000000;
border: 6px solid #f2f3f5;
border-bottom: 6px solid #f2f3f5;
opacity: 0.8;
transition: opacity 0.3s ease;
}

.actions a:hover,
.actions a:focus,
.action:hover,
.action:focus,
.actions button:hover,
.actions button:focus,
.actions input:hover,
.actions input:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
button:hover,
button:focus,
.current:hover,
.current:focus,
.actions label:hover,
.actions label:focus,
input:focus,
select:focus,
textarea:focus {
background-color: #d4d4d4;
opacity: 1;
}

#outer .current {
background: #949294;
border: 4px solid #f2f3f5;
color: #000000;
}

.icon {
border: 0.1px solid #5a4649;
border-radius: 1.5em;
outline: 4.8px solid #5a4649;
outline-offset: 0px;
box-shadow: 0 0 0px 9px rgba(17, 6, 6, 255);
position: relative;
z-index: 2;
}

.icon {
border-radius: 5em;
}

.notice,
.comment_notice,
.kudos_notice,
ul.notes,
.caution,
.error,
.comment_error,
.kudos_error,
.alert.flash {
background: #262526;
}

.splash .module h3 {
border-bottom: 1px solid #c8c8c8;
color: #55ffe9;
}

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

#dashboard a,
#dashboard span {
color: #111;
display: block;
white-space: normal;
height: auto;
line-height: 2;
padding: -2em;
margin: 0;
border: 6px solid #f2f3f5;
background: #949294;
border-radius: 0.5em;
}

#dashboard,
#dashboard.own {
border-bottom: 10px solid #d49393;
border-top: 10px solid #a67777;
}

.own,
.draft,
.draft .wrapper,
.unread,
.child,
.unwrangled,
.unreviewed {
background: #6c5a5a;
}