Fix tag overflow, closes #32

[rails.git] / app / assets / stylesheets / common.css.scss

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 644c0a20cdcc1005ee9e045342a027d1c7d9a454..9625c656b48ba4487afd33dab724b8640544d0fd 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -115,6 +115,7 @@ body {
   margin: 0px;
   padding: 0px;
   text-align: left;
+  height: 100%;
 }
 
 body.slim {
@@ -145,6 +146,8 @@ small, aside {
   font-size: 12px;
 }
 
+#container { position: relative; }
+
 .column-1 {
   width: 50%;
   margin: 0 0 $lineheight/2 0;
@@ -240,7 +243,7 @@ table {
 #menu-icon { 
   display: none !important;
   float: right;
-  background: url("/assets/menu-icon.png") no-repeat;
+  background: image-url("menu-icon.png") no-repeat;
   background-size: 30px 30px;
   display: block;
   width: 30px;
@@ -447,6 +450,30 @@ nav.secondary {
   }
 }
 
+a#ad {
+  width: 100%;
+  display: block;
+  background: rgb(240,151,53);
+  z-index: 999;
+  padding: 1px $lineheight;
+  color: #fff;
+  font-size: 11px;
+  text-transform: uppercase;
+  span.close {
+    float: right;
+    color: #fff;
+    font-size: 10px;
+    line-height: 18px;
+    opacity: .5;
+    text-transform: none;
+    &:hover { opacity: .9; }
+  }
+  &:hover { 
+    background: rgb(220,151,53);
+    text-decoration: none; 
+  }
+}
+
 #compact-secondary-nav {
   display: none;
   ul li a {
@@ -690,6 +717,13 @@ nav.secondary {
       background: none;
       width: 78%;
     }
+
+    a#ad {
+      margin: 0 $lineheight;
+      width: 64%;
+      padding: 0 6px;
+      border-radius: 3px;
+    }
   }
 
   #map {
@@ -887,6 +921,10 @@ nav.secondary {
   }
 }
 
+#ad + #sidebar_content {
+  top: 70px;
+}
+
 #sidebar_content {
   position: absolute;
   top: 50px;
@@ -1082,19 +1120,13 @@ a.donate {
 
     h4 {
       padding: 0;
+    }
+
+    .paginate {
+      float: right;
+      padding: 1px 6px;
+      border: 1px solid #eee;
       border-radius: 3px;
-    
-      &.paginate {
-        margin-top: 4px;
-        padding: 1px 6px;
-        border: 1px solid #eee;
-        span {
-          padding: 0 0 0 14px;
-          float: right;
-          border-left: 1px solid #eee;
-          > a { padding-left: 5px; }
-        }
-      }
     }
   }
 
@@ -1124,6 +1156,7 @@ a.donate {
   }
 
   .browse-tag-list {
+    background-color: #F6F6F6;
     border-top: 1px solid #ddd;
     border-bottom: 1px solid #ddd;
     font-size: 12px;
@@ -1142,7 +1175,6 @@ a.donate {
     .browse-tag-v {
       display: inline-block;
       width: 50%;
-      height: 30px;
       float: left;
       padding: 6px 10px 6px $lineheight;
     }
@@ -1154,13 +1186,14 @@ a.donate {
 
     .browse-tag-v {
       border-left: 1px solid #ddd;
+      background-color: #fff;
     }
   }
 }
 
 /* Rules for export information which appears in the popout sidebar */
 
-.export_bounds {
+.export_bounds, .export_button {
   text-align: center;
 }