CSS implemented

0de2ff3b · jeremy.gobet · 357dfe5b · 0de2ff3b · 0de2ff3b
Commit 0de2ff3b authored 4 years ago by jeremy.gobet
--- 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>
    

--- a/frontend/res/css/style.css
+++ b/frontend/res/css/style.css
+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;
+}