aboutsummaryrefslogtreecommitdiff
path: root/src/_next/css
diff options
context:
space:
mode:
authorLUXEY Adrien <adrien.luxey@inria.fr>2021-02-03 11:16:23 +0100
committerLUXEY Adrien <adrien.luxey@inria.fr>2021-02-03 11:16:23 +0100
commit9d8201c3054c7ceed645742d7127e317aa16c586 (patch)
tree9edef37557e48b54d7fe81abaf3bd50cdf8b619c /src/_next/css
parent9b615381f0096e8fbbc2bc5706abc4c639b275ab (diff)
parent1b78d2fbeedb45e492f652d3b041ba9b22dffe37 (diff)
downloadsite-9d8201c3054c7ceed645742d7127e317aa16c586.tar.gz
site-9d8201c3054c7ceed645742d7127e317aa16c586.zip
Merge branch 'master' of git.deuxfleurs.fr:Deuxfleurs/site
Diffstat (limited to 'src/_next/css')
-rw-r--r--src/_next/css/main.css82
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;
+}