-/* @override unfold/static/css/plugin.css */
+@import url("../fonts/opensans_bold_macroman/stylesheet.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;
}
-input {
- margin:0;
-}
+
h1 {
- color:#0B0042;
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;
- margin:0;
- padding:0;
+ 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;
text-align: center;
}
/* HEADER */
-div#header {
- height:100px;
- background-color:white;
+#header {
+ -moz-box-shadow: 0 0 1px rgba(82,82,82,0.6);
+ -webkit-box-shadow: 0 0 1px rgba(82,82,82,0.6);
+ box-shadow: 0 0 1px rgba(82,82,82,0.6);
+
+ height:61px;
+ background-color:white;
+ z-index:2;
}
+
div#secondary {
}
div#secondary ul {
position:absolute;
- top:20px;
+ top:8px;
right:0;
}
div#secondary li {
- font-size:10pt;
+ font-size:9pt;
float:left;
list-style:none;
margin-right:30px;
+ color:gray;
}
div#secondary li a {
- color:black;
+ color:gray;
}
div#secondary li a:hover {
color:#270A5A;
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;
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 {
display:none;
}
-.login-submit {
- vertical-align:middle;
+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;
}
-.lost-password {
- font-size:10pt;
- color:#CCCCCC;
- text-align:right;
- padding:0px;
+div#home-dashboard div#home-slice-list li {
+
}
-.lost-password a {
+
+/**/
+
+/**/
+/* WELL */
+div.well {
}
-.login-signup {
- border-top:1px solid #CCCCCC;
- text-align:center;
- margin-top:15px;
- padding:5px 0 0 0;
+/**/
+/* BUTTON */
+.btn.btn-default {
+ font-weight: bold;
+}
+
+.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;
+}
+.form-hint {
+ font-size:11pt;
+ font-style:italic;
+ color:gray;
+}
-/* NAV TABS */
-.nav.nav-tabs {
+.form-hint {
+ font-size:11pt;
+ font-style:italic;
+ color:gray;
}
-.nav.nav-tabs li.active a {
-
+
+
+/* TICKET REQUEST */
+div#ticket-request {
+ color:black;
}
+.form-hint {
+ font-size:11pt;
+ font-style:italic;
+ color:gray;
+}
+div#ticket-request p {
+ margin:20px 0;
+}
+
+ul.nav-tabs {}
+ul.nav-tabs ul {}
+ul.nav-tabs li {}
-.nav.nav-tabs li a {
+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;
}
-.nav.nav-tabs li a:hover {
+ul.nav-resources {
+ margin:15px 0;
+}
+ul.nav-resources a {
+ padding: 4px 10px 5px 10px;
}
-/**/
-/* WELL */
-div.well {
+/* SLICE VIEW */
+
+
+div#slice-view {
+ margin:0;
}
-/**/
-/* BUTTON */
-.btn.btn-default {
+div.list-group-item {
+ border:0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+ background-color:white;
+ font-weight:bold;
+ padding-left:0;
+}
+a.list-group-item {
+ -moz-border-radius: 0;
+ border-radius: 0;
+ border:0;
+ background-color:white;
+ padding:3px 2px 3px 10px;
+ border-left:2pt white solid;
+}
+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;
}
-.btn.btn-default:hover {
- font-weight: bold;
+a.list-group-item:hover {
+ -moz-border-radius: 0;
+ border-radius: 0;
+ border-left:2pt blue solid;
+}
+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;
}
+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 REQUEST */
-div#slice-request {
+/* 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;
- margin:25px auto;
}
-div#slice-request div {
+.slice-sections ul.nav-pills li.active, .slice-pending ul.nav-pills li.active {
}
-.form-hint {
+.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;
+}
+
+/**/
+div.navigation {
+
+}
+div.navigation ul {
+ margin:26px 0 0 0;
+ padding:0;
+ display: inline-block;
+ list-style-type: none;
+ white-space: nowrap;
+}
+
+div.navigation li {
+ color:#0C0047;
+ font-family:open_sansbold, sans-serif;
+ font-size:10pt;
+ font-weight:normal;
+ line-height:0.8em;
+ letter-spacing:0.4pt;
+ list-style:none;
+ float:left;
+ padding:0 15px;
+ margin:0;
+ text-transform:uppercase;
+}
+div.navigation li:hover {
+}
+div.navigation li a {
+ color:#0C0047;
+}
+div.navigation li a:hover, div.navigation li a.current {
+ color:#760073;
+ text-decoration:none;
+}
+
+div.navigation li:last-child {
+ margin-right:0;
+}
+div.home {
font-size:11pt;
- font-style:italic;
- color:gray;
+ line-height:1.2em;
+ letter-spacing:0.3pt;
+ min-height:500px;
+ background-image: url('../img/bg-experiment.png');
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center top;
+ background-color:#086274;
+ padding:100px 0;
+}
+div.home h2 {
+ color:white;
+ line-height:1.2em;
+ font-size:18pt;
+}
+div.home h3 {
+ color:white;
+ line-height:1.4em;
+}
+div.registration-form {
+ padding-top:150px;
+ text-align:center;
+}
+div.login-form input[type=text] {
+
+
+
+}
+.login-form input {
+ font-size:12pt;
+ width:320px;
+ padding:8px;
+ border:1pt solid #22606D;
+}
+.login-form input[type=submit] {
+ border:0;
+ border-bottom:2px solid #540086;
+ background-color:#302562;
+ color:white;
+ width:100px;
+ border-radius:5px;
+ font-size:12pt;
+}
+
+.login-submit {
+ vertical-align:middle;
+ padding:0;
+}
+.lost-password {
+ font-size:10pt;
+ color:black;
+ text-align:right;
+ padding:0px;
+}
+.lost-password a {
+ color:white;
+ text-shadow:0.5px 0.5px black;
+}
+.login-signup {
+ font-size:12pt;
+ color:white;
+ text-shadow:0.5px 0.5px black;
+ margin-top:45px;
+ padding:5px 0 0 4px;
+
+}
+.login-signup a {
+ color:white;
+ text-shadow:0.5px 0.5px black;
+ padding-bottom:2px;
+ border-bottom:2pt solid white;
}
+.login-signup a:hover {
+ text-decoration:none;
+}
+.login-signup button {
+ padding:8px;
+ border:0;
+ border-bottom:2px solid #540086;
+ background-color:#302562;
+ color:white;
+ width:100px;
+ border-radius:5px;
+ font-size:12pt;
+}
+div.slogan {
+ text-align:center;
+ color:white;
+ padding-top:60px;
+ text-shadow: 1px 1px #013540;
+}
\ No newline at end of file
git://git.onelab.eu / unfold.git / blobdiff