>>4520
How about this?
/* Based on Tema Hispita */
/* Especialmente hecho para los amigos de /hisrol/. Basado en el tema de Yotsuba P & Yotsuba.*/
@import "./syntax/a11y-light.css";
:root {
--background-color: #C0E0C0;
--background-gradient: #e4e4f9;
--text-color: #800000;
--contrast-color: #E0E0C0;
--menu-color: #E0E0C0;
--background-highlight-color: #ffccaa;
--horizon-sep-color: #004000;
--marked-color: #60A040;
--marked-border-color: #228080;
--marked-text-color: var(--text-color);
--link-color: #800000;
--link-hover-color: #004000;
--navbar-text-color: #34345C;
--subject-color: #004000;
--role-color: #a10705;
--thread-navbar-background: #800000;
--thread-navbar-color: aliceblue;
--border-color: #800;
--logo-image: url('/.static/logo/logo_hispa_red.png');
scrollbar-color: #004000 #60A040;
}
/* --------------- LAS ADICIONES AL TEMA COMIENZAN AQUÍ --------------- */
nav {
background-color: #E0E0C0;
border-bottom: 1px solid #529e5a;
box-shadow:0 2px 4px -1px rgb(13 16 22 / 14%),0 4px 5px 0 rgb(13 16 22 / 12%),0 1px 10px 0 rgb(13 16 22 / 20%);
text-align: center;
}
nav span,
nav a {
color: #800000;
}
.boardHeader #labelName {
color: #800000;
font-family: Shadowed Germanica;
font-size: 300%;
}
.boardHeader p,
#overboardId {
[Expand Post]
color: #004000;
}
input[type=text],
input[type=password],
input[type=number],
input[type=url],
textarea {
border-radius: 5px;
}
fieldset legend {
background: #A00000;
border: 1px solid #800000;
color: var(--background-color);
border-radius: 5px;
}
#postingForm th,
.modalTableBody th {
background: #A00000;
border: 1px solid #800000;
color: var(--background-color);
border-radius: 5px;
}
input.hidden.reloadCaptchaButton {
border: 1px solid #ddbeab;
border-radius: 5px;
}
a:hover,
.glowOnHover:hover {
color: var(--link-hover-color);
}
#postingForm input[type=submit],
#qrbutton {
background: #A00000;
border: 1px solid transparent;
color: #fefceb;
border-radius: 5px;
}
body {
background: #C0E0C0;
}
.noEmailName,
.noEmailName:hover {
color: #004000;
}
.innerPost {
padding: 5px;
border: 1px solid #ddbeab;
border-radius: 5px;
}
span.labelCreated {
color: #800000
}
.linkSelf,
.linkQuote,
.labelStats {
color: #A00000;
text-decoration: none;
font-weight: bold
}
.floatingList,
.floatingMenu,
.modalForm {
background: var(--menu-color);
color: var(--text-color);
border: 1px solid var(--border-color);
}
.quoteLink {
color: #A00000;
}
#panelMessage {
color: #a10705;
}
.noEmailName,
.noEmailName:hover {
color: #004000;
}
.greenText {
color: #206b00;
}
.pinkText {
color: darkmagenta;
}
.containPages {
border: 1px solid #ddbeab;
border-radius: 5px;
}
#indexWrapper > fieldset {
border-radius: 5px;
}
#indexWrapper > fieldset:not(#welcomeMessage) {
border-color: #ddbeab;
border-radius: 5px;
}
.titleFieldset {
border: 1px solid #ddbeab;
}
.jsenabled .catalogCell {
border: 1px solid #ddbeab;
}
input[type=button],
input[type=submit],
button,
.dropzone,
.selectedCell {
border: 1px solid var(--border-color);
background: var(--background-color);
color: var(--text-color);
border-radius: 5px;
}
#quick-reply {
border-radius: 5px;
}
#quick-reply th {
background: var(--background-color);
border-radius: 5px;
}
.modalForm {
border-radius: 5px;
}
.captchaImage {
border-radius: 5px;
}
.floatingMenu {
border-radius: 5px;
}
div#multiboardMenu.floatingMenu {
border-radius: 5px;
}
.floatingList ul li:hover {
background-color: var(--background-color);
}
.splitField > * {
border-radius: 5px;
}
.labelCreated:after {
content: " (UTC)";
}
.linkSelf {
display: none;
}
.linkQuote:before {
content: "/#/";
font-weight: bolder;
}
@font-face {
font-family: Shadowed Germanica;
src: url(/.media/8c0ac750829c1a445f9a825cd1c926d1194310ed644baeeba0bdc45a248e3d433);
}
body {
background-image: url(/.media/8e8a7a145c5fc01535af82efbeecb2f17992259753f5b7cd5718c332b2490bf9a.png),
url(/.media/8374d893b5ad68efd036637843061413084b883702f0bad146dde28deb2297378.png);
background-repeat: no-repeat, repeat;
background-attachment: fixed, fixed;
background-position: left, right bottom;
background-blend-mode: normal, normal;
background-size: auto, auto;
}
html, *, hover, #postingForm th {
cursor: url(/.media/8b40ea798594d3992d8c2dafa9dc9e18520b424c55d475207db3b7a8156a1016a.png), default;
}
a, .embedButton, select, .divRefresh input, #postingForm button, #qrbutton {
cursor: url(/.media/8b40ea798594d3992d8c2dafa9dc9e18520b424c55d475207db3b7a8156a1016a.png), progress !important;
}
label, img, .hideFileButton {
cursor: url(/.media/8b40ea798594d3992d8c2dafa9dc9e18520b424c55d475207db3b7a8156a1016a.png), progress !important;
}
#dropzone, #dropzoneQr {
cursor: url(/.media/8b40ea798594d3992d8c2dafa9dc9e18520b424c55d475207db3b7a8156a1016a.png), progress !important;
font-size: 14px;
}
greenText {
color: #004000;
}
.pinkText {
color: #A00000;
}
.redText {
color: #400000;
font-size: 110%;
}
.doomText {
color: #224080;
font-family: Shadowed Germanica;
font-size: 130%;
}