yannic/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style

Browse source
This commit is contained in:
Yax 2019-08-18 15:19:28 +02:00
parent a7d35e8dd1
commit 9d58aec4b2
68 changed files with 7851 additions and 119 deletions
Download patch file Download diff file Expand all files Collapse all files

173
static/css/style.css
View file

@ -1,18 +1,103 @@
/* font * /
/* cyrillic-ext */
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Merriweather Regular'), local('Merriweather-Regular'), url(/fonts/merriweather/Merriweather-Regular.ttf) format('truetype');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Merriweather Regular'), local('Merriweather-Regular'), url(/fonts/merriweather/Merriweather-Regular.ttf) format('truetype');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Merriweather Regular'), local('Merriweather-Regular'), url(/fonts/merriweather/Merriweather-Regular.ttf) format('truetype');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Merriweather Regular'), local('Merriweather-Regular'), url(/fonts/merriweather/Merriweather-Regular.ttf) format('truetype');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Merriweather Regular'), local('Merriweather-Regular'), url(/fonts/merriweather/Merriweather-Regular.ttf) format('truetype');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* General */
body {
margin: 0;
line-height: 1.5em;
color: #333333;
font-family: helvetica, arial, sans-serif;
html, body, h1, h2, h3, h4, h5, h6 {
font-family: 'Merriweather', serif;
font-feature-settings: "dlig", "liga", "lnum", "kern";
font-kerning: auto;
font-language-override: normal;
font-optical-sizing: auto;
}
p {
font-feature-settings: "kern", "onum", "liga";
font-kerning: auto;
font-language-override: normal;
font-optical-sizing: auto;
font-family: Georgia, serif;
font-size: 22px;
font-stretch: 100%;
font-weight: 400;
font-size-adjust: none;
font-style: normal;
font-variant: normal;
font-variant-alternates: normal;
font-variant-caps: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-position: normal;
font-variation-settings: normal;
line-height: 38px;
vertical-align: baseline;
color: rgb(56, 71, 67);
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 0;
line-height: 1.2em;
margin-top: 1em;
color: #05bf85;
}
h1 {
font-size: 200%;
}
a:link, a:visited {
color: #05bf85;
text-decoration: none;
}
a:hover, a:active {
color:green;
}
/* a:link, a:visited {
color: #0000e0;
text-decoration: none
}
@ -20,43 +105,7 @@ a:link, a:visited {
a:hover, a:active {
color: #0000ff;
text-decoration: underline
}
/* Single column layout */
nav section, header section, main, footer section {
max-width: 40em;
margin-left: auto;
margin-right: auto;
padding: 0 0.5em;
}
/* Navigation panel */
nav {
background: #333333;
border-bottom: thin solid #111111;
line-height: 3em;
}
nav a {
margin-right: 1em;
}
nav a:link, nav a:visited {
color: #cccccc;
}
nav a:hover, nav a:active {
color: #ffffff;
text-decoration: none;
}
@media screen and (min-width: 600px) {
nav .links {
float: right;
}
}
} */
/* Footer */
@ -82,40 +131,6 @@ footer a:last-child {
}
/* Posts */
article {
margin-top: 1em;
margin-bottom: 1em;
}
article h2 a:link, article h2 a:visited,
article h1 a:link, article h1 a:visited,
.more:link, .more:visited {
color: #333333;
}
article h2 a:hover, article h2 a:active,
article h1 a:hover, article h1 a:active,
.more:hover, .more:active {
color: #777777;
}
p.meta {
margin-top: 0;
font-size: 0.8em;
color: #777777;
font-style: italic;
}
p.summary {
margin-top: 0.25em;
margin-bottom: 0.25em;
}
div .more {
margin-top: 0;
font-weight: bold;
}
/* RSS */