Files
2022_WEBSITE_kosmopolit/styles/text.css

115 lines
1.8 KiB
CSS

/*---------------------------------------------*/
/*FONTS*/
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-titles), var(--font-fallback), sans-serif;
}
a, p, li {
font-family: var(--font-texts), var(--font-fallback), sans-serif;
}
/*---------------------------------------------*/
/*COLORS*/
/*links when they are part of a text*/
p a, p a:link {
color: var(--color-link);
}
p a:visited {
color: var(--color-link-visited);
}
p a:hover {
color: var(--color-link-hover);
}
p a:active {
color: var(--color-link-active);
}
/*color text*/
h1, h2, h3, p, span {
color: var(--color-text);
}
/*---------------------------------------------*/
/*SIZES*/
aside {
font-size: .8rem;
}
main {
font-size: 1rem;
}
p {
font-size: 1.8em;
line-height: 1.5em;
}
h1 {
font-size: 3.5em;
line-height: 1.5em;
}
h2 {
font-size: 2em;
line-height: 1.5em;
}
h3 {
font-size: 1.8em;
line-height: 1.5em;
}
small {
font-size: 0.8em;
line-height: 1.2em;
}
/*---------------------------------------------*/
/*OTHER SETTINGS*/
p, p *, h1, h1 *, h2, h2 *, h3, h3 *, li * {
display: inline-block;
}
a, a * {
cursor: pointer;
}
i {
font-style: italic;
}
b, em {
font-weight: 600;
}
/*---------------------------------------------*/
/*CLASS SETTINGS*/
/*quote*/
.quote {
max-width: 480px;
margin-right: 0px;
margin-left: auto;
text-align: right;
}
.quote p, .quote p * {
color: var(--color-text-light);
}
.quote_credit {
font-size: 1.8em;
margin-top: 0.9em;
}
.quote_credit p {
font-size: 0.8em;
line-height: 1.2em;
}
/*nocut*/
.nocut {
white-space: nowrap;
}
/*
<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Smaller text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript tex
<code> - Computer code
*/