Added CSS section comments

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
+}