Testbeds list plugin with filters: key, included, [x,y,z]

[myslice.git] / portal / static / css / onelab.css

diff --git a/portal/static/css/onelab.css b/portal/static/css/onelab.css
index 300fa93..df675b1 100644 (file)
--- a/portal/static/css/onelab.css
+++ b/portal/static/css/onelab.css
@@ -1,8 +1,11 @@
+html { height: 100% }
+
 body {
     background-color:white;
     color:black;
     margin:0;
     padding:0;
+    height: 100%;
 }
 a, a:active, a:focus {
     outline: 0;
@@ -10,13 +13,13 @@ a, a:active, a:focus {
 
 h1 {
     border-bottom:1px solid #DDDDDD;
-    padding:0 0 5px 0;
-    margin:0 0 15px 0;
+    padding:0 0 0 0;
+    margin:0 0 0 0;
     font-size:18pt;
 }
 h1 img {
     vertical-align:middle;
-    margin-bottom:4px;
+    margin-bottom:6px;
 }
 h2 {
     font-size:14pt;
@@ -26,6 +29,7 @@ h3 {
     font-size:13pt;
     color:#201E62;
 }
+
 div.wrapper {
     width:980px;
     margin:0 auto;
@@ -127,6 +131,43 @@ div#navigation li:last-child {
     margin-right:0;
 }
 
+div#navigation li.active {
+       padding:5px;
+    padding-top: 15px;
+    min-height: 40px;
+    margin-top: 0px;
+       background-color:gray;
+       color:#FF0000;
+}
+div#navigation li.slices {
+    position:relative;
+    cursor:pointer;
+}
+div#navigation .dropdown-menu {
+    color:white;
+    padding:0 15px 15px 15px;
+    margin-top:5px;
+    margin-left:-16px;
+    background-color:black;
+}
+div#navigation .dropdown-menu a {
+    color:white;
+}
+
+div#menu-slice-list{
+    display:none;
+    position:absolute;
+    background-color:black;
+    padding:15px;
+    left:-15px;
+    z-index:10;
+}
+
+div#navigation .dropdown-menu li:first-child {
+    border-bottom:1px solid white;
+    padding-bottom:5px;
+     
+}
 /* HOME DASHBOARD */
 div#home-dashboard {
     color:black;
@@ -220,22 +261,6 @@ div#home-dashboard div#home-slice-list li {
 }
 /**/
 
-/* NAV TABS */
-
-.nav.nav-tabs {
-    margin-bottom:25px;
-}
-
-.nav.nav-tabs li.active a {
-   
-}
-
-.nav.nav-tabs li a {
-}
-
-.nav.nav-tabs li a:hover {
-}
-
 /**/
 /* WELL */
 div.well {
@@ -298,7 +323,39 @@ div#ticket-request p {
     margin:20px 0;
 }
 
+ul.nav-tabs {}
+ul.nav-tabs ul {}
+ul.nav-tabs li {}
+
+ul.nav-section li a {
+    border-bottom:0;
+}
+ul.nav-section li:first-child {
+    padding:0;
+}
+ul.nav-section li:first-child a {
+    font-weight:bold;
+    padding:6px 15px 4px 15px;
+}
+ul.nav-section li:first-child.active a {
+    padding:6px 15px 3px 15px;
+}
+ul.nav-section li:first-child img {
+    margin:0 4px 1px 0;
+    padding:0;
+}
+
+ul.nav-resources {
+    margin:15px 0;
+}
+ul.nav-resources a {
+    padding: 4px 10px 5px 10px;
+}
+
+
 /* SLICE VIEW */
+
+
 div#slice-view {
     margin:0;
 }
@@ -314,12 +371,39 @@ a.list-group-item {
     padding:3px 0 3px 10px;
     border-left:2pt white solid;
 }
-a.list-group-item.active, a.list-group-item:hover {
+a.list-group-item.active, a.list-group-item.active:hover {
+    font-weight: bold;
+    color:black;
+    background-color:transparent;
+    border-left:2pt blue solid;
+}
+a.list-group-item.active:hover {
+    background-color:#dddddd;
+}
+a.list-group-item:hover {
     border-left:2pt blue solid;
 }
 a.list-group-item p.list-group-item-text {
     font-size:9pt;
     font-style:italic;
+    font-weight: normal;
+    color: black !important;
+}
+
+div#slice-info {
+    margin-top:25px;
+}
+div#slice-info table {
+    width:100%;
+    margin:0 auto;
+}
+div#slice-info table td:first-child {
+    text-align:right;
+    font-weight:bold;
+    padding-right:15px;
+}
+div#slice-info td {
+    padding:5px;
 }
 
 /* SLICE VIEW sections */