Preparing/ testing topbar background image, yet postponing implementation.

2 files changed, 26 insertions, 0 deletions

diff --git a/style.scss b/style.scss
index 6aaba04..b9132b6 100644
--- a/style.scss
+++ b/style.scss
@@ -160,6 +160,18 @@ body {
 	text-align: center;
 	text-transform: uppercase;
 	letter-spacing: 1px;
+//	position: absolute;
+	top: 0;
+//	right: 0;
+}
+
+//styling of background image.//
+.topbar .imgframe {
+	@extend  .topbar;
+	position: absolute;
+	top: 0;
+	width: 100%;
+	z-index: -1;
 }
 
 .topbar p {
diff --git a/test.scss b/test.scss
index 8099199..8b5093c 100644
--- a/test.scss
+++ b/test.scss
@@ -1,6 +1,20 @@
 @import 'h5bp/helpers';
 @import 'compass/css3';
 
+.topbar ul {
+	display: block;
+	float: right;
+	margin-right: 2%;
+	position: absolute;
+	bottom: 0;
+}
+
+.topbar ul li {
+	background-color: lightblue;
+	padding: 1em;
+	margin: 0 0.2em;
+}
+
 #content {
 	width: 96%;
 	max-width: none;