110 lines
1.8 KiB
SCSS
110 lines
1.8 KiB
SCSS
|
|
||
|
|
/**
|
||
|
|
* 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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|