Astro Classes

botanjs/src/Astro/Blog/Element/Footer.css

@@ -0,0 +1,12 @@
+footer {
+    background-color: #222;
+    background-image: url(http://file.astropenguin.net/blog/layout-images/lines.png);
+    background-repeat: no-repeat;
+    background-position: right bottom;
+}
+
+#fhorizon {
+	position: absolute;
+	top: -7px;
+}
+

botanjs/src/Astro/Blog/Element/Footer.js

@@ -0,0 +1,2 @@
+// __namespace( "Astro.Blog.Element.Footer" );
+// __import( "Astro.Common.Element.Footer" );

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

@@ -0,0 +1,89 @@
+.home {
+    position: relative;
+	width: 100%;
+	overflow: hidden;
+}
+
+header {
+	position: relative;
+}
+
+#menu {
+	font-size: 1.75em;
+	text-align: right;
+}
+
+#menu > * {
+	font-family: custom-sans;
+	cursor: pointer;
+	line-height: 1em !important;
+
+	position: relative;
+
+	color: rgba( 0, 0, 0, 0.5 );
+	-webkit-filter: blur( 2px );
+	filter: blur( 2px );
+}
+
+#menu > *[active] {
+	-webkit-filter: blur( 0px );
+	filter: blur( 0px );
+	color: rgba( 128, 0, 128, 1 );
+}
+
+#menu > *:hover {
+    color: rgba( 0, 0, 0, 0.75 );
+	-webkit-filter: blur( 0px );
+	filter: blur( 0px );
+    text-decoration: none;
+}
+
+.horizon {
+	position: relative;
+	width: 100%;
+	height: 7px;
+	background: #76400C;
+	z-index: 4;
+}
+
+.contact {
+	width: 100%;
+	height: 0;
+
+	-moz-box-shadow: inset 0 0 10px 0 black;
+	-webkit-box-shadow: inset 0 0 10px 0 black;
+	box-shadow: inset 0 0 10px 0 black;
+
+	color: white;
+	background: lightslategray;
+	position: absolute;
+	overflow: hidden;
+}
+
+.collapse_panel {
+	position: absolute;
+	width: 100%;
+	height: 50px;
+	bottom: -33px;
+	font-size: 3em;
+	text-align: center;
+	color: white;
+
+	-moz-box-shadow: 0 0 10px 0 black;
+	-webkit-box-shadow: 0 0 10px 0 black;
+	box-shadow: 0 0 10px 0 black;
+}
+
+.collapse_panel:after {
+    content: '';
+    position: absolute;
+    left: 0;
+	width: 100%;
+	height: 100%;
+	background:url(http://file.astropenguin.net/blog/layout-images/collapse.png) center 2.5px no-repeat;
+}
+
+#collapse_panel:hover {
+	bottom: 0;
+	cursor: pointer;
+}

botanjs/src/Astro/Blog/Element/Header.js

@@ -0,0 +1 @@
+// __namespace( "Astro.Blog.Element.Header" );

botanjs/src/Astro/Blog/Element/Layer.css

@@ -0,0 +1,2 @@
+.mbody { z-index: 1; }
+header, footer { z-index: 2; }

botanjs/src/Astro/Blog/Element/Layer.js

@@ -0,0 +1 @@
+// __namespace( "Astro.Blog.Element.Layer" );