/*
   Tema Folha Amazônica
   [Tema de 2022 da Wikidot]
   por L200
*/

/* Variáveis Base */

:root:lang(pt-br), :root#interwiki {
    --logo-image: url("http://scp-wiki.wdfiles.com/local--files/scp-international/scp-logo-pt-400.png");
    --header-title: "Fundação SCP";
    --header-subtitle: "Filial Lusófona";

    --rating-module-bg-color: 210, 210, 210;
    --rating-module-bottom-border-color: 0, 76, 6;
    --newpage-color: var(--bright-accent);

/* ===CORES DO TEMA=== */
    /* CORES BASE */
    --pale-accent: 0, 76, 6;
    --bright-accent: 0, 132, 13;
    --medium-accent: 0, 76, 6;
    --dark-accent: 0, 38, 2;
    --alt-accent: 215, 215, 215;
    --modal-header-bg: 150, 255, 155;
}

/* Miscelânea */

#main-content {
    --tables-header-bg: 3, 193, 0;
    --footnotes-footer-colorbar-color: 0, 114, 0;
    --pagetags-title-bg: 0, 112, 18;
    --blockquote-border-color: 0, 60, 15;
}

#content-wrap::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: repeat-x;
  pointer-events: none;
  background-image: url('https://i.imgur.com/HLGXoDm.png');
}

#page-title,
.meta-title {
    color: rgb(0, 200, 0);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: rgb(0, 115, 15);
}

hr {
    color: rgb(0, 115, 15);
    background:rgb(0, 115, 15);
    border: rgb(0, 115, 15) 1px solid;
}

/* Consertando o content panel */

.content-panel {
    background-color: white !important;
    border-radius: 0;
    padding: 1em 2em;
}

.content-panel .panel-body {
    background-color: rgb(var(--alt-accent)) !important;
}

.content-panel .panel-footer,
.content-panel .panel-footer a {
     color: rgb(var(--swatch-text-secondary-color,252,252,252)) !important;
}

/* Consertando o módulo de avaliação */

div.page-rate-widget-box .rate-points {
    border: 0 !important;
}

#u-credit-view .modalcontainer .modalbox {
   max-width: 100%;
}

#page-content .rate-box-with-credit-button, .page-rate-widget-box {
    background-color: rgb(var(--rating-module-bg-color)) !important;
}

#page-content .rate-box-with-credit-button>.creditButton>p>a:before {
    --mask-image: none;
    content: "\f129" !important;
}

#page-content .rate-box-with-credit-button>.creditButton>p>a:before {
    --mask-image: none;
    content: "\f129" !important;
    background-color: transparent;
    transition: none !important;
}

#page-content .rate-box-with-credit-button>.creditButton>p>a:active:before, #page-content .rate-box-with-credit-button>.creditButton>p>a:hover:before {
    background-color: transparent;
    transition: none !important;
}
#page-content .rate-box-with-credit-button>.creditButton>p>a:after {
    background-color: transparent;
}

#page-content .rate-box-with-credit-button>.creditButton>p>a:after {
    background-color: transparent:
}
 
.rate-box-with-credit-button .page-rate-widget-box .cancel {
    border-top: 0px !important;
    border-bottom: 5px solid rgb(var(--rating-module-bg-color)) !important;
}

.creditButton .fa {
    border-top: 4px solid rgb(var(--rating-module-bg-color));
    border-left: 0px !important;
    border-bottom: 3px solid rgb(var(--rating-module-bg-color));
}
 
.creditButton a:hover {
    color: rgb(var(--bright-accent)) !important;
}

.creditButton a.fa.fa-info {
    color: black;
}

.creditButtonStandalone a.fa.fa-info {
    display: inline-flex;
    height: var(--rating-module-height);
    margin: 0 0 .75rem;
    padding: 0;
    overflow: hidden;
    border: .0625rem solid rgba(var(--swatch-border-color),.15);
    border-bottom-width: 0;
    border-radius: 0;
    background-color: rgb(var(--rating-module-bg-color));
    box-shadow: 0 .125rem 0 0 rgb(var(--rating-module-bottom-border-color));
    color: black;
}

.creditButtonStandalone a:hover {
    color: rgb(var(--bright-accent)) !important;
}

.page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a {
    height: 19px !important;
}

/* toc */

.content-panel .content-toc {
    border-radius: 0;
    background-color: rgb(var(--alt-accent));
}

/* Consertando a barra lateral para celular */

@media (max-width: 767px) {
    #side-bar .side-bar-container {
        background-color: unset !important;
        padding: 0 !important;
    }
}

/* Consertando o Classified Decoration */

table.scale.PTBR-base {
    position: relative;
}

table.scale.PTBR-base > tbody > tr > td.class1image {
    width: 67%;
}

table.scale.PTBR-base > tbody > tr > td.item1.PTBR {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* Módulo de Informações */

[id*=u-credit] div.creditBottomRate {
    margin: 1rem 0 1em !important;
}
#u-credit-view .modalbox h2 {
    padding: 0 !important;
}

.modalbox .credit:not(:last-child) {
     margin-bottom: 2.5em !important;
}

/* Media (stolen from BHL) */

#side-bar:lang(pt-br) .side-block.media a[href*=chat]{--social-logo-mask:var(--discord-mask);--social-color:var(--discord-icon-color)}
#side-bar:lang(pt-br) .side-block.media a[href*=youtube]{--social-logo-mask:var(--youtube-mask);--social-color:var(--youtube-icon-color)}
#side-bar:lang(pt-br) .side-block.media a[href*=scpsandboxbr]{--social-logo-mask:var(--sandbox-mask);--social-color:var(--sandbox-icon-color)}
#side-bar:lang(pt-br) .side-block span[style*=font-size]{display:contents}#side-bar:lang(pt-br) .side-block span[style*=font-size] a{font-size:calc(var(--base-font-size)*.8)}

/* Forum */

.forum-thread-box .description-block {
   border-radius: 0;
}

#thread-container .long {
   border: 0;
}

.thread-container .post .options strong {
    background-color: #F7F7F7;
    border: 0;
    float: left;
    font-size: 100%;
    font-weight: bold;
    margin-top: 0;
    padding: 0px 10px;
}
