Create .omnicontainer and .whatsthis

static/nryg.less

@@ -18,6 +18,10 @@ h1, h2, h3, h4, h5, h6 {
     color: @accent-color;
 }
 
+h1 .whatsthis {
+    font-size: large;
+}
+
 a {
     color: @link-color;
     text-decoration: none;
@@ -204,6 +208,26 @@ table {
     }
 }
 
+.omnicontainer {
+    width: 380px;
+    margin-left: auto;
+    margin-right: auto;
+
+    @media (min-width: 792px)
+    {
+        width: 776px;
+    }
+
+    @media (min-width: 1180px)
+    {
+        width: 1164px;
+    }
+
+    @media (min-width: 1568px) {
+        width: 1552px;
+    }
+}
+
 .box {
     .upper-box {
         margin-top: 4px;
@@ -299,23 +323,6 @@ table {
 //Dirtiest hack ever
 .game-panels {
     font-size: 0;
-    width: 380px;
-    margin-left: auto;
-    margin-right: auto;
-
-    @media (min-width: 792px)
-    {
-        width: 776px;
-    }
-
-    @media (min-width: 1180px)
-    {
-        width: 1164px;
-    }
-
-    @media (min-width: 1568px) {
-        width: 1552px;
-    }
 
     .game-panel {
         font-size: medium;
@@ -920,27 +927,6 @@ table {
     }
 }
 
-.profile {
-    width: 380px;
-    margin-left: auto;
-    margin-right: auto;
-
-    @media (min-width: 792px)
-    {
-        width: 776px;
-    }
-
-    @media (min-width: 1180px)
-    {
-        width: 1164px;
-    }
-
-    @media (min-width: 1568px)
-    {
-        width: 1552px;
-    }
-}
-
 .mysterystatus i {
     &.todo {
         color: rgba(255, 255, 0, 0.2);

templates/diario.html

@@ -10,11 +10,13 @@
 
 {% block body %}
     <h1>
-        Diario
+        Diario <a href="{{ url_for("page_wiki", key="Diario") }}" class="whatsthis">Cos'è?</a>
     </h1>
+    <div class="omnicontainer">
         <div class="diario">
             {% for entry in entries %}
                 {% include "components/diarioentry.html" %}
             {% endfor %}
         </div>
+    </div>
 {% endblock %}

templates/game.html

@@ -13,7 +13,8 @@
     <h1>
         Royal Games su {{ game_name }}
     </h1>
-    <div class="game-page">
+    <div class="omnicontainer">
+        <div class="game">
             <div class="game-panels">
                 {% for mini in minis %}
                     {% with record = mini %}
@@ -22,4 +23,5 @@
                 {% endfor %}
             </div>
         </div>
+    </div>
 {% endblock %}

templates/profile.html

@@ -23,6 +23,7 @@
     <h1>
         Profilo di {{ ryg.username }} {% if session.get('user_id', '') == ryg.id %}<a href="{{ url_for('page_editprofile') }}" id="edit-css">Modifica</a>{% endif %}
     </h1>
+    <div class="omnicontainer">
         <div class="profile">
             {% if css.bio %}
                 <div class="box bio">
@@ -80,4 +81,5 @@
                 {% endif %}
             </div>
         </div>
+    </div>
 {% endblock %}