Show small box instead of nothing at the ads position if ads are blocked (#1527)

* Update main.css

* Update base.jet.html

* remove useless rule

public/css/main.css

@@ -1877,6 +1877,8 @@ span.tag {
     z-index: 4;
     position: relative;
     padding: 0 5%;
+    max-height: 93px;
+    overflow: hidden;
 }
 #ad-container * {
     width: 728px;
@@ -1884,6 +1886,12 @@ span.tag {
     height: 90px;
     border: none;
     overflow: hidden;
+    display: block;
+}
+#ad-blocked {
+    height: 62px;
+    border: 1px solid;
+    border-radius: 10px;
 }
 
 #admin-header {

templates/layouts/partials/base.jet.html

@@ -85,6 +85,7 @@
     <center class="container" id="ad-container">
       {{ adId = Sukebei() ? 634159 : 634157 }}
       <iframe data-aa='{{adId}}' src='//ad.a-ads.com/{{adId}}?size=728x90' scrolling='no' allowtransparency='true'></iframe>
+      <span class="box" id="ad-blocked">why du u block ads</span>
     </center>
     {{ end }}
     <footer id="footer">