From 0de2ff3b63e38c2cf987dc7803ed5f836df3a6f9 Mon Sep 17 00:00:00 2001
From: "jeremy.gobet" <jeremy.gobet@hesge.ch>
Date: Thu, 18 Mar 2021 10:32:03 +0100
Subject: [PATCH] CSS implemented
---
frontend/index.html | 1 +
frontend/res/css/style.css | 89 ++++++++++++++++++++++++++++++++++++++
2 files changed, 90 insertions(+)
create mode 100644 frontend/res/css/style.css
diff --git a/frontend/index.html b/frontend/index.html
index 930dba7..8b202f8 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -4,6 +4,7 @@
<head>
<meta charset="utf-8">
<title>Blagues de Chuck Norris</title>
+ <link rel="stylesheet" type="text/css" href="res/css/style.css">
</head>
<body>
diff --git a/frontend/res/css/style.css b/frontend/res/css/style.css
new file mode 100644
index 0000000..bb39441
--- /dev/null
+++ b/frontend/res/css/style.css
@@ -0,0 +1,89 @@
+html, body {
+ margin: 0;
+ min-height: 100%;
+
+ background-color: #eee;
+}
+
+header, footer {
+ width: 100%;
+
+ color: white;
+ background-color: #5c81a9;
+}
+
+/* COMMON */
+
+p {
+ margin: 8px 0;
+}
+
+.container {
+ overflow: auto;
+ margin: 0 auto;
+ width: 768px;
+}
+
+/* HEADER */
+
+header {
+ position: fixed;
+ top: 0;
+
+ height: 100px;
+}
+
+header > .container {
+ height: 100%;
+}
+
+header > .container > img {
+ height: 100%;
+}
+
+header > .container > span {
+ position: absolute;
+
+ margin-left: 30px;
+ height: 100px;
+ line-height: 100px;
+
+ font-size: 2.5em;
+}
+
+/* NAVIGATION */
+
+nav {
+ padding-top: 130px;
+ padding-bottom: 30px;
+}
+
+/* MAIN */
+
+main {
+ margin: 0 auto;
+}
+
+.content {
+ padding: 20px;
+ border-radius: 8px;
+ background-color: white;
+}
+
+/* FOOTER */
+
+body {
+ position: relative;
+}
+
+main {
+ padding-bottom: 120px;
+}
+
+footer {
+ position: absolute;
+ bottom: 0;
+ height: 90px;
+ margin-top: 30px;
+ text-align: center;
+}
--
GitLab