diff options
author | LUXEY Adrien <adrien.luxey@inria.fr> | 2021-02-03 11:16:23 +0100 |
---|---|---|
committer | LUXEY Adrien <adrien.luxey@inria.fr> | 2021-02-03 11:16:23 +0100 |
commit | 9d8201c3054c7ceed645742d7127e317aa16c586 (patch) | |
tree | 9edef37557e48b54d7fe81abaf3bd50cdf8b619c /src/_next/css/main.css | |
parent | 9b615381f0096e8fbbc2bc5706abc4c639b275ab (diff) | |
parent | 1b78d2fbeedb45e492f652d3b041ba9b22dffe37 (diff) | |
download | site-9d8201c3054c7ceed645742d7127e317aa16c586.tar.gz site-9d8201c3054c7ceed645742d7127e317aa16c586.zip |
Merge branch 'master' of git.deuxfleurs.fr:Deuxfleurs/site
Diffstat (limited to 'src/_next/css/main.css')
-rw-r--r-- | src/_next/css/main.css | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/src/_next/css/main.css b/src/_next/css/main.css new file mode 100644 index 0000000..fbbaa8a --- /dev/null +++ b/src/_next/css/main.css @@ -0,0 +1,82 @@ +/* some reset */ +html, body { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; + height: 100%; + font-size: 24px; +} + +/* fonts */ +@font-face { + font-family: 'IM Fell English'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url(../fonts/IMFellEnglish-Italic.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; +} +@font-face { + font-family: 'IM Fell English'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(../fonts/IMFellEnglish-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; +} + +html { + background-color: #fbfcf8; +} + +body { + max-width: 900px; + padding: 1em; + margin: auto; + font-family: 'IM Fell English', Times, Serif; + color: #5c544a; +} + +.hero { + background-image: url("../img/illus.jpg"); + transform: rotate(-2deg); + height: 530px; + background-size: cover; + background-position: 50% 0%; + border-radius: 10px; + margin: -1.8em -1em 3em -1em; +} + +.hero img { + position: absolute; + top: -14px; + left: 25px; + height: 100px; +} + +header { + padding: 1em 0em 2em 0em; +} + +article { + background-color: #f4eccd; + padding: 1em; + border-radius: 10px; +} + +.brand { + font-size: 2em; + float: left; +} + +nav { + float: right; +} + +nav li { + padding: 0.5em; + display: inline; +} |