Initial commit

app/assets/stylesheets/table/header/header_navigation.css.scss

@@ -0,0 +1,109 @@
+
+/**
+   *  Navigation block styles within table/vis header
+   *
+   *  - It contains vis/table tabs and globalerror.
+   */
+
+@import "compass/css3/inline-block";
+@import "compass/css3/border-radius";
+@import "../../old_common/mixins";
+@import "../../old_common/vars";
+
+$width: 300px;
+
+// Navigation block
+div.vis_navigation {
+  position: absolute;
+  z-index: 100;
+  top: 4px;
+  left: 50%;
+  width: $width;
+  margin-left: -$width/2;
+  padding: 0;
+  text-align: center;
+
+  nav {
+
+    display: inline-block;
+    position: relative;
+
+    z-index: 1;
+    margin: 0;
+    padding: 1px;
+    border: 2px solid #FFF;
+
+    border-radius: 30px;
+    vertical-align: top;
+
+    a.tab {
+
+      display: inline-block;
+      padding: 7px 25px;
+
+      border-radius: 30px;
+      color: #FFF;
+      font-size: 12px;
+      font-weight: 500;
+
+      text-transform: uppercase;
+      vertical-align: top;
+
+      &.selected {
+        margin: 0;
+        background: #FFF;
+        color: #326A98;
+
+        &:hover {
+          text-decoration: none;
+          cursor: default;
+        }
+      }
+    }
+  }
+}
+
+// Global error element
+div.globalerror {
+  position: absolute;
+  z-index: 0;
+  top: auto;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 30px;
+  padding: 0;
+  overflow: hidden;
+  text-align: center;
+
+  p {
+    display: inline-block;
+    width: auto;
+    height: 14px;
+    margin-top: 39px;
+    padding: 8px 15px;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+    background: rgba(#000, 0.35);
+    color: white;
+    font: normal 13px $text-fonts;
+    line-height: 15px;
+    vertical-align: top;
+
+    &.error {
+      background-color: #FFEBF1;
+      color: #EB2466;
+    }
+
+    &.warn {
+      background-color: rgba(#FFFFBF, 0.9);
+      color: #555;
+    }
+
+    img {
+      position: relative;
+      top: 3px;
+      margin-right: 5px;
+    }
+  }
+}