samej/about
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
main
about/stylesheet-geral.css

524 lines
9.7 KiB
CSS
Executable File
Raw Permalink Blame History

/* 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:
"<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;
}
*/
Reference in New Issue View Git Blame Copy Permalink