penguin/AstroJS

Javascript framework for my blog

botanjs/src/Astro/Build/Layout/MainFrame.css

raw ยท 1117 bytes

html, body { height: 100%; }

html { background-color: #222; }
body {
    font-family: custom-sans;
}

.horizon { background-color: #3a68b2; }

.content-wrapper {
    position: relative;

    margin: 0 auto;
    padding: 2em;

    width: 75%;

    background-color: rgba( 255, 255, 255, 0.6 );
}

.begin-wrapper {
    position: relative;

    min-height: 100%;
    color: #0C121B;
    background-color: white; /*#C2C5C9*/

	overflow: hidden;
}

a {
    color: #3A68B2;/*#48494A;*/
    text-decoration: none;
}

a:hover { text-decoration: underline; }

h1, h2, h3, h4 { font-family: custom-serif; }

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }

ul.breadcrumb > li {
    display: inline-block;
}

ul.breadcrumb > li:first-child:before {
    content: "";
    position: absolute;
}

ul.breadcrumb > li:before {
    content: ">";
    color: rgba( 0, 0, 0, 0.2 );
}

.greyed { color: #C2C5C9; }

footer {
	background-image: url("http://file.astropenguin.net/blog/layout-images/build - blockdeco.png");
	background-position: 101% -150px;
	background-repeat: no-repeat;
	background-size: 30%;
}