layout changes

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

diff --git a/portal/static/css/onelab.css b/portal/static/css/onelab.css
index 59364b4..160cac2 100644 (file)
--- a/portal/static/css/onelab.css
+++ b/portal/static/css/onelab.css
@@ -16,19 +16,14 @@ body {
 a, a:active, a:focus {
     outline: 0;
 }
-input {
-    margin:0;
-}
+
 h1 {
-    color:#0B0042;
     border-bottom:1px solid #DDDDDD;
     padding:0 0 15px 0;
     margin:0 0 15px 0;
 }
 h1 img {
     vertical-align:top;
-    margin:0;
-    padding:0;
 }
 div.wrapper {
     width:980px;
@@ -53,7 +48,7 @@ span.label {
 }
 /* HEADER */
 div#header {
-    height:100px;
+    height:85px;
     background-color:white;
 }
 
@@ -143,20 +138,33 @@ div#home-dashboard table tr:first-child td {
     color:#270A5A;
 }
 div#home-dashboard table tr:last-child td {
-    font-size:12pt;
     vertical-align:top;
+    padding:25px 0;
+}
+div#home-dashboard table tr:last-child td.logged-in {
     border-right:1px solid #DDDDDD;
     padding:25px;
 }
+div#home-dashboard table tr:last-child td.support {
+    border-left:1px solid #DDDDDD;
+    padding:25px;
+}
 div#home-dashboard table tr:last-child td:first-child {
 }
 div#home-dashboard table tr:last-child td:last-child {
     border-right:0;
 }
-div#home-dashboard table tr:last-child td div {
+div#home-dashboard table tr:last-child td.logged-in div {
+    text-align:left;
+    padding:25px 0;
+}
+div#home-dashboard table tr:last-child td.support div {
     text-align:left;
     padding:25px 0;
 }
+div#home-dashboard div.login-widget {
+    padding:20px;
+}
 div#home-dashboard table td.support {
 }
 div#home-dashboard table td.support a {
@@ -169,6 +177,20 @@ div#home-dashboard div#manager {
     display:none;
 }
 
+div#home-dashboard div#home-slice-list {
+    margin:25px 0;
+    padding:0 25px;
+    text-align:left;
+}
+div#home-dashboard div#home-slice-list ul {
+    list-style: none;
+    padding:0;
+    margin:0;
+}
+div#home-dashboard div#home-slice-list li {
+    
+}
+
 .login-submit {
     vertical-align:middle;
     padding:0;
@@ -217,18 +239,157 @@ 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;
+    font-style:italic;
+    color:gray;
+}
 
 /* SLICE REQUEST */
 div#slice-request {
     color:black;
     margin:25px auto;
 }
-div#slice-request div {
+.form-hint {
+    font-size:11pt;
+    font-style:italic;
+    color:gray;
+}
+
+
 
+/* TICKET REQUEST */
+div#ticket-request {
+    color:black;
+    margin:25px auto;
 }
 .form-hint {
     font-size:11pt;
     font-style:italic;
     color:gray;
 }
+div#ticket-request p {
+    margin:20px 0;
+}
+
+/* SLICE VIEW */
+div#slice-view {
+    width:100%;
+    margin:25px auto;
+}
+div#slice-view div.list-group-item {
+    border:0;
+    background-color:white;
+    font-weight:bold;
+    padding-left:0;
+}
+div#slice-view 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 {
+    border-left:2pt blue solid;
+}
+div#slice-view a.list-group-item p.list-group-item-text {
+    font-size:9pt;
+    font-style:italic;
+}
+
+/* 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;
+    margin-top:10px;
+}
+.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:8px 0 0 0;
+    padding:3px 5px;
+}
+.slice-pending button.apply {
+}
+.slice-pending button.clear {
+}
+
+/* */
+
+/* TESTBED LIST */
+div#testbed-list {
+    margin:25px auto;
+}
+