quick commit

Signed-off-by: Flashwave <me@flash.moe>

_sakura/templates/yuuno/elements/indexPanel.tpl

@@ -36,4 +36,11 @@
     {% else %}
         There were no online users in the past 5 minutes.
     {% endif %}
+    {#<div class="ad-container ad-sidebar" id="footerAd">
+        <div class="head">Advertisment</div>
+        <div class="ad-box">
+            <img src="http://i.flash.moe/1445793369-523-9238.png" />
+            <div><a href="#">Click here to meow!</a></div>
+        </div>
+    </div>#}
 </div>

_sakura/templates/yuuno/global/master.tpl

@@ -230,6 +230,12 @@
                 {% endblock %}
 
                 {# include 'global/chat.tpl' #}
+
+                {#<div class="ad-container ad-footer" id="footerAd">
+                    <div class="ad-box">
+                        <img src="http://i.flash.moe/1445792838-522-8610.png" />
+                    </div>
+                </div>#}
             </div>
             <div class="footer">
                 <div class="ftsections">

public/content/data/yuuno/css/yuuno.css

@@ -700,6 +700,50 @@ a.default:active {
 
 }
 
+/*
+ * Advertisement container
+ */
+.ad-container {
+    font-size: .8em;
+}
+
+.ad-container a {
+    color: #22E;
+    text-decoration: none;
+}
+
+.ad-container a:hover {
+    text-decoration: underline;
+}
+
+.ad-container a:active {
+    color: #E22;
+}
+
+.ad-container img {
+    vertical-align: middle;
+}
+
+.ad-container.ad-sidebar > .ad-box {
+    text-align: center;
+    padding: 2px;
+}
+
+.ad-container.ad-footer {
+    display: block;
+    margin: 10px auto;
+    text-align: center;
+}
+
+.ad-container.ad-footer > .ad-box {
+    display: inline-block;
+    padding: 2px;
+    border: 1px solid #9475B2;
+    box-shadow: 0 0 3px #9475B2;
+    border-radius: 3px;
+    background: #D3BFFF;
+}
+
 /*
  * Authentication page Styling
  */