/* CSS GENERICO PARA ARQUIVOS MARKDOWN ~ ATUALIZADO EM 2022/10/10 - 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: "

• • •

" -- */ .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: "

• • • • •

" -- */ .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; } */