From 81a5bd16466aed343c2ceec11373eff42431f961 Mon Sep 17 00:00:00 2001
From: Dorian Lesbre <dorian.lesbre@gmail.com>
Date: Thu, 18 Mar 2021 11:00:11 +0100
Subject: [PATCH] Added CSS section comments
---
home/static/css/style.css | 71 ++++++++++++++++++++++++++++-----------
1 file changed, 52 insertions(+), 19 deletions(-)
diff --git a/home/static/css/style.css b/home/static/css/style.css
index c522f95..12e6f56 100644
--- a/home/static/css/style.css
+++ b/home/static/css/style.css
@@ -26,6 +26,10 @@ body {
margin: 0px 0px 50px;
}
+/* ===========================
+// Header
+// =========================== */
+
header {
display: flex;
background-color: var(--color_bg_1);
@@ -72,6 +76,11 @@ header #head_main_infos {
}
}
+
+/* ===========================
+// Navbar
+// =========================== */
+
nav {
text-align: center;
display: flex;
@@ -134,6 +143,9 @@ nav a.icon {
}
+/* ===========================
+// Main
+// =========================== */
main {
background-color: var(--color-bg);
@@ -178,6 +190,24 @@ main a:link {
text-decoration: underline;
color: rgb(62, 62, 255);
}
+
+.flex {
+ display: flex;
+}
+.wrap {
+ flex-flow: row wrap;
+ flex-wrap: wrap;
+}
+
+.antispam {
+ unicode-bidi: bidi-override;
+ direction: rtl;
+}
+
+/* ===========================
+// Metrics
+// =========================== */
+
.lines {
border-top: 2px solid #333;
border-bottom: 2px solid #333;
@@ -198,6 +228,10 @@ main a:link {
font-size: 2em;
}
+/* ===========================
+// Lists
+// =========================== */
+
dl {
list-style: none;
display: grid;
@@ -216,24 +250,9 @@ dl dd {
text-align: left;
}
-span.helptext {
- color: #444444;
- font-size: 0.8em;
- font-style: italic;
-}
-
-.flex {
- display: flex;
-}
-.wrap {
- flex-flow: row wrap;
- flex-wrap: wrap;
-}
-
-.antispam {
- unicode-bidi: bidi-override;
- direction: rtl;
-}
+/* ===========================
+// Forms
+// =========================== */
.button, .button:link, .button:visited, input[type=submit] {
color: white;
@@ -249,6 +268,12 @@ span.helptext {
background-color: var(--color_bg_2);
}
+span.helptext {
+ color: #444444;
+ font-size: 0.8em;
+ font-style: italic;
+}
+
.activity-form p {
flex-grow: 1;
max-width: 500px;
@@ -279,6 +304,10 @@ div.error {
margin: 10px;
}
+/* ===========================
+// Messages
+// =========================== */
+
ul.messagelist {
padding: 0;
margin-top: 20px;
@@ -322,6 +351,10 @@ ul.messagelist li.info:before {
content: "\f05a";
}
+/* ===========================
+// Footer
+// =========================== */
+
footer {
position: absolute;
bottom: 0;
@@ -341,4 +374,4 @@ footer #sponsors img {
margin: 0;
height: 40px;
margin-right: 20px;
-}
\ No newline at end of file
+}
--
GitLab