diff --git a/README_english.md b/README_english.md index e54ed53..730f096 100644 --- a/README_english.md +++ b/README_english.md @@ -1,21 +1,23 @@ diff --git a/stylesheet-geral.css b/stylesheet-geral.css new file mode 100755 index 0000000..5785248 --- /dev/null +++ b/stylesheet-geral.css @@ -0,0 +1,523 @@ +/* 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; +} +*/ + +