Style changes

botanjs/src/Astro/Build/Components/BuildList.css

@@ -1,24 +1,36 @@
 .build-list > a {
 	font-family: monospace;
 
-	padding: 0.25em 0.25em;
-	margin: 0.25em 0;
 	display: block;
+
+	float: left;
+	line-height: 0;
+
+	position: relative;
+
+	margin: 1px;
+	padding: 1.5em;
+
+	background-color: rgba( 0, 0, 0, 0 );
 }
 
-.build-list > a[data-status^="-"] > .newsha {
+.build-list > a:hover {
-	color: red;
+	background-color: rgba( 0, 0, 0, 1 );
 }
 
-.build-list > a > .newsha {
+.build-list > a:after
-	color: green;
+, .build-list > a:before {
+	content: "";
+	background-color: rgba( 0, 255, 0, 0.5 ); 
+
+	width: 3em;
+	height: 3em;
+	top: 0;
+	left: 0;
+
+	position: absolute;
 }
 
-.newsha {
+.build-list > a[data-clone="false"]:before
-	color: white;
+, .build-list > a[data-build="false"]:after
-}
+{ background-color: rgba( 255, 0, 0, 0.5 ); }
-
-.build-list > a * {
-	padding: 0.25em 0.5em;
-	margin: 0.25em 0;
-}

botanjs/src/Astro/Build/Components/ItemList.css

@@ -10,7 +10,7 @@ div.project-list > a {
 	height: 50px;
 
 	color: #909396;
-    background-color: #48494A;
+    background-color: rgba( 0, 0, 0, 0.8 );
 
     font-size: 4em;
 

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

@@ -1,12 +0,0 @@
-footer:before {
-    content: '';
-
-    width: 100%;
-    height: 0.5em;
-
-    background-color: #3A68B2;
-
-    display: block;
-}
-
-.footer_bg { width: 75%; }

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

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

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

@@ -1,87 +0,0 @@
-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;
-}

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

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

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

@@ -5,7 +5,7 @@ body {
     font-family: custom-sans;
 }
 
-header, footer { background-color: #0C121B; }
+.horizon { background-color: #3a68b2; }
 
 .content-wrapper {
     position: relative;
@@ -28,40 +28,12 @@ header, footer { background-color: #0C121B; }
 	overflow: hidden;
 }
 
-.block_deco {
-	position: absolute;
-
-	width: 100%;
-	height: 400px;
-
-	bottom: 1000%;;
-    right: -27px;
-
-	background: url("http://file.astropenguin.net/blog/layout-images/build - blockdeco.png") no-repeat right bottom;
-}
-
-* html .begin-wrapper { height: 100%; }
-
-.working-in-progress {
-    width: 100%;
-    height: 2em;
-
-    color: white;
-    background-color: black;
-    background-image: repeating-linear-gradient(-35deg, transparent, transparent 35px, yellow 35px, yellow 70px);
-
-    position: relative;
-    display: block;
-}
-
 a {
     color: #3A68B2;/*#48494A;*/
     text-decoration: none;
 }
 
-a:hover {
+a:hover { text-decoration: underline; }
-    text-decoration: underline;
-}
 
 h1, h2, h3, h4 { font-family: custom-serif; }
 
@@ -84,3 +56,11 @@ ul.breadcrumb > li:before {
 }
 
 .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%;
+}
+

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

@@ -18,20 +18,6 @@
 
 	var init = function ()
 	{
-		var padder = Dand.id( "padder" );
-		var wrapper = Dand.id( "wrapper" );
-		var footer = Dand.tag( "footer" );
-
-		var fheight = 0;
-		if( footer.length )
-		{
-			footer = footer[0];
-			fheight = ( footer.scrollHeight || footer.offsetHeight );
-			padder.style.height = fheight + "px";
-			wrapper.style.marginBottom = "-" + padder.style.height;
-		}
-
-		block_deco.style.bottom = ( fheight - 72 ) + "px";
 		initBackgroundParallax();
 	};