/* Tema Hispa  */
/* Tema normal. */

@import "https://8chan.moe/hisparefugio/syntax/a11y-light.css";
:root {
 --background-color: #ffffee;
 --background-gradient: none;
 --text-color: #800000;
 --text-shadow-color: #1f8f2a;
 --contrast-color: #f2e1d6;
 --background-highlight-color: none;
 --horizon-sep-color: #f2e1d6;
 --marked-color: #f0d1bd;
 --marked-border-color: #ddbeab;
 --marked-text-color: var(--text-color);
 --link-color: #e60000;
 --link-hover-color: #1f8f2a;
 --navbar-text-color: #529e5a;
 --subject-color: var(--link-color);
 --role-color: var(--red-text-color);
 --thread-navbar-background: #bd0003;
 --thread-navbar-color: #fff;
 --border-color: #ddbeab;
 --logo-image: url('https://8chan.moe/.media/.static/logo/logo_hispa_red.png');
 --button-push-color: #529e5a;
 --button-color: #c74343;
 --reload-button-color: #ecebe5;
 --reload-button-push-color: #d8d0c4;
 --reload-button-border-color: #8f8f9d;
 --green-text-color: #429406;
 --red-text-color: #AF0A0F;
 --pink-text-color: #f04d3a;
 --name-color: #5a82a5;
 --post-border-color: #b3917b;
 scrollbar-color: var(--thread-navbar-background) var(--contrast-color);
}

/* --------------- LAS ADICIONES AL TEMA COMIENZAN AQUÍ --------------- */
.youName::after {
    content: ' (Tú)';
    font-style: italic;
    font-family: helvetica;
    color: #1f8f2a;
    text-shadow: 0px 0px #fff0;
}

.quoteLink.you:after {
  content: " (Tú)";
}

nav.navHeader {
 background-color: var(--contrast-color);
 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%);
 color: var(--text-color);
 text-align: center;
}
.boardHeader #labelName {
 color: var(--link-color);
}
.boardHeader p,
#overboardId {
 color: var(--link-color);
}
.innerUtility.top {
 border-radius: 5px;
}
#newPostFieldset legend {
 background: var(--contrast-color);
 border-color: var(--border-color);
 border-radius: 5px;
 color: var(--text-color);
}
input[type=text],
input[type=password],
input[type=number],
input[type=url],
textarea {
 background: var(--background-color);
 border-color: var(--field-border-color);
 border-radius: 5px;
}
#postingForm th {
 background: var(--contrast-color);
 border-color: var(--border-color);
 border-radius: 5px;
 color: var(--text-color);
}
.modalTableBody th {
 background: var(--thread-navbar-background);
 border: none;
 border-radius: 5px;
 color: var(--thread-navbar-color);
}
a,
.glowOnHover {
 color: var(--link-color);
 text-shadow: none;
}
a:hover,
.glowOnHover:hover {
 color: var(--link-hover-color);
 text-shadow: 1px 0px 20px var(--text-shadow-color);
}
.dropzone {
 background: var(--reload-button-color);
 border: 1px solid var(--reload-button-border-color);
 border-radius: 5px;
 color: black;
}
.dropzone:hover {
 background: var(--reload-button-push-color);
 border: 1px solid var(--reload-button-border-color);
 border-radius: 5px;
 color: black;
}
input[type="submit"] {
 background:var(--button-color) !important;
 border: none;
 border-radius: 5px;
 color: var(--background-color);
}
input[type="submit"]:hover {
 background:var(--button-push-color) !important;
 border: none;
 border-radius: 5px;
 color: var(--background-color);
}
input[value="Cancel"] {
 background:var(--button-color) !important;
 border: none;
 border-radius: 5px;
 color: var(--background-color);
}
input[value="Cancel"]:hover {
 background:var(--button-push-color) !important;
 border: none;
 border-radius: 5px;
 color: var(--background-color);
}
input[value="Reload"] {
 background-color:var(--reload-button-color) !important;
 border: 1px solid var(--reload-button-border-color);
 border-radius: 5px;
 color: black;
}
input[value="Reload"]:hover {
 background-color:var(--reload-button-push-color) !important;
 border: 1px solid var(--reload-button-border-color);
 border-radius: 5px;
 color: black;
}
button {
 background-color:var(--reload-button-color) !important;
 border: 1px solid var(--reload-button-border-color);
 border-radius: 5px;
 color: black;
}
button:hover {
 background-color:var(--reload-button-push-color) !important;
 border: 1px solid var(--reload-button-border-color);
 border-radius: 5px;
 color: black;
}
body {
 background: var(--background-color);
}
.innerPost {
 border: 1px solid var(--border-color);
 border-radius: 5px;
 padding: 5px;
}
span.labelCreated {
 color: var(--link-color);
}
.linkName {
 color: var(--name-color);
}
.linkSelf,
.linkQuote,
.labelStats {
 color: var(--link-color);
 font-weight: bold;
 text-decoration: none;
}
.floatingList,
.floatingMenu,
.modalForm {
 background: var(--contrast-color);
 border-color: var(--border-color);
 color: var(--text-color);
}
.quoteLink {
 color: var(--link-color);
}
#panelMessage {
 color: var(--red-text-color);
}
.noEmailName {
 color: var(--link-hover-color);
}
.noEmailName:hover {
 color: var(--link-hover-color);
 text-shadow: none;
}
.greenText {
 color: var(--green-text-color);
}
.pinkText {
 color: var(--pink-text-color);
}
.redText {
 color: var(--red-text-color);
}
.diceRoll {
  color: var(--red-text-color);
}
.containPages {
 border-color: var(--marked-border-color);
 border-radius: 5px;
}
#indexWrapper > fieldset {
 border-radius: 5px;
}
#indexWrapper > fieldset:not(#welcomeMessage) {
 border-color: var(--thread-navbar-background);
 border-radius: 5px;
}
.titleFieldset {
 border-color: var(--thread-navbar-background);
}
.jsenabled .catalogCell {
 background: var(--contrast-color);
 border-color: var(--border-color);
 border-radius: 5px;
}
#quick-reply {
 background: var(--contrast-color);
 border-color: var(--border-color);
 border-radius: 5px;
}
#quick-reply th {
 background: var(--thread-navbar-background);
 border-radius: 5px;
 border: none;
 color: var(--thread-navbar-color);
}
#quick-reply .close-btn.coloredIcon {
 color: var(--thread-navbar-color);
 text-shadow: none;
}
#quick-reply .close-btn.coloredIcon:hover {
 color: var(--link-hover-color);
 text-shadow: none;
}
.modalForm {
 border-radius: 5px;
}
.captchaImage {
 border-radius: 5px;
}
.floatingMenu {
 border-radius: 5px;
}
div#multiboardMenu.floatingMenu {
 border-radius: 5px;
}
.floatingMenu hr {
 border-color: var(--thread-navbar-background);
}
.floatingList ul li {
 background: var(--contrast-color);
 border-bottom: 1px solid var(--text-color);
}
.floatingList ul li:hover {
 background-color: var(--marked-color);
}
.splitField > * {
 border-radius: 5px;
}
.labelCreated:after {
 content: " (UTC)";
}
.linkSelf {
  display: none;
}
.linkQuote:before {
  content: "/#/";
  font-weight: bolder;
}
input[type=text],
input[type=password],
input[type=number],
input[type=url],
textarea {
 border-color: var(--post-border-color);
 color: var(--text-color);
}
#themeSelector {
 color: black;
}
.titleFieldset legend {
 background: var(--thread-navbar-background);
 border-color: var(--thread-navbar-background);
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 color: var(--thread-navbar-color);
 margin-left: -17px;
 padding-right: 28px;
}
