From 03d1446aad8b26f6ea77d2a5e114b7be2eebd7bf Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <ste.pigozzi@gmail.com>
Date: Thu, 1 Aug 2019 17:21:15 +0200
Subject: [PATCH] Huge css cleanup

---
 .../web/royalprints/home/templates/home.html  |   6 +-
 .../login/templates/login_index.html          |   6 +-
 .../login/templates/login_success.html        |   6 +-
 .../mcstatus/templates/mcstatus.html          |   6 +-
 .../templates/newaccount_index.html           |   6 +-
 .../profile/templates/profile_index.html      |   6 +-
 .../profile/templates/profile_page.html       |  20 +-
 .../tglogin/templates/tglogin_index.html      |   6 +-
 .../tglogin/templates/tglogin_success.html    |   6 +-
 .../wikiedit/templates/wikiedit_page.html     |   8 +-
 .../wikiview/templates/wikiview_index.html    |   6 +-
 .../wikiview/templates/wikiview_page.html     |  46 +-
 royalnet/web/static/ryg.css                   | 354 +++++++-------
 royalnet/web/static/ryg.css.map               |   2 +-
 royalnet/web/static/ryg.less                  | 448 +++++++++---------
 royalnet/web/static/tf2.css                   |  36 +-
 royalnet/web/static/tf2.css.map               |   2 +-
 royalnet/web/static/tf2.less                  |  12 +-
 royalnet/web/templates/base.html              |   6 +-
 royalnet/web/templates/error.html             |   6 +-
 20 files changed, 514 insertions(+), 480 deletions(-)

diff --git a/royalnet/web/royalprints/home/templates/home.html b/royalnet/web/royalprints/home/templates/home.html
index 69623ebb..22deebd5 100644
--- a/royalnet/web/royalprints/home/templates/home.html
+++ b/royalnet/web/royalprints/home/templates/home.html
@@ -5,11 +5,11 @@
 {% endblock %}
 
 {% block content %}
-    <div class="doublebox">
-        <div class="top">
+    <div class="dbox">
+        <div class="dbox-top">
             <span class="left">Under construction</span>
         </div>
-        <div class="bot">
+        <div class="dbox-bot">
             <p>
                 Lentamente, su questo sito stanno apparendo nuove features. Come il <a href="{{ url_for("diarioview.diarioview_page", page=1) }}">diario</a> e i <a href="{{ url_for("profile.profile_index") }}">profili</a>!
             </p>
diff --git a/royalnet/web/royalprints/login/templates/login_index.html b/royalnet/web/royalprints/login/templates/login_index.html
index 974d666a..e5ee037a 100644
--- a/royalnet/web/royalprints/login/templates/login_index.html
+++ b/royalnet/web/royalprints/login/templates/login_index.html
@@ -6,13 +6,13 @@
 
 {% block content %}
     <div class="login">
-        <div class="doublebox">
-            <div class="top">
+        <div class="dbox">
+            <div class="dbox-top">
                 <span class="left">
                     Password Login
                 </span>
             </div>
-            <div class="bot">
+            <div class="dbox-bot">
                 <p>
                     Non hai una password? Prova il <a href="{{ url_for("tglogin.tglogin_index") }}">Login con Telegram</a>!
                 </p>
diff --git a/royalnet/web/royalprints/login/templates/login_success.html b/royalnet/web/royalprints/login/templates/login_success.html
index d9005137..3b72851b 100644
--- a/royalnet/web/royalprints/login/templates/login_success.html
+++ b/royalnet/web/royalprints/login/templates/login_success.html
@@ -5,13 +5,13 @@
 {% endblock %}
 
 {% block content %}
-    <div class="doublebox">
-        <div class="top">
+    <div class="dbox">
+        <div class="dbox-top">
             <span class="left">
                 Password Login
             </span>
         </div>
-        <div class="bot">
+        <div class="dbox-bot">
             Login riuscito! Sei connesso come <b>{{ session["royal"]["username"] }}</b>!
         </div>
     </div>
diff --git a/royalnet/web/royalprints/mcstatus/templates/mcstatus.html b/royalnet/web/royalprints/mcstatus/templates/mcstatus.html
index e6c3a560..d259c420 100644
--- a/royalnet/web/royalprints/mcstatus/templates/mcstatus.html
+++ b/royalnet/web/royalprints/mcstatus/templates/mcstatus.html
@@ -5,11 +5,11 @@
 {% endblock %}
 
 {% block content %}
-    <div class="doublebox">
-        <div class="top">
+    <div class="dbox">
+        <div class="dbox-top">
             <span class="left">Minecraft Server Status</span>
         </div>
-        <div class="bot">
+        <div class="dbox-bot">
             <div class="mcstatus-grid">
                 {% if query %}
                     {% if status.favicon %}
diff --git a/royalnet/web/royalprints/newaccount/templates/newaccount_index.html b/royalnet/web/royalprints/newaccount/templates/newaccount_index.html
index 7d8e952b..c1611329 100644
--- a/royalnet/web/royalprints/newaccount/templates/newaccount_index.html
+++ b/royalnet/web/royalprints/newaccount/templates/newaccount_index.html
@@ -6,13 +6,13 @@
 
 {% block content %}
     <div class="login">
-        <div class="doublebox">
-            <div class="top">
+        <div class="dbox">
+            <div class="dbox-top">
                 <span class="left">
                     Nuovo account
                 </span>
             </div>
-            <div class="bot">
+            <div class="dbox-bot">
                 <form method="post" class="newaccount-form fullsize">
                     <label for="newaccount-username">
                         <span class="label-text">Username</span>
diff --git a/royalnet/web/royalprints/profile/templates/profile_index.html b/royalnet/web/royalprints/profile/templates/profile_index.html
index 9ef02607..6a958856 100644
--- a/royalnet/web/royalprints/profile/templates/profile_index.html
+++ b/royalnet/web/royalprints/profile/templates/profile_index.html
@@ -5,13 +5,13 @@
 {% endblock %}
 
 {% block content %}
-    <div class="doublebox">
-        <div class="top">
+    <div class="dbox">
+        <div class="dbox-top">
             <span class="left">
                 Elenco profili
             </span>
         </div>
-        <div class="bot">
+        <div class="dbox-bot">
             <ul>
                 {% for royal in royals %}
                     <li><a href="{{ url_for("profile.profile_by_username", username=royal.username) }}">{{ royal.username }}</a></li>
diff --git a/royalnet/web/royalprints/profile/templates/profile_page.html b/royalnet/web/royalprints/profile/templates/profile_page.html
index b6d8ff65..4d1512f2 100644
--- a/royalnet/web/royalprints/profile/templates/profile_page.html
+++ b/royalnet/web/royalprints/profile/templates/profile_page.html
@@ -9,11 +9,11 @@
         <h1>
             {{ royal.username }}
         </h1>
-        <div class="doublebox profile-links">
-            <div class="top">
+        <div class="dbox profile-links">
+            <div class="dbox-top">
                 <span class="left">Account collegati</span>
             </div>
-            <div class="bot">
+            <div class="dbox-bot">
                 <ul class="links-list">
                     <li><span class="links-item links-linked">royalnet:{{ royal.username }}</span></li>
                     {% for telegram in royal.telegram %}
@@ -33,11 +33,11 @@
                 </ul>
             </div>
         </div>
-        <div class="doublebox profile-stats">
-            <div class="top">
+        <div class="dbox profile-stats">
+            <div class="dbox-top">
                 <span class="left">Statistiche</span>
             </div>
-            <div class="bot">
+            <div class="dbox-bot">
                 <ul class="stats-list">
                     <li><span class="stats-info">Righe del diario create</span>: <span class="stats-value">{{ royal.diario_created|length }}</span></li>
                     <li><span class="stats-info">Righe del diario in cui è menzionato</span>: <span class="stats-value">{{ royal.diario_quoted|length }}</span></li>
@@ -45,16 +45,16 @@
                     {% if royal.active_kv_group %}
                         <li><span class="stats-info">Kvgroup attivo</span>: <span class="stats-value">{{ royal.active_kv_group[0].group_name }}</span></li>
                     {% else %}
-                        <li><span class="stats-info">Kvgroup attivo</span>: <span class="stats-value faded">Nessuno</span></li>
+                        <li><span class="stats-info">Kvgroup attivo</span>: <span class="stats-value disabled">Nessuno</span></li>
                     {% endif %}
                 </ul>
             </div>
         </div>
-        <div class="doublebox profile-aliases">
-            <div class="top">
+        <div class="dbox profile-aliases">
+            <div class="dbox-top">
                 <span class="left">Alias</span>
             </div>
-            <div class="bot">
+            <div class="dbox-bot">
                 <ul class="alias-list">
                     {% for alias in royal.aliases %}
                         <li>{{ alias.alias|capitalize }}</li>
diff --git a/royalnet/web/royalprints/tglogin/templates/tglogin_index.html b/royalnet/web/royalprints/tglogin/templates/tglogin_index.html
index b4a5ad24..03a5e3b3 100644
--- a/royalnet/web/royalprints/tglogin/templates/tglogin_index.html
+++ b/royalnet/web/royalprints/tglogin/templates/tglogin_index.html
@@ -5,13 +5,13 @@
 {% endblock %}
 
 {% block content %}
-    <div class="doublebox">
-        <div class="top">
+    <div class="dbox">
+        <div class="dbox-top">
             <span class="left">
                 Telegram Login
             </span>
         </div>
-        <div class="bot">
+        <div class="dbox-bot">
             <p>
                 Facendo il login su questo sito, acconsenti a ricevere due <abbr title="cookie">biscottini</abbr> che memorizzino l'account con cui hai fatto il login.<br>
             </p>
diff --git a/royalnet/web/royalprints/tglogin/templates/tglogin_success.html b/royalnet/web/royalprints/tglogin/templates/tglogin_success.html
index 1dba4f41..eb080a7a 100644
--- a/royalnet/web/royalprints/tglogin/templates/tglogin_success.html
+++ b/royalnet/web/royalprints/tglogin/templates/tglogin_success.html
@@ -5,13 +5,13 @@
 {% endblock %}
 
 {% block content %}
-    <div class="doublebox">
-        <div class="top">
+    <div class="dbox">
+        <div class="dbox-top">
             <span class="left">
                 Telegram Login
             </span>
         </div>
-        <div class="bot">
+        <div class="dbox-bot">
             Login riuscito! Sei connesso come <b>{{ session["royal"]["username"] }}</b>!
         </div>
     </div>
diff --git a/royalnet/web/royalprints/wikiedit/templates/wikiedit_page.html b/royalnet/web/royalprints/wikiedit/templates/wikiedit_page.html
index 90023d28..dcaf3cbf 100644
--- a/royalnet/web/royalprints/wikiedit/templates/wikiedit_page.html
+++ b/royalnet/web/royalprints/wikiedit/templates/wikiedit_page.html
@@ -10,15 +10,15 @@
 {% endblock %}
 
 {% block content %}
-    <div class="doublebox">
-        <div class="top">
+    <div class="dbox">
+        <div class="dbox-top">
             <span class="left">
                 Editor Wiki
             </span>
         </div>
-        <div class="bot">
+        <div class="dbox-bot">
             <form method="POST" class="wikiedit-form fullsize">
-                <label for="wikiedit-title">
+                <label for="wikiedit-title" class="label-big">
                     <span class="label-text">Titolo</span>
                     <input id="wikiedit-title" type="text" name="title" value="{{ page.title }}">
                 </label>
diff --git a/royalnet/web/royalprints/wikiview/templates/wikiview_index.html b/royalnet/web/royalprints/wikiview/templates/wikiview_index.html
index 39b99cea..20a61304 100644
--- a/royalnet/web/royalprints/wikiview/templates/wikiview_index.html
+++ b/royalnet/web/royalprints/wikiview/templates/wikiview_index.html
@@ -5,13 +5,13 @@
 {% endblock %}
 
 {% block content %}
-    <div class="doublebox">
-        <div class="top">
+    <div class="dbox">
+        <div class="dbox-top">
             <span class="left">
                 Wiki
             </span>
         </div>
-        <div class="bot">
+        <div class="dbox-bot">
             {% if session.royal %}
                 <a href="{{ url_for("wikiedit.wikiedit_newpage") }}" class="btn no-icon">Crea nuova pagina</a>
             {% else %}
diff --git a/royalnet/web/royalprints/wikiview/templates/wikiview_page.html b/royalnet/web/royalprints/wikiview/templates/wikiview_page.html
index 2aad57e0..f248af5a 100644
--- a/royalnet/web/royalprints/wikiview/templates/wikiview_page.html
+++ b/royalnet/web/royalprints/wikiview/templates/wikiview_page.html
@@ -5,28 +5,30 @@
 {% endblock %}
 
 {% block content %}
-    <div class="doublebox wikiview-doublebox">
-        <div class="top">
-            <span class="left">
-                Wiki page
-            </span>
-            <span class="right">
-                {% if session.royal %}
-                    <a class="edit no-icon" href="{{ url_for("wikiedit.wikiedit_by_id", page_id=page.page_short_id, title=page.title) }}">Modifica</a>
-                {% else %}
-                    <a class="edit no-icon faded" title="Devi fare il login per modificare pagine!">Modifica</a>
-                {% endif %}
-                |
-                <a class="permalink no-icon" href="{{ url_for("wikiview.wikiview_by_id", page_id=page.page_short_id, title=page.title) }}">Permalink</a>
-            </span>
-        </div>
-        <div class="bot">
-            <div class="wikiview-page">
-                <h1 class="wikiview-title">
-                    {{ page.title }}
-                </h1>
-                <div class="wikiview-content">
-                    {{ parsed_content }}
+    <div class="wikiview">
+        <div class="dbox wiki-doublebox">
+            <div class="dbox-top">
+                <span class="left">
+                    Wiki page
+                </span>
+                <span class="right">
+                    {% if session.royal %}
+                        <a class="edit no-icon" href="{{ url_for("wikiedit.wikiedit_by_id", page_id=page.page_short_id, title=page.title) }}">Modifica</a>
+                    {% else %}
+                        <a class="edit no-icon disabled" title="Devi fare il login per modificare pagine!">Modifica</a>
+                    {% endif %}
+                    |
+                    <a class="permalink no-icon" href="{{ url_for("wikiview.wikiview_by_id", page_id=page.page_short_id, title=page.title) }}">Permalink</a>
+                </span>
+            </div>
+            <div class="dbox-bot">
+                <div class="wikiview-page">
+                    <h1 class="wikiview-title">
+                        {{ page.title }}
+                    </h1>
+                    <div class="wikiview-content">
+                        {{ parsed_content }}
+                    </div>
                 </div>
             </div>
         </div>
diff --git a/royalnet/web/static/ryg.css b/royalnet/web/static/ryg.css
index 5297c284..687b3622 100644
--- a/royalnet/web/static/ryg.css
+++ b/royalnet/web/static/ryg.css
@@ -1,3 +1,5 @@
+/*** Variables ***/
+/*** Standard elements ***/
 body {
   font-family: "Arial", "Helvetica Neue", sans-serif;
   background-color: #0d193b;
@@ -116,6 +118,14 @@ a:not(.no-icon)[href^="magnet:"]::before {
   content: "\f076";
   margin-right: 4px;
 }
+b,
+strong {
+  color: #ffff7d;
+}
+i,
+em {
+  color: #ffbb7d;
+}
 h1,
 h2,
 h3,
@@ -128,11 +138,17 @@ h6 {
   font-weight: normal;
 }
 pre {
-  color: lightgray;
-  border: 1px solid rgba(160, 204, 255, 0.1);
-  background-color: rgba(160, 204, 255, 0.1);
   padding: 2px 4px 2px 8px;
   margin: 8px;
+  color: lightgray;
+  border: 1px solid rgba(211, 211, 211, 0.2);
+  background-color: rgba(211, 211, 211, 0.1);
+  font-family: "Consolas", "Source Code Pro", monospace;
+}
+*:not(pre) > code {
+  color: lightgray;
+  border: 1px solid rgba(211, 211, 211, 0.2);
+  background-color: rgba(211, 211, 211, 0.1);
 }
 code {
   font-family: "Consolas", "Source Code Pro", monospace;
@@ -298,27 +314,106 @@ table tbody tr:last-child td:first-child {
 table tbody tr:last-child td:last-child {
   border-radius: 0 0 4px 0;
 }
-.h-container {
+form.fullsize label {
+  margin-top: 4px;
+  margin-bottom: 4px;
+  display: flex;
+}
+form.fullsize label .label-text {
+  margin-right: 12px;
+  min-width: 60px;
+}
+form.fullsize label input {
+  flex-grow: 1;
+}
+form.fullsize label.label-big {
+  font-size: x-large;
+}
+form.fullsize label.label-big * {
+  font-size: x-large;
+}
+*[disabled=""],
+.disabled {
+  opacity: 0.3;
+}
+/*** Custom elements ***/
+.CodeMirror {
+  font-family: "Consolas", monospace !important;
+  background-color: transparent;
+  color: #a0ccff;
+  border-top: 0;
+  border-bottom: 0;
+  border-left: 1px solid rgba(160, 204, 255, 0.2);
+  border-right: 1px solid rgba(160, 204, 255, 0.2);
+  border-radius: 0;
+}
+.CodeMirror .cm-link {
+  color: #7dffff !important;
+}
+.CodeMirror .cm-url {
+  color: #00caca !important;
+}
+.CodeMirror .cm-tag {
+  color: #ff7dff !important;
+}
+.CodeMirror .cm-strong {
+  color: #ffff7d !important;
+}
+.CodeMirror .cm-em {
+  color: #ffbb7d !important;
+}
+.CodeMirror .cm-quote {
+  color: #7dff7d !important;
+}
+.CodeMirror .cm-comment {
+  color: lightgray !important;
+}
+.CodeMirror .cm-header {
+  color: #ffffff !important;
+}
+.editor-toolbar,
+.editor-statusbar {
+  background-color: #0e1c47;
+  color: #a0ccff !important;
+  border: 0;
+  opacity: 1 !important;
+}
+.editor-toolbar a,
+.editor-statusbar a {
+  color: #a0ccff !important;
+  border: 0;
+}
+.editor-toolbar a:hover,
+.editor-statusbar a:hover {
+  background-color: rgba(160, 204, 255, 0.2);
+  color: #ffffff !important;
+}
+.editor-toolbar a.active,
+.editor-statusbar a.active {
+  background-color: rgba(160, 204, 255, 0.3);
+  color: white !important;
+}
+.editor-toolbar a.active:hover,
+.editor-statusbar a.active:hover {
+  background-color: rgba(160, 204, 255, 0.2);
+  color: #ffffff !important;
+}
+.horizontal-container {
   display: flex;
   justify-content: center;
   align-content: center;
-  flex-direction: column;
+  flex-direction: row;
 }
-@media (min-width: 800px) {
-  .h-container {
-    flex-direction: row;
+@media (max-width: 799px) {
+  .horizontal-container {
+    flex-direction: column;
   }
 }
-.main-container {
+.vertical-main {
   width: 100%;
 }
-@media (min-width: 800px) {
-  .main-container {
-    width: 800px;
-  }
-}
 @media (min-width: 1200px) {
-  .main-container {
+  .vertical-main {
     width: 1200px;
   }
 }
@@ -328,10 +423,10 @@ table tbody tr:last-child td:last-child {
   padding: 8px;
   margin: 8px;
 }
-.doublebox {
+.dbox {
   margin: 8px;
 }
-.doublebox .top {
+.dbox .dbox-top {
   display: flex;
   justify-content: space-between;
   background-color: rgba(160, 204, 255, 0.2);
@@ -342,41 +437,27 @@ table tbody tr:last-child td:last-child {
   font-weight: bold;
   height: 16px;
 }
-.doublebox .top .left {
+.dbox .dbox-top .left {
   align-self: flex-start;
 }
-.doublebox .top .right {
+.dbox .dbox-top .right {
   align-self: flex-end;
 }
-.doublebox .bot {
+.dbox .dbox-bot {
   background-color: rgba(160, 204, 255, 0.1);
   padding: 8px;
   border-radius: 0 0 4px 4px;
 }
-.doublebox.doublebox-red .top {
-  background-color: rgba(255, 125, 125, 0.2);
-  color: #ff7d7d;
-}
-.doublebox.doublebox-red .bot {
-  background-color: rgba(255, 125, 125, 0.1);
-  color: #ff7d7d;
-}
-.multirow {
-  list-style-type: none;
-  margin-top: 0;
-  margin-bottom: 0;
-  padding-left: 0;
-}
-.palette-color {
+.color {
   border-radius: 4px;
   width: 32px;
   height: 32px;
   display: inline-block;
 }
-.palette-color.light {
+.color.color-light {
   border: 1px solid black;
 }
-.palette-color.dark {
+.color.color-dark {
   border: 1px solid white;
 }
 .proscons {
@@ -487,7 +568,7 @@ table tbody tr:last-child td:last-child {
   content: "\f0c8";
   margin-right: 6px;
 }
-.proscons.big {
+.proscons.label-big {
   font-size: xx-large;
 }
 .spoiler {
@@ -499,155 +580,35 @@ table tbody tr:last-child td:last-child {
 .spoiler:hover {
   color: #a0ccff;
 }
-.faded,
-input[disabled=""],
-button[disabled=""] {
-  opacity: 0.3;
-}
-form.fullsize label {
-  margin-top: 4px;
-  margin-bottom: 4px;
-  display: flex;
-}
-form.fullsize label .label-text {
-  margin-right: 12px;
-  min-width: 60px;
-}
-form.fullsize label input {
-  flex-grow: 1;
-}
-form.fullsize label[for="wikiedit-title"] {
-  font-size: x-large;
-}
-form.fullsize label[for="wikiedit-title"] * {
-  font-size: x-large;
-}
-form.fullsize .editor-toolbar,
-form.fullsize .editor-statusbar {
-  background-color: #0e1c47;
-  color: #a0ccff !important;
-  border: 0;
-  opacity: 1 !important;
-}
-form.fullsize .editor-toolbar a,
-form.fullsize .editor-statusbar a {
-  color: #a0ccff !important;
-  border: 0;
-}
-form.fullsize .editor-toolbar a:hover,
-form.fullsize .editor-statusbar a:hover {
-  background-color: rgba(160, 204, 255, 0.2);
-  color: #ffffff !important;
-}
-form.fullsize .editor-toolbar a.active,
-form.fullsize .editor-statusbar a.active {
-  background-color: rgba(160, 204, 255, 0.3);
-  color: white !important;
-}
-form.fullsize .editor-toolbar a.active:hover,
-form.fullsize .editor-statusbar a.active:hover {
-  background-color: rgba(160, 204, 255, 0.2);
-  color: #ffffff !important;
-}
-form.fullsize .CodeMirror {
-  font-family: "Consolas", monospace !important;
-  background-color: transparent;
-  color: #a0ccff;
-  border-top: 0;
-  border-bottom: 0;
-  border-left: 1px solid rgba(160, 204, 255, 0.2);
-  border-right: 1px solid rgba(160, 204, 255, 0.2);
-  border-radius: 0;
-}
-form.fullsize .CodeMirror .cm-link {
-  color: #7dffff !important;
-}
-form.fullsize .CodeMirror .cm-url {
-  color: #00caca !important;
-}
-form.fullsize .CodeMirror .cm-tag {
-  color: #ff7dff !important;
-}
-form.fullsize .CodeMirror .cm-strong {
-  color: #ffff7d !important;
-}
-form.fullsize .CodeMirror .cm-em {
-  color: #ffbb7d !important;
-}
-form.fullsize .CodeMirror .cm-quote {
-  color: #7dff7d !important;
-}
-form.fullsize .CodeMirror .cm-comment {
-  color: lightgray !important;
-}
-form.fullsize .CodeMirror .cm-header {
-  color: #ffffff !important;
-}
-.mcstatus-grid {
-  display: grid;
-  grid-template-columns: 64px auto auto;
-  grid-column-gap: 12px;
-  align-items: center;
-}
-.mcstatus-grid .mcstatus-icon {
-  grid-column: 1;
-  grid-row-start: 1;
-  grid-row-end: 3;
-  width: 64px;
-  height: 64px;
-}
-.mcstatus-grid .mcstatus-icon .mcstatus-icon-img {
-  width: 64px;
-  height: 64px;
-}
-.mcstatus-grid .mcstatus-address {
-  font-weight: bold;
-  grid-column: 2;
-  justify-self: start;
-  grid-row: 1;
-}
-.mcstatus-grid .mcstatus-address .server-up {
-  color: #7dff7d;
-}
-.mcstatus-grid .mcstatus-address .server-down {
-  color: #ff7d7d;
-}
-.mcstatus-grid .mcstatus-description {
-  grid-column: 2;
-  justify-self: start;
-  grid-row: 2;
-}
-.mcstatus-grid .mcstatus-players {
-  grid-column: 3;
-  justify-self: end;
-  grid-row: 1;
-}
-.mcstatus-grid .mcstatus-version {
-  grid-column: 3;
-  justify-self: end;
-  grid-row: 2;
-}
-.wikiview-doublebox .bot {
+.wiki .wiki-doublebox .dbox-bot {
   background-color: transparent;
   border-top: 0;
   border-bottom: 4px solid rgba(160, 204, 255, 0.2);
   border-left: 4px solid rgba(160, 204, 255, 0.2);
   border-right: 4px solid rgba(160, 204, 255, 0.2);
 }
-.wikiview-doublebox .bot .wikiview-title {
+.wiki .wiki-doublebox .dbox-bot .wikiview-title {
   text-align: center;
   font-size: 42px;
   margin-top: 0;
 }
-.wikiview-doublebox .bot h1,
-.wikiview-doublebox .bot h2,
-.wikiview-doublebox .bot h3,
-.wikiview-doublebox .bot h4,
-.wikiview-doublebox .bot h5,
-.wikiview-doublebox .bot h6 {
+.wiki h1,
+.wiki h2,
+.wiki h3,
+.wiki h4,
+.wiki h5,
+.wiki h6 {
   margin-top: revert;
   margin-bottom: revert;
 }
+.error .error-dbox .dbox-top {
+  background-color: rgba(255, 125, 125, 0.2);
+  color: #ff7d7d;
+}
+.error .error-dbox .dbox-bot {
+  background-color: rgba(255, 125, 125, 0.1);
+  color: #ff7d7d;
+}
 .diario {
   display: grid;
   grid-template-columns: auto auto 40px;
@@ -709,6 +670,51 @@ form.fullsize .CodeMirror .cm-header {
 .diario.diario-spoiler:hover {
   color: #ff7d7d;
 }
+/*** Page specific classes ***/
+.mcstatus-grid {
+  display: grid;
+  grid-template-columns: 64px auto auto;
+  grid-column-gap: 12px;
+  align-items: center;
+}
+.mcstatus-grid .mcstatus-icon {
+  grid-column: 1;
+  grid-row-start: 1;
+  grid-row-end: 3;
+  width: 64px;
+  height: 64px;
+}
+.mcstatus-grid .mcstatus-icon .mcstatus-icon-img {
+  width: 64px;
+  height: 64px;
+}
+.mcstatus-grid .mcstatus-address {
+  font-weight: bold;
+  grid-column: 2;
+  justify-self: start;
+  grid-row: 1;
+}
+.mcstatus-grid .mcstatus-address .server-up {
+  color: #7dff7d;
+}
+.mcstatus-grid .mcstatus-address .server-down {
+  color: #ff7d7d;
+}
+.mcstatus-grid .mcstatus-description {
+  grid-column: 2;
+  justify-self: start;
+  grid-row: 2;
+}
+.mcstatus-grid .mcstatus-players {
+  grid-column: 3;
+  justify-self: end;
+  grid-row: 1;
+}
+.mcstatus-grid .mcstatus-version {
+  grid-column: 3;
+  justify-self: end;
+  grid-row: 2;
+}
 .profile .profile-links .links-linked {
   font-family: "Consolas", "Source Code Pro", monospace;
 }
diff --git a/royalnet/web/static/ryg.css.map b/royalnet/web/static/ryg.css.map
index cd8a2abe..7d1a817f 100644
--- a/royalnet/web/static/ryg.css.map
+++ b/royalnet/web/static/ryg.css.map
@@ -1 +1 @@
-{"version":3,"sources":["ryg.less"],"names":[],"mappings":"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","file":"ryg.css"}
\ No newline at end of file
+{"version":3,"sources":["ryg.less"],"names":[],"mappings":"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","file":"ryg.css"}
\ No newline at end of file
diff --git a/royalnet/web/static/ryg.less b/royalnet/web/static/ryg.less
index 59bc2e4b..4928625e 100644
--- a/royalnet/web/static/ryg.less
+++ b/royalnet/web/static/ryg.less
@@ -1,3 +1,5 @@
+/*** Variables ***/
+
 @bg: #0d193b; //Background color
 @fg: #a0ccff; //Foreground color
 @li: #00caca; //Link
@@ -20,7 +22,9 @@
 @main-fonts: "Arial", "Helvetica Neue", sans-serif;
 @monospace-fonts: "Consolas", "Source Code Pro", monospace;
 
-//General
+
+/*** Standard elements ***/
+
 body {
     font-family: @main-fonts;
     background-color: @bg;
@@ -165,6 +169,14 @@ a {
     }
 }
 
+b, strong {
+    color: @pastel-yellow;
+}
+
+i, em {
+    color: @pastel-orange;
+}
+
 h1, h2, h3, h4, h5, h6 {
     color: @ec;
     margin-top: 0;
@@ -172,15 +184,21 @@ h1, h2, h3, h4, h5, h6 {
     font-weight: normal;
 }
 
-
 pre {
-    color: lightgray;
-    border: 1px solid @fg-ten;
-    background-color: @fg-ten;
     padding: 2px 4px 2px 8px;
     margin: 8px;
+
+    color: lightgray;
+    border: 1px solid fade(lightgray, 20%);
+    background-color: fade(lightgray, 10%);
+    font-family: @monospace-fonts;
 }
 
+*:not(pre) > code {
+    color: lightgray;
+    border: 1px solid fade(lightgray, 20%);
+    background-color: fade(lightgray, 10%);
+}
 code {
     font-family: @monospace-fonts;
 }
@@ -369,35 +387,134 @@ table {
     }
 }
 
+form.fullsize {
 
-//Elements
+    label {
+        margin-top: 4px;
+        margin-bottom: 4px;
+        display: flex;
 
-.h-container {
-    display: flex;
-    justify-content: center;
-    align-content: center;
-    flex-direction: column;
+        .label-text {
+            margin-right: 12px;
+            min-width: 60px;
+        }
 
-    @media (min-width: 800px)
-    {
-        flex-direction: row;
+        input {
+            flex-grow: 1;
+        }
+
+        &.label-big {
+            font-size: x-large;
+
+            * {
+                font-size: x-large;
+            }
+        }
     }
 }
 
-.main-container {
-    width: 100%;
+*[disabled=""], .disabled {
+    opacity: 0.3;
+}
 
-    @media (min-width: 800px)
-    {
-        width: 800px;
+
+
+/*** Custom elements ***/
+
+//Markdown editor
+.CodeMirror {
+    font-family: "Consolas", monospace !important;
+    background-color: transparent;
+    color: @fg;
+    border-top: 0;
+    border-bottom: 0;
+    border-left: 1px solid @fg-twenty;
+    border-right: 1px solid @fg-twenty;
+    border-radius: 0;
+
+    .cm-link {
+        color: @pastel-cyan !important;
     }
 
+    .cm-url {
+        color: @li !important;
+    }
+
+    .cm-tag {
+        color: @pastel-magenta !important;
+    }
+
+    .cm-strong {
+        color: @pastel-yellow !important;
+    }
+
+    .cm-em {
+        color: @pastel-orange !important;
+    }
+
+    .cm-quote {
+        color: @pastel-lime !important;
+    }
+
+    .cm-comment {
+        color: lightgray !important;
+    }
+
+    .cm-header {
+        color: @ec !important;
+    }
+}
+.editor-toolbar, .editor-statusbar {
+    background-color: @fg-twenty-hard;
+    color: @fg !important;
+    border: 0;
+    opacity: 1 !important;
+
+    a {
+        color: @fg !important;
+        border: 0;
+
+        &:hover {
+            background-color: @fg-twenty;
+            color: lighten(@fg, 25%) !important;
+        }
+
+        &.active {
+            background-color: fade(@fg, 30%);
+            color: white !important;
+
+            &:hover {
+                background-color: @fg-twenty;
+                color: lighten(@fg, 25%) !important;
+            }
+        }
+    }
+}
+
+//Horizontal container, should contain elements such as main and sidebar
+.horizontal-container {
+    display: flex;
+    justify-content: center;
+    align-content: center;
+    flex-direction: row;
+
+    @media (max-width: 799px)
+    {
+        flex-direction: column;
+    }
+}
+
+//Vertical main page container
+.vertical-main {
+    width: 100%;
+
     @media (min-width: 1200px)
     {
         width: 1200px;
     }
 }
 
+//A simple box
 .box {
     background-color: @fg-ten;
     border-radius: 4px;
@@ -405,10 +522,11 @@ table {
     margin: 8px;
 }
 
-.doublebox {
+//A double box
+.dbox {
     margin: 8px;
 
-    .top {
+    .dbox-top {
         display: flex;
         justify-content: space-between;
         background-color: @fg-twenty;
@@ -428,54 +546,36 @@ table {
         }
     }
 
-    .bot {
+    .dbox-bot {
         background-color: @fg-ten;
         padding: 8px;
         border-radius: 0 0 4px 4px;
     }
-
-    &.doublebox-red {
-        .top {
-            background-color: fade(@pastel-red, 20%);
-            color: @pastel-red;
-        }
-
-        .bot {
-            background-color: fade(@pastel-red, 10%);
-            color: @pastel-red;
-        }
-    }
 }
 
-//This is something about the sidebar... better leave it alone.
-.multirow {
-    list-style-type: none;
-    margin-top: 0;
-    margin-bottom: 0;
-    padding-left: 0;
-}
-
-.palette-color {
+//A palette color
+.color {
     border-radius: 4px;
     width: 32px;
     height: 32px;
     display: inline-block;
 
-    &.light {
+    &.color-light {
         border: 1px solid black;
     }
 
-    &.dark {
+    &.color-dark {
         border: 1px solid white;
     }
 }
 
-//noinspection CssNoGenericFontName
+//Pros and cons of something
 .proscons {
     padding: 4px 4px 4px 8px;
     margin: 4px;
     border-radius: 4px;
 
+    //noinspection CssNoGenericFontName
     &.plus {
         color: @pastel-lime;
         background-color: fade(@pastel-lime, 10%);
@@ -488,6 +588,7 @@ table {
         }
     }
 
+    //noinspection CssNoGenericFontName
     &.minus {
         color: @pastel-red;
         background-color: fade(@pastel-red, 10%);
@@ -500,6 +601,7 @@ table {
         }
     }
 
+    //noinspection CssNoGenericFontName
     &.stars {
         background-color: fade(@pastel-yellow, 10%);
         color: @pastel-yellow;
@@ -590,6 +692,7 @@ table {
         }
     }
 
+    //noinspection CssNoGenericFontName
     &:not(.plus):not(.minus):not(.stars) {
         color: @fg;
         background-color: @fg-ten;
@@ -602,11 +705,12 @@ table {
         }
     }
 
-    &.big {
+    &.label-big {
         font-size: xx-large;
     }
 }
 
+//A spoiler
 .spoiler {
     color: transparent;
     border: 1px solid @fg-ten;
@@ -618,184 +722,46 @@ table {
     }
 }
 
-.faded, input[disabled=""], button[disabled=""] {
-    opacity: 0.3;
-}
+//Wiki page
+.wiki {
+    .wiki-doublebox {
+        .dbox-bot {
+            background-color: transparent;
+            border-top: 0;
+            border-bottom: 4px solid @fg-twenty;
+            border-left: 4px solid @fg-twenty;
+            border-right: 4px solid @fg-twenty;
 
-form.fullsize {
-
-    label {
-        margin-top: 4px;
-        margin-bottom: 4px;
-        display: flex;
-
-        .label-text {
-            margin-right: 12px;
-            min-width: 60px;
-        }
-
-        input {
-            flex-grow: 1;
-        }
-    }
-
-    label[for="wikiedit-title"] {
-        font-size: x-large;
-
-        * {
-            font-size: x-large;
-        }
-    }
-
-    .editor-toolbar, .editor-statusbar {
-        background-color: @fg-twenty-hard;
-        color: @fg !important;
-        border: 0;
-        opacity: 1 !important;
-
-        a {
-            color: @fg !important;
-            border: 0;
-
-            &:hover {
-                background-color: @fg-twenty;
-                color: lighten(@fg, 25%) !important;
-            }
-
-            &.active {
-                background-color: fade(@fg, 30%);
-                color: white !important;
-
-                &:hover {
-                    background-color: @fg-twenty;
-                    color: lighten(@fg, 25%) !important;
-                }
+            .wikiview-title {
+                text-align: center;
+                font-size: 42px;
+                margin-top: 0;
             }
         }
     }
 
-    .CodeMirror {
-        font-family: "Consolas", monospace !important;
-        background-color: transparent;
-        color: @fg;
-        border-top: 0;
-        border-bottom: 0;
-        border-left: 1px solid @fg-twenty;
-        border-right: 1px solid @fg-twenty;
-        border-radius: 0;
-
-        .cm-link {
-            color: @pastel-cyan !important;
-        }
-
-        .cm-url {
-            color: @li !important;
-        }
-
-        .cm-tag {
-            color: @pastel-magenta !important;
-        }
-
-        .cm-strong {
-            color: @pastel-yellow !important;
-        }
-        
-        .cm-em {
-            color: @pastel-orange !important;
-        }
-
-        .cm-quote {
-            color: @pastel-lime !important;
-        }
-
-        .cm-comment {
-            color: lightgray !important;
-        }
-
-        .cm-header {
-            color: @ec !important;
-        }
-
+    h1, h2, h3, h4, h5, h6 {
+        margin-top: revert;
+        margin-bottom: revert;
     }
 }
 
-.mcstatus-grid {
-    display: grid;
-
-    grid-template-columns: 64px auto auto;
-    grid-column-gap: 12px;
-
-    align-items: center;
-
-    .mcstatus-icon {
-        grid-column: 1;
-        grid-row-start: 1;
-        grid-row-end: 3;
-        width: 64px;
-        height: 64px;
-
-        .mcstatus-icon-img {
-            width: 64px;
-            height: 64px;
-        }
-    }
-
-    .mcstatus-address {
-        font-weight: bold;
-
-        grid-column: 2;
-        justify-self: start;
-        grid-row: 1;
-
-        .server-up {
-            color: @pastel-lime;
+//An error
+.error {
+    .error-dbox {
+        .dbox-top {
+            background-color: fade(@pastel-red, 20%);
+            color: @pastel-red;
         }
 
-        .server-down {
+        .dbox-bot {
+            background-color: fade(@pastel-red, 10%);
             color: @pastel-red;
         }
     }
-
-    .mcstatus-description {
-        grid-column: 2;
-        justify-self: start;
-        grid-row: 2;
-    }
-
-    .mcstatus-players {
-        grid-column: 3;
-        justify-self: end;
-        grid-row: 1;
-    }
-
-    .mcstatus-version {
-        grid-column: 3;
-        justify-self: end;
-        grid-row: 2;
-    }
-}
-
-.wikiview-doublebox {
-    .bot {
-        background-color: transparent;
-        border-top: 0;
-        border-bottom: 4px solid @fg-twenty;
-        border-left: 4px solid @fg-twenty;
-        border-right: 4px solid @fg-twenty;
-
-        .wikiview-title {
-            text-align: center;
-            font-size: 42px;
-            margin-top: 0;
-        }
-
-        h1, h2, h3, h4, h5, h6 {
-            margin-top: revert;
-            margin-bottom: revert;
-        }
-    }
 }
 
+//A diario entry
 .diario {
     display: grid;
     grid-template-columns: auto auto 40px;
@@ -868,6 +834,66 @@ form.fullsize {
     }
 }
 
+
+
+/*** Page specific classes ***/
+
+.mcstatus-grid {
+    display: grid;
+
+    grid-template-columns: 64px auto auto;
+    grid-column-gap: 12px;
+
+    align-items: center;
+
+    .mcstatus-icon {
+        grid-column: 1;
+        grid-row-start: 1;
+        grid-row-end: 3;
+        width: 64px;
+        height: 64px;
+
+        .mcstatus-icon-img {
+            width: 64px;
+            height: 64px;
+        }
+    }
+
+    .mcstatus-address {
+        font-weight: bold;
+
+        grid-column: 2;
+        justify-self: start;
+        grid-row: 1;
+
+        .server-up {
+            color: @pastel-lime;
+        }
+
+        .server-down {
+            color: @pastel-red;
+        }
+    }
+
+    .mcstatus-description {
+        grid-column: 2;
+        justify-self: start;
+        grid-row: 2;
+    }
+
+    .mcstatus-players {
+        grid-column: 3;
+        justify-self: end;
+        grid-row: 1;
+    }
+
+    .mcstatus-version {
+        grid-column: 3;
+        justify-self: end;
+        grid-row: 2;
+    }
+}
+
 .profile {
 
     .profile-links {
@@ -887,4 +913,4 @@ form.fullsize {
             font-weight: bold;
         }
     }
-}
\ No newline at end of file
+}
diff --git a/royalnet/web/static/tf2.css b/royalnet/web/static/tf2.css
index 87aa9ed3..1afbe1bc 100644
--- a/royalnet/web/static/tf2.css
+++ b/royalnet/web/static/tf2.css
@@ -228,27 +228,27 @@ nav .nav-sitename {
 nav .nav-login-unavailable {
   opacity: 0.25;
 }
-.h-container {
+.horizontal-container {
   display: flex;
   justify-content: center;
   align-content: center;
   flex-direction: column;
 }
 @media (min-width: 800px) {
-  .h-container {
+  .horizontal-container {
     flex-direction: row;
   }
 }
-.main-container {
+.vertical-main {
   width: 100%;
 }
 @media (min-width: 800px) {
-  .main-container {
+  .vertical-main {
     width: 800px;
   }
 }
 @media (min-width: 1200px) {
-  .main-container {
+  .vertical-main {
     width: 1200px;
   }
 }
@@ -259,10 +259,10 @@ nav .nav-login-unavailable {
   padding: 4px;
   margin: 8px;
 }
-.doublebox {
+.dbox {
   margin: 8px;
 }
-.doublebox .top {
+.dbox .dbox-top {
   display: flex;
   justify-content: space-between;
   background-color: #9a4713;
@@ -272,27 +272,27 @@ nav .nav-login-unavailable {
   font-family: "TF2 Build", sans-serif;
   font-weight: normal;
 }
-.doublebox .top .left {
+.dbox .dbox-top .left {
   align-self: flex-start;
 }
-.doublebox .top .right {
+.dbox .dbox-top .right {
   align-self: flex-end;
 }
-.doublebox .top a {
+.dbox .dbox-top a {
   color: #00caca;
 }
-.doublebox .bot {
+.dbox .dbox-bot {
   background-color: #d2cdc8;
   color: black;
   padding: 8px;
   border-radius: 0 0 4px 4px;
 }
-.doublebox .bot h1,
-.doublebox .bot h2,
-.doublebox .bot h3,
-.doublebox .bot h4,
-.doublebox .bot h5,
-.doublebox .bot h6 {
+.dbox .dbox-bot h1,
+.dbox .dbox-bot h2,
+.dbox .dbox-bot h3,
+.dbox .dbox-bot h4,
+.dbox .dbox-bot h5,
+.dbox .dbox-bot h6 {
   color: black;
 }
 .spoiler {
@@ -303,7 +303,7 @@ nav .nav-login-unavailable {
 .spoiler:hover {
   color: #d2cdc8;
 }
-.faded {
+.disabled {
   opacity: 0.3;
 }
 /*# sourceMappingURL=tf2.css.map */
\ No newline at end of file
diff --git a/royalnet/web/static/tf2.css.map b/royalnet/web/static/tf2.css.map
index f22b46e4..05323f86 100644
--- a/royalnet/web/static/tf2.css.map
+++ b/royalnet/web/static/tf2.css.map
@@ -1 +1 @@
-{"version":3,"sources":["tf2.less"],"names":[],"mappings":"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","file":"tf2.css"}
\ No newline at end of file
+{"version":3,"sources":["tf2.less"],"names":[],"mappings":"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","file":"tf2.css"}
\ No newline at end of file
diff --git a/royalnet/web/static/tf2.less b/royalnet/web/static/tf2.less
index 0b50f9ca..bcdd1f72 100644
--- a/royalnet/web/static/tf2.less
+++ b/royalnet/web/static/tf2.less
@@ -275,7 +275,7 @@ nav {
 
 //Elements
 
-.h-container {
+.horizontal-container {
     display: flex;
     justify-content: center;
     align-content: center;
@@ -287,7 +287,7 @@ nav {
     }
 }
 
-.main-container {
+.vertical-main {
     width: 100%;
 
     @media (min-width: 800px)
@@ -309,10 +309,10 @@ nav {
     margin: 8px;
 }
 
-.doublebox {
+.dbox {
     margin: 8px;
 
-    .top {
+    .dbox-top {
         display: flex;
         justify-content: space-between;
         background-color: @li;
@@ -335,7 +335,7 @@ nav {
         }
     }
 
-    .bot {
+    .dbox-bot {
         background-color: @fg;
         color: black;
         padding: 8px;
@@ -357,6 +357,6 @@ nav {
     }
 }
 
-.faded {
+.disabled {
     opacity: 0.3;
 }
\ No newline at end of file
diff --git a/royalnet/web/templates/base.html b/royalnet/web/templates/base.html
index 60ddafbc..332ac24c 100644
--- a/royalnet/web/templates/base.html
+++ b/royalnet/web/templates/base.html
@@ -48,15 +48,15 @@
                     <span class="nav-login">
                         <a class="no-icon" href="{{ url_for("login.login_index") }}">
                             Login
-                            <img class="nav-image faded" alt="" src="{{ url_for("static", filename="generic.png") }}">
+                            <img class="nav-image disabled" alt="" src="{{ url_for("static", filename="generic.png") }}">
                         </a>
                     </span>
                 {% endif %}
             </span>
         </div>
     </nav>
-    <div class="h-container">
-        <div class="main-container">
+    <div class="horizontal-container">
+        <div class="vertical-main">
             {% block content %}{% endblock %}
         </div>
     </div>
diff --git a/royalnet/web/templates/error.html b/royalnet/web/templates/error.html
index 05025081..3837aff7 100644
--- a/royalnet/web/templates/error.html
+++ b/royalnet/web/templates/error.html
@@ -6,11 +6,11 @@
 
 {% block content %}
     <div class="error">
-        <div class="doublebox doublebox-red">
-            <div class="top">
+        <div class="dbox error-dbox">
+            <div class="dbox-top">
                 <span class="left">Errore!</span>
             </div>
-            <div class="bot">
+            <div class="dbox-bot">
                 <h1>
                     {{ title }}
                 </h1>