more new design work....

upTee · Feb 2, 2013 · a2d200f · a2d200f
1 parent f87e867
commit a2d200f
Show file tree

Hide file tree

Showing 2 changed files with 74 additions and 2 deletions.
diff --git a/uptee/static/new_design/css/style.css b/uptee/static/new_design/css/style.css
@@ -221,4 +221,61 @@ html, body {
 	bottom: 0;
 	left: 301px;
 	right: 0;
-}
+}
+
+#breadcrum {
+	border-top: 1px solid #bbbbbb;
+	border-left: 1px solid #bbbbbb;;
+	height: 25px;
+	position: absolute;
+	top: 176px;
+	left:300px;
+	right: 0;
+}
+
+	#breadcrum .icon {
+		background: #000;
+		height: 15px;
+		width: 15px;
+		margin-top: 5px;
+		margin-left: 10px;
+		float: left;
+	}
+
+	#breadcrum .text {
+		margin-left: 10px;
+		margin-top: 3px;
+		width: 300px;
+		float: left;
+		color: #555555;
+	}
+
+
+#button_container {
+	border: 0px solid red;
+	position: absolute;
+	right: 0;
+	top: 82px;
+	height: 90px;
+	max-width: 800px;
+}
+
+#button_container .button {
+	border: 1px solid green;
+	float: right;
+	width: 100px;
+	height: 90px;
+	margin-left: 10px;
+}
+
+	#button_container .button:hover {
+
+	}
+
+	#button_container .button:active {
+
+	}
+
+	#button_container .button .current {
+
+	}
diff --git a/uptee/templates/new_design/base.html b/uptee/templates/new_design/base.html
@@ -62,6 +62,8 @@
             </div>
         </div>
 
+
+
         <div id="option_menu_frame">
             <div class="placeholder"></div>
             <div class="entry">
@@ -99,8 +101,21 @@
             <div class="clear"></div>
         </div>
 
-        <div id="content_container">
+        <div id="button_container">
+            <div class="button"></div>
+            <div class="button"></div>
+            <div class="button"></div>
+            <div class="button"></div>
+            <div class="button"></div>
+            <div class="button"></div>
+        </div>
 
+        <div id="breadcrum">
+            <div class="icon"></div>
+            <div class="text">Breadcrum > Fisico > Sushi > Baum</div>
         </div>
+
+        <div id="content_container"></div>
+
     </body>
 </html>