stylesheet-geral.css

/* CSS GENERICO PARA ARQUIVOS MARKDOWN ~ ATUALIZADO EM 2025/01/18

- LINK ANTIGO NO DROPBOX: "https://www.dropbox.com/s/migjxzkp82d3fue/stylesheet-geral.css" 

- LINK NOVO NO DROPBOX: "https://www.dropbox.com/s/7acsnogog4njf2o/stylesheet-geral.css"

- LINK NO GITHUB: "https://github.com/SamejSpenser/HPnews/blob/master/stylesheet-geral.css" */

/* FONTE ARCHITECT'S DAUGHTER */
architect {
    font-family: "Architects Daughter", cursive !important;
}

.architect {
    font-family: "Architects Daughter", cursive !important;
}

/* PRIMEIRA LETRA MAIOR NO PRIMEIRO PARÁGRAFO */

.capitular {
    float: left !important;
    font-size: 3em; /* FONT-SIZE ORIGINAL: 2em */
    font-style: normal;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: -0.25em;
    margin-right: 0.1em;
}

.capitular-italic {
    float: left !important;
    font-size: 3em; /* FONT-SIZE ORIGINAL: 2em */
    font-style: italic;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: -0.4em;
    margin-right: 0.1em;
    margin-top: -0.2em;
}

.footnote-link {
    font-size: 75% !important;
    font-style: normal;
    line-height: 1.2;
}

.footnote-link1 {
    font-size: 1em !important;
    font-style: normal;
    line-height: 1.2;
}

.rodape, .footnotes {
    color: inherit;
    display: block;
    font-size: 0.80em !important;
    font-stretch: condensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: left !important;
    text-decoration: none !important;
    text-indent: 0 !important;
}

.text-capitular {
    color: inherit;
    display: block;
    font-size: 1em !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: justify !important;
    text-decoration: none !important;
    text-indent: 0 !important;
}

.text-center {
    color: inherit;
    display: block;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: center !important;
    text-decoration: none;
    text-indent: 0 !important;
}

.text-dir {
    color: inherit;
    display: block;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: right !important;
    text-decoration: none;
    text-indent: 0 !important;
}

.text-esq {
    color: inherit;
    display: block;
    float: left !important;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 5px;
    text-align: left !important;
    text-decoration: none;
    text-indent: 0 !important;
}

/* -- CLASS P/ SEPARADOR DE SECOES/BLOCOS
Geralmente utilizado da seguinte forma:
"<p align="center" class="sep center meio"><strong>&#8226; &#8226; &#8226;</strong></p>"
-- */
.sep {
    font-size: 150% !important;
    font-weight: bold !important;
    line-height: 1.2;
    margin-bottom: 1em;
    margin-top: 1em;
    text-align: center !important;
    text-indent: 0 !important;
}

/* -- CLASS P/ SEPARADOR (MENOR) DE SECOES/BLOCOS
Geralmente utilizado da seguinte forma:
"<p align="center" class="sep-menor">&#8226; &#8226; &#8226; &#8226; &#8226;</p>"
-- */
.sep-menor {
    font-size: 80% !important;
    font-weight: bold !important;
    line-height: 1.2;
    margin-bottom: 1em;
    margin-top: 1em;
    text-align: center !important;
    text-indent: 0 !important;
}

.sep-line {
    margin: auto !important;
    text-align: center !important;
    width: 30% !important;
}

/* CLASS P/ ALINHAMENTO DE IMAGENS ~ CENTRALIZADO */
.meio, .meio90, .meio85, .meio80, .meio75, .meio70, .meio65, .meio60, .meio55, .meio50, .meio45, .meio40, .meio35, .meio30, .meio25, .meio20, .meio15, .meio10 {
    display: block;
    margin: auto;
    max-height: auto !important;
    max-width: auto !important;
    padding: 5px;
    text-align: center !important;
    text-indent: 0 !important;
}

.meio90 {
    max-width: 90% !important;
}

.meio85 {
    max-width: 85% !important;
}

.meio80 {
    max-width: 80% !important;
}

.meio75 {
    max-width: 75% !important;
}

.meio70 {
    max-width: 70% !important;
}

.meio65 {
    max-width: 65% !important;
}

.meio60 {
    max-width: 60% !important;
}

.meio55 {
    max-width: 55% !important;
}

.meio50 {
    max-width: 50% !important;
}

.meio45 {
    max-width: 45% !important;
}

.meio40 {
    max-width: 40% !important;
}

.meio35 {
    max-width: 35% !important;
}

.meio30 {
    max-width: 30% !important;
}

.meio25 {
    max-width: 25% !important;
}

.meio20 {
    max-width: 20% !important;
}

.meio15 {
    max-width: 15% !important;
}

.meio10 {
    max-width: 10% !important;
}

/* CLASS P/ ALINHAMENTO DE IMAGENS ~ DIREITA */
.dire, .dire50, .dire45, .dire40, .dire35, .dire30, .dire25, .dire20, .dire15, .dire10 {
    float: right !important;
    max-height: auto !important;
    padding: 5px;
    text-align: center !important;
    text-indent: 0 !important;
}

.dire50 {
    max-width: 50% !important;
}

.dire45 {
    max-width: 45% !important;
}

.dire40 {
    max-width: 40% !important;
}

.dire35 {
    max-width: 35% !important;
}

.dire30 {
    max-width: 30% !important;
}

.dire25 {
    max-width: 25% !important;
}

.dire20 {
    max-width: 20% !important;
}

.dire15 {
    max-width: 15% !important;
}

.dire10 {
    max-width: 10% !important;
}

/* CLASS P/ ALINHAMENTO DE IMAGENS ~ ESQUERDA */
.esqu, .esqu50, .esqu45, .esqu40, .esqu35, .esqu30, .esqu25, .esqu20, .esqu15, .esqu10 {
    float: left !important;
    max-height: auto !important;
    padding: 5px;
    text-align: center !important;
    text-indent: 0 !important;
}

.esqu50 {
    max-width: 50% !important;
}

.esqu45 {
    max-width: 45% !important;
}

.esqu40 {
    max-width: 40% !important;
}

.esqu35 {
    max-width: 35% !important;
}

.esqu30 {
    max-width: 30% !important;
}

.esqu25 {
    max-width: 25% !important;
}

.esqu20 {
    max-width: 20% !important;
}

.esqu15 {
    max-width: 15% !important;
}

.esqu10 {
    max-width: 10% !important;
}

small, sup, sub, footnote-ref, footnotes, rodape, .footnote-ref, .footnotes, .rodape, {
    font-size: 75% !important;
}

h1, h2 {
    text-align: center !important;
    text-indent: 0em !important;
}

h3 {
    text-align: left;
}

h4 {
    font-style: italic;
    text-align: left;
}

/* DESCRICAO SEM LINK */
abbr, temdes {
    border-bottom: 1px dashed #cccccc !important;
    cursor: help !important;
}

/* ID P/ DIVIDIR TEXTO EM 2 COLUNAS */
.duascol {
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    /* -moz-column-rule: 2px solid #3E85C6; */
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    -webkit-column-rule: 2px solid #3E85C6;
    column-count: 2;
    column-gap: 10px;
    column-rule: 2px solid #3E85C6;
}

/* DIVIDIR TEXTO EM 3 COLUNAS */
.trescol {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    /* -moz-column-rule: 2px solid #3E85C6; */
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    -webkit-column-rule: 2px solid #3E85C6;
    column-count: 3;
    column-gap: 15px;
    column-rule: 2px solid #3E85C6;
}


/* YOUTUBE RESPONSIVE CSS */
.ss-responsive-embed {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.ss-responsive-embed iframe, .ss-responsive-embed object, .ss-responsive-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.ss-responsive-embed, .ss-responsive-embed.ss-responsive-embed-youtube, .ss-responsive-embed.ss-responsive-embed-wistia, .ss-responsive-embed.ss-responsive-embed-vimeo {
    padding-bottom: 56.25%;
}

/* IDENTAÇÃO DE PARÁGRAFOS */
.table {
    display: table !important;
}

.ident {
    display: table-cell !important;
    margin-left: 40% !important;
    padding-left: 40% !important;
    width: 40% !important;
    text-align: right !important;
}

/* LINHAS HORIZONTAIS PERSONALIZADAS */

/* Glyph, by Harry Roberts 

SOURCE: "https://css-tricks.com/simple-styles-for-horizontal-rules/"

*/

hr.style-eight {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}

hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

/* Gradient transparent - color - transparent */

hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/* ENDENTAÇÃO DOS PARÁGRAFOS NO Obsidian.md 

Créditos: Roberto Gama, no grupo ObsidianBR no Telegram:
https://t.me/obsidianbr/846

.cm-line, p {
    text-indent: 3%;
    margin-top: 16px;
    margin-bottom: 16px;
    margin-block-start: 15px;
}

.HyperMD-header {
    text-indent: 0em;
}

*/

/* MARKDOWN ATTRIBUTES FOR OBSIDIAN
https://github.com/valentine195/obsidian-markdown-attributes

Fonte monoespaçada no highlight. Utiliza-se desta forma:

==I'm highlighted{ .mono }==

.mono {
    font-family: "JetBrains Mono", monospace !important;
}

.visao-geral {
    max-height: 169px !important;
    max-width: 300px !important;
}
*/

/* CORES PARA MARCAÇÃO DA BÍBLIA
.amarelo {
    color: #ECDF54;
}

.azul {
    color: #54A2EC;
}

.purpura {
    color: #8554EC;
}

.verde {
    color: #54EC6A;
}

.vermelho {
    color: #EC545F;
}
*/