frontend/netopeer.css

a:not([href]) {
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
}

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

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

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

.netopeer-content {
	display: block;
	padding: 0.7em 1em 1em 2em;
	background-color: #FAFAFA;
	color: #000;
}

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

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

#mainnav a:hover {
    border-top-color: #3B4257;
	background-color: #3B4257;
}

#mainnav a.active {
    border-top-color: #BAE4F0;
	background-color: #3B4257;
}
#mainnav a.active:hover {
	cursor: default;
}

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

.msg-rounded {
    border-radius: 5px;
}

.msg-close {
    padding-right: 10px;
    padding-left: 10px;
    font-weight: bold;
    font-family: monospace;
    font-size: large;
	cursor: pointer;
    height: 1em;
}

.msg-success {
    background-color: #def2de;
	color: green;
	padding: 5px 1em 5px 0em;
}

.msg-success.msg-close {
    color: green;
}

.msg-failure {
    background-color: #f2dede;
    color: red;
	padding: 5px 1em 5px 0em;
}

.msg-failure .msg-close {
    color: red;
}