Files
coriolis/app/less/header.less
2015-05-03 13:23:30 -07:00

90 lines
1.4 KiB
Plaintext

header {
background-color: @bg;
margin: 0;
padding: 0 1em;
height: 4em;
line-height: 4em;
font-family: @fTitle;
vertical-align: middle;
position: relative;
z-index: 2;
.user-select-none();
.menu {
position: relative;
z-index: 1;
cursor: default;
}
.menu-header {
height: 100%;
z-index: 2;
padding : 0 1em;
cursor: pointer;
color: @warning;
&.disabled {
color: @warning-disabled;
cursor: default;
&:hover {
background-color: transparent;
}
}
&:hover, &.selected {
background-color: @bgBlack;
}
}
.menu-list {
width: 250%;
font-family: @fStandard;
position: absolute;
margin-right: 1em;
padding: 0 0 1em 1em;
overflow: hidden;
background-color: @bgBlack;
font-size: 0.8em;
}
ul {
margin: 0.5em 1em 0 0;
padding: 0;
line-height: 2em;
}
li {
list-style: none;
margin-left: 1em;
line-height: 1.1em;
}
a {
vertical-align: middle;
color: @warning;
text-decoration: none;
white-space: nowrap;
&:visited {
color: @warning;
}
&:hover {
color: teal;
}
&.active {
color: @primary;
}
}
.block {
display: block;
line-height: 1.5em;
}
.title {
font-size: 1.3em;
display: inline-block;
margin:0px;
text-transform: uppercase;
}
}