Top Menu: text of the link padding top to keep it centered

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

diff --git a/portal/static/css/onelab.css b/portal/static/css/onelab.css
index 260f749..114e735 100644 (file)
--- a/portal/static/css/onelab.css
+++ b/portal/static/css/onelab.css
@@ -1,17 +1,11 @@
-/* @override unfold/static/css/plugin.css */
-
-/*-------------------------------- MARKO'S STYLES -----*/
-
-
-
-
-/*** NEW CSS STYLES FOR ONLEAB ***/
+html { height: 100% }
 
 body {
     background-color:white;
     color:black;
     margin:0;
     padding:0;
+    height: 100%;
 }
 a, a:active, a:focus {
     outline: 0;
@@ -19,17 +13,35 @@ a, a:active, a:focus {
 
 h1 {
     border-bottom:1px solid #DDDDDD;
-    padding:0 0 15px 0;
+    padding:0 0 5px 0;
     margin:0 0 15px 0;
+    font-size:18pt;
 }
 h1 img {
-    vertical-align:top;
+    vertical-align:middle;
+    margin-bottom:4px;
+}
+h2 {
+    font-size:14pt;
+    color:#333333;
+}
+h3 {
+    font-size:13pt;
+    color:#201E62;
 }
 div.wrapper {
     width:980px;
     margin:0 auto;
     position:relative;
 }
+div.container {
+    width:980px;
+    margin:25px auto;
+}
+div.wide {
+    margin:25px auto;
+    padding:0 25px;
+}
 
 span.label {
     font-size:11pt;
@@ -118,10 +130,19 @@ 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;
+}
+
 /* HOME DASHBOARD */
 div#home-dashboard {
     color:black;
-    margin:25px auto;
+    margin:0 auto 25px auto;
 }
 div#home-dashboard table {
     margin:25px;
@@ -214,6 +235,7 @@ div#home-dashboard div#home-slice-list li {
 /* NAV TABS */
 
 .nav.nav-tabs {
+    margin-bottom:25px;
 }
 
 .nav.nav-tabs li.active a {
@@ -239,12 +261,26 @@ div.well {
 .btn.btn-default:hover {
     font-weight: bold;
 }
-
-
+/**/
+/* TABLE */
+table.table {
+    margin:0;
+}
+table.table thead {
+    padding:0;
+}
+table.table tbody {
+    padding:0;
+}
+table.table tr {
+    padding:0;
+}
+table.table td {
+    padding:0;
+}
 /* INSTITUTION */
 div#institution {
     color:black;
-    margin:25px auto;
 }
 .form-hint {
     font-size:11pt;
@@ -252,11 +288,7 @@ div#institution {
     color:gray;
 }
 
-/* SLICE REQUEST */
-div#slice-request {
-    color:black;
-    margin:25px auto;
-}
+
 .form-hint {
     font-size:11pt;
     font-style:italic;
@@ -268,7 +300,6 @@ div#slice-request {
 /* TICKET REQUEST */
 div#ticket-request {
     color:black;
-    margin:25px auto;
 }
 .form-hint {
     font-size:11pt;
@@ -281,31 +312,93 @@ div#ticket-request p {
 
 /* SLICE VIEW */
 div#slice-view {
-    width:100%;
-    margin:25px auto;
+    margin:0;
 }
-div#slice-view div.list-group-item {
+div.list-group-item {
     border:0;
     background-color:white;
     font-weight:bold;
     padding-left:0;
 }
-div#slice-view a.list-group-item {
+a.list-group-item {
     border:0;
     background-color:white;
     padding:3px 0 3px 10px;
     border-left:2pt white solid;
 }
-div#slice-view a.list-group-item.active, div#slice-view a.list-group-item:hover {
+a.list-group-item.active, a.list-group-item:hover {
     border-left:2pt blue solid;
 }
-div#slice-view a.list-group-item p.list-group-item-text {
+a.list-group-item p.list-group-item-text {
     font-size:9pt;
     font-style:italic;
 }
 
-/* TESTBED LIST */
-div#testbed-list {
-    margin:25px auto;
+/* SLICE VIEW sections */
+.slice-sections, .slice-pending {
+    margin:0;
+    padding:0;
+}
+.slice-sections ul, .slice-pending ul {
+    margin:0;
+    padding:0;
+}
+.slice-pending ul {
+    width:400px;
+    margin:0 auto 15px auto;
+}
+.slice-sections li {
+    text-align:left;
+    margin:0;
+    padding:0;
+}
+.slice-pending li {
+    padding-right:15px;
+}
+.slice-sections li a, .slice-pending li a {
+    font-size:14px;
+    color:black;
+    padding:0;
+}
+.slice-sections li.active a, .slice-pending li.active a  {
+    color:#201E62;
+    background-color:#EFEFEF;
+    text-decoration:underline;
+    padding:0;
+}
+.slice-sections ul.nav-pills li a:hover, .slice-pending ul.nav-pills li a:hover {
+    text-decoration:underline;
+    background-color:#EFEFEF;
+    color:black;
+}
+.slice-sections ul.nav-pills li.active, .slice-pending ul.nav-pills li.active {
+
+}
+.slice-sections li:first-child, .slice-sections li:first-child a {
+    color:#201E62;
+    font-weight:bold;
+}
+.slice-experiment {
+    text-align:right;
+    padding:0;
+}
+.slice-experiment button {
+    margin:3px 0 0 0;
+    background-color:#CC4125;
+    color:white;
 }
 
+.slice-pending {
+}
+.slice-pending button {
+    font-size:9pt;
+    margin:-2px 0 0 0;
+    padding:3px 5px;
+}
+.slice-pending button.apply {
+}
+.slice-pending button.clear {
+}
+tr.active, tr.active td {
+    background-color:#FFFFCC !important;
+}