lain theme - fauux by newel-07

/* ==UserStyle==
@name         lain theme - fauux
@version      20220814.01.10
@namespace    userstyles.world/user/newel-07
@description  https://fauux.neocities.org/
@author       newel-07
@license      No License
==/UserStyle== */

@-moz-document domain("4channel.org") {
/*fauux.neocities css*/
a.quick-reply-btn {
    visibility: hidden;
    visibility: collapse;
}



textarea#body {
    width: 317px;
    height: 117px;
}



@font-face {
    font-family: 'lain';
    src: url('https://files.catbox.moe/e8esnf.ttf') format('truetype');
}



header h1 {
    font-family: lain;
    color: white;
    text-align: center;
    font-size: 360%;
    text-shadow: rgb(240 46 170 / 40%) -5px 5px, rgb(240 46 170 / 30%) -10px 10px, rgb(240 46 170 / 20%) -15px 15px, rgb(240 46 170 / 10%) -20px 20px, rgb(240 46 170 / 5%) -25px 25px;
    text-align: center !important;
}


h1 {
    font-style: italic;
    text-shadow: 1px 1px 5px white;
    text-rendering: optimizeSpeed;
    -webkit-text-stroke: medium;
}

div.subtitle {
    color: #FFF !important;
    text-shadow: 1px 1px 5px white;
    text-rendering: optimizeSpeed;
    -webkit-text-stroke: medium;
    -webkit-text-stroke-color: black;
}

.desktop-style div.boardlist:nth-child(1) {

    border-bottom: 3px solid #bb7585;
    text-align: left;
    font-size: 78%;
    backdrop-filter: blur(3px);
    color: #bb7585;
    background-color: #000000;
    position: fixed;
    top: -1px;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 0 4px 2px 4px;
}


a,
a:visited {
    color: grey;
}


body {
    font-family: lain;
    font-size: smaller;
    font-size: 80%;
    color: #ac757f;
    background-repeat: repeat;
    background-image: url('https://fauux.neocities.org/bg205.gif');
}


form table tr th {
    background: transparent;
    border: 1px solid;
    box-shadow: 1px 1px blanchedalmond;
    box-shadow: rgb(187 117 133) 0px 2px 4px 0px, rgb(45 30 33) 0px 2px 16px 0px;
}


tbody,
#quick-reply table {
    background: #000000;
    border: 1px solid;
    box-shadow: 1px 1px blanchedalmond;
    box-shadow: rgb(187 117 133) 0px 2px 4px 0px, rgb(45 30 33) 0px 2px 16px 0px;
}


.dropzone-wrap {
    width: 67%;
}


button,
input[type="button"],
input[type="submit"],
.dropzone,
.selectedCell {
    font-family: lain;
    border-style: double;
    background: transparent;
    color: #ac737f;
}

input[type=text],
input[type=password],
textarea {
    background-color: #000000;
    color: #ac737f;
    font-family: lain;
}

.options_tab_icon {
    color: #ac737f;
}


hr {
    border: 1.5px double;
    border-color: #ac737f;
}

#options_div {
    background-color: #000000;
    border: 1px solid #ac737f;
}

#options_tablist {
    border-right: 1px solid #ac737f;
}


.intro span.subject {
    color: white;
    text-shadow: 1px 1px 5px white;
    font-weight: 100;
}


.intro span.name {
    color: #117743;
    cursor: default;
}


.intro a.email span.name {
    color: #ac737f;
}


div.post.reply {
    display: inline-block;
    padding: 0.25em;
    max-width: 100%;
    background: #000000;
    border: 1.5px solid #bb7585;
}



div.post.reply.highlighted {
    display: inline-block;
    padding: 0.25em;
    max-width: 100%;
    background: #000000;
    border: 2px dotted #bb7585;
}


div.boardlist a:hover {
    color: red !important;
}


.intro a.post_no {
    color: #808080;
}


.poster_id {
    color: #FFF;
    padding: 1px 4px;
    border-radius: 2px !important;
    text-shadow: -1px -1px 2px #000, 0px 0px 2px #000;
    background-image: linear-gradient( -45deg, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2));
    font-size: 80%;
    font-weight: bold;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-left: 2px;
    vertical-align: 1px;
    cursor: pointer;
}

span.spoiler {
    background: #ac757f;
    color: #ac757f;
    padding: 0 1px;
}


#banlist th,
tr.tblhead > th {
    color: #ac737f;
}


.banlist-opts .checkboxes label {
    color: #ac757f;
}



form table.mod tr td:hover {
    color: black;
}


span.quote {
    color: #077;
}

span.rquote {
    color: #e04000;
    !important;
}


span.heading {
    color: #3695e4 !important;
    text-shadow: 1px 1px 2px #13378a, 0 0 1em #104199, 0 0 0.2em #082c87;
}



.theme-catalog div.thread:hover {
    background-color: #000;
    border: 2px solid #ac757f;
}


div.pages {
    color: #ac757f;
    background: #000;
    display: inline-block;
    padding: 8px;
    margin: 8px 0 4px;
    border: 1px solid #ac757f;
}

div.pages a.selected {
    color: red;
}


#alert_div {
    background-color: black;
    border: 4px double #ac757f;
}
}