commit 4a965e4cd590683d7afca760d3f53d9a5c99c8bb
parent bbd110ae388d4ecc566978a658e59056ba2330b6
Author: WimDupont <WimDupont@users.noreply.gitlab.com>
Date: Sun, 5 Sep 2021 09:57:21 +0200
css update
Diffstat:
2 files changed, 21 insertions(+), 64 deletions(-)
diff --git a/src/main/resources/static/css/main.css b/src/main/resources/static/css/main.css
@@ -1,15 +1,8 @@
body {
- background-color: #444;
+ background: linear-gradient(black, darkslategrey) fixed;
color: #e4e4e4;
-}
-
-.container {
- max-width: 1000px;
-}
-
-.wrapper {
- max-width: 960px;
- margin: 0 auto;
+ margin-bottom: 100px ;
+ font-family: sans-serif;
}
header {
@@ -28,16 +21,12 @@ nav a {
padding: 10px;
}
-.navimg {
- padding: 2px;
-}
nav .right {
margin-left: auto;
}
table {
- font-family: arial, sans-serif;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
@@ -50,82 +39,50 @@ td, th {
}
tr:nth-child(even) {
- background-color: #2F4F4F;
+ background-color: #202929;
}
-a {
- text-decoration: none;
- color: #e39777;
+tr:nth-child(odd) {
+ background-color: black;
}
img {
filter: grayscale(30%);
}
+a {
+ text-decoration: none;
+ color: #e39777;
+}
+
a:hover {
text-decoration: underline;
}
-.nav-space-left {
- padding-left: 80px;
-}
+/* == classes == */
.subheader {
color: orange;
text-align: center;
margin: 30px;
}
-
-nav {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- border-bottom: 1px solid grey;
-}
-
-nav a {
- padding: 10px;
-}
-
-nav .right {
- margin-left: auto;
-}
-
-table {
- font-family: arial, sans-serif;
- border-collapse: collapse;
- margin-left: auto;
- margin-right: auto;
+.container {
+ max-width: 1000px;
}
-td, th {
- border: 1px solid #dddddd;
- text-align: left;
- padding: 8px;
+.wrapper {
+ max-width: 960px;
+ margin: 0 auto;
}
-tr:nth-child(even) {
- background-color: #2F4F4F;
+.navimg {
+ padding: 2px;
}
-a {
+.navimg:hover {
text-decoration: none;
- color: #e39777;
-}
-
-img {
- filter: grayscale(30%);
-}
-
-a:hover {
- text-decoration: underline;
}
.nav-space-left {
padding-left: 80px;
}
-
-.subheader {
- color: orange;
- text-align: center;
-}
diff --git a/src/main/resources/templates/home.html b/src/main/resources/templates/home.html
@@ -8,7 +8,7 @@
<body>
<div class="container wrapper">
<header>
- <h1 class="home-title">Hello, World!</h1>
+ <h1 class="home-title">Home</h1>
<div th:insert="navigation"/>
</header>
<div th:if="${affirmation != null}">
