-/* @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;
h1 {
border-bottom:1px solid #DDDDDD;
- padding:0 0 15px 0;
- margin:0 0 15px 0;
+ padding:0 0 0 0;
+ margin:0 0 0 0;
+ font-size:14pt;
}
h1 img {
- vertical-align:top;
+ vertical-align:middle;
+ margin-bottom:4px;
+ margin-right:10px;
+}
+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;
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;
- margin:25px auto;
+ margin:0 auto 25px auto;
}
div#home-dashboard table {
margin:25px;
}
/**/
-/* NAV TABS */
-
-.nav.nav-tabs {
-}
-
-.nav.nav-tabs li.active a {
-
-}
-
-.nav.nav-tabs li a {
-}
-
-.nav.nav-tabs li a:hover {
-}
-
/**/
/* WELL */
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;
color:gray;
}
-/* SLICE REQUEST */
-div#slice-request {
- color:black;
- margin:25px auto;
-}
+
.form-hint {
font-size:11pt;
font-style:italic;
/* TICKET REQUEST */
div#ticket-request {
color:black;
- margin:25px auto;
}
.form-hint {
font-size:11pt;
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 {
- width:100%;
- margin:25px auto;
+ margin:0;
}
-div#slice-view div.list-group-item {
+div.list-group-item {
border:0;
+ -moz-border-radius: 0;
+ border-radius: 0;
background-color:white;
font-weight:bold;
padding-left:0;
}
-div#slice-view a.list-group-item {
+a.list-group-item {
+ -moz-border-radius: 0;
+ border-radius: 0;
border:0;
background-color:white;
- padding:3px 0 3px 10px;
+ padding:3px 2px 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.active:hover, a.list-group-item.active:focus {
+ -moz-border-radius: 0;
+ border-radius: 0;
+ font-weight: bold;
+ color:black;
+ background-color:#F5F5F5;
+ border-left:2pt blue solid;
+}
+
+a.list-group-item:hover {
+ -moz-border-radius: 0;
+ border-radius: 0;
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 {
+ -moz-border-radius: 0;
+ border-radius: 0;
font-size:9pt;
font-style:italic;
+ font-weight: normal;
+ color: black !important;
}
-/* TESTBED LIST */
-div#testbed-list {
- margin:25px auto;
+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 */
+.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;
+}
+div.dataTables_filter label{
+ float:left;
+ width:400px;
+}