@import 'netopeer-common';

#netopeer-header {
    position: fixed;
    width: 100%;
    margin: -0.5em -1em 0em -1em;
    padding-top: 1em;
    background-color: $colorMain;
    color: $colorTextInverse;
    display: block;
}

#netopeer-header h1 {
    margin-left: 1em;
}

#netopeer-component {
    margin: 0em -1em 0em -1em;
}

#mainnav {
    with: 100%;
    padding-left: 1em;
}

#mainnav a:visited,
#mainnav a:link {
    color: inherit;
}

#mainnav a:hover {
    border-top-color: $colorHighlight;
    background-color: $colorHighlight;
}

#mainnav a.active {
    border-top-color: $colorSelected2;
    background-color: $colorSelected;
}
#mainnav a.active:hover {
    cursor: default;
}

#mainnav a {
    text-decoration: none;
    display: inline-block;
    padding: 0.5em 1em 0.5em 0.5em;
    color: $colorTextInverse;
    border-top: 0.2em solid $colorMain;
}