penguin/AstroJS

botanjs/src/Astro/Build/Element/Header.css

raw · 968 bytes

header {
    position: relative;
    border-bottom: 0.5em solid #3A68B2;
}

header:before {
    content: '';

    width: 100%;

    bottom: 0;

    display: block;
    position: absolute;
}

.left, .right {
	width: 50%;
	display: block;
}

.right {
	position: absolute;
	top: 0;
	right: 0;
}

nav {
    width: 75%;
    margin: 0 auto;
}

nav div ul {
	list-style: none;
    font-size: 1.5em;
}

nav div ul:after {
	content: "";
	clear: both;
	display: block;
}

nav div ul ul {
	top: 100%;
	left: 0;

	min-width: 5em;

	display: none;
	position: absolute;
}
nav div ul li {
	padding: 0.25em 0.5em 0 0.25em;

	float: right;

	position: relative;
}

nav div ul li:hover {
}

nav div ul li a {
    color: #C2C5C9;
}

nav div.right ul { float: right; }

	nav div ul li:hover > ul {
		display: block;
	}

svg.banner-deco {
    float: right;
    width: 68em;
    height: 10em;
}

nav sup {
    font-size: 50%;
    vertical-align: top;
}

.header-padder {
    clear: both;
}