4chan/Yotsuba B for Warosu by mothman

/* ==UserStyle==
@name         4chan/Yotsuba B for Warosu
@namespace warosu.org
@version      20241029
@description Simple theme to make Warosu's archive look more like 4chan.
@author       moth
==/UserStyle== */

@-moz-document domain("warosu.org") {
:root {
  --background-color: #EEF2FF;
}

a.board-link, a.board-link:visited {
  color: #AF0A0F;
  background: none;
  font-size: 4em;
}

 a.board-link:hover {
  color: #AF0A0F;
  text-decoration: underline;
}

body{
    margin: 0;
    padding: 5px;
    background: #EEF2FF url(https://s.4cdn.org/image/fade-blue.png) top center repeat-x;
    color: #000000;
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
}

.subreply {
  background: none;
}

.postblock{
  background-color: #98E;
  border: 1px solid #000;
  padding: 0 5px;
}

a, a:visited {
  color: #34345C;
  text-decoration: none;
}

hr {
  border: none;
  border-top: 1px solid #B7C5D9;
}

h1::before {
    content: url('https://s.4cdn.org/image/title/9.png');
    display: block;
    margin: 0 auto; /* Center the image */
}

div h1{
  text-align: center;
  color: #AF0A0F;
}

.motd {
  text-align: center !important;
  color:red;
  border-top: 1px solid #B7C5D9;
  border-bottom: 1px solid #B7C5D9;
  background: none;
}

.patreon {
  background: none;
}

.postspan {
  font-weight: bold;
  background: none;
  text-align: left;
  padding: 0.3em;
  margin: 0.3em 0.3em 0.3em 0;
}

.filetitle {
  font-size: 1.0em;
}

.reply {
  background-color: #D6DAF0;
  border: 1px solid #B7C5D9;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgb(183, 197, 217);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgb(183, 197, 217);
  border-left: none;
  border-top: none;
  display: table;
  padding: 2px;
}

.report-thumbs table {
  border: solid 1px #D6DAF0;
}

.report-thumbs table tr {
  font-weight: 500;
  text-align: center;
  background: #D6DAF0;
}

.js:hover{
color: red;
font-weight: normal;
}
}