CSS: myslice.css is generic, the CSS for each theme will only override the colors
authorLoic Baron <loic.baron@lip6.fr>
Tue, 19 May 2015 16:10:11 +0000 (18:10 +0200)
committerLoic Baron <loic.baron@lip6.fr>
Tue, 19 May 2015 16:10:11 +0000 (18:10 +0200)
portal/static/css/myslice.css
portal/static/css/onelab.css
portal/templates/base.html

index e7c200a..615a11f 100644 (file)
@@ -1,3 +1,5 @@
+@import url("../fonts/opensans_bold_macroman/stylesheet.css");
+
 .myslice-message {
     position:relative;
     left:-491px;
@@ -6,3 +8,954 @@
     box-shadow: 10px 10px 5px #888888;
     margin-bottom: 15px;
 }
+
+html { height: 100% }
+
+body {
+    background-color:white;
+    color:black;
+    margin:0;
+    padding:0;
+    height: 100%;
+    letter-spacing:0.3px;
+}
+a, a:active, a:focus {
+    outline: 0;
+    text-decoration:none;
+    color:#760073;
+}
+a:hover {
+    color:#0D0049;
+}
+
+a.current {
+    text-decoration:underline;
+    color:#333333;
+}
+p.command {
+    padding:15px;
+    margin:15px 0;
+    color:#890000;
+    background-color:#E0E0E0; 
+    font-family:Courier, monospace;
+}
+h1 {
+    border-bottom:1px solid #DDDDDD;
+    padding:0 0 0 0;
+    margin:15px 0 15px 0;
+    font-size:14pt;
+}
+h1 img {
+    vertical-align:middle;
+    margin-bottom:4px;
+    margin-right:10px;
+}
+h2 {
+    margin:0 0 15px 0;
+    font-size:14pt;
+    color:#333333;
+}
+h3 {
+    margin:0 0 5px 0;
+    font-size:13pt;
+    color:#201E62;
+}
+h4 {
+    margin:0 0 5px 0;
+    font-size:12pt;
+    color:#333333;
+}
+label {
+    font-weight:normal;
+    font-size:13px;
+    color:#201E62;
+}
+.sublabel {
+    color:gray;
+    font-style:italic;
+    font-weight:normal;
+}
+span.subtitle {
+    color:#454545;
+    font-size:9pt;
+    font-weight:normal;
+    text-transform:uppercase;
+}
+span.small {
+    font-size:9pt;
+}
+span.gray {
+    color:gray;
+}
+span.type {
+    color:#201E62;
+    font-weight:bold;
+    font-size:9pt;
+}
+span.htitle {
+    color:#454545;
+    font-size:9pt;
+    font-weight:normal;
+}
+span.version {
+    font-size:8pt;
+    color:#888888;
+}
+input[type=checkbox] {
+  min-width:5px !important;
+  margin-left:0 !important;
+}
+input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number], select, option {
+    min-width:260px;
+    padding:6px;
+    border:1pt solid #22606D;
+    vertical-align:bottom;
+    border-radius:0;
+}
+
+textarea {
+    padding:6px;
+    border:1pt solid #22606D !important;
+    border-radius:0 !important;
+}
+
+span.label {
+    font-size:11pt;
+    color:gray;
+    font-weight:normal;
+    padding:0;
+}
+div.el {
+    padding-bottom:15px;
+}
+div.breadcrumbs {
+    margin:15px 0;
+    color:gray;
+    font-size:10pt;
+}
+div.breadcrumbs a {
+    color:gray;
+}
+div.breadcrumbs a:hover {
+    text-decoration:underline;
+}
+.tab-pane {
+    padding-top:15px;
+}
+/* buttons */
+button.btn, input.btn {
+    padding:6px 10px;
+    border-radius:5px;
+    font-size:10pt;
+    font-weight:normal;
+}
+button.btn span.glyphicon {
+    margin-right:6px;
+}
+button.btn-default {
+    border-bottom:3px solid #cccccc;
+}
+button.btn-default:hover {
+    background-color:white;
+    border:1px solid #ADADAD;
+    border-bottom:3px solid #ADADAD;
+}
+button.btn-default:active {
+    background-color:white;
+    border:1px solid #ADADAD;
+    border-bottom:1px solid #ADADAD;
+    margin-top:2px;
+    box-shadow:none;
+}
+button.btn-primary {
+    border-bottom:3px solid #3071A9;
+}
+button.btn-primary:hover {
+    box-shadow:none;
+    background-color:#428bca;
+    border:1px solid #357ebd;
+    border-bottom:3px solid #3071A9;
+}
+button.btn-primary:active {
+    box-shadow:none;
+    border-bottom:1px solid #3071A9;
+    margin-top:2px;
+}
+button.btn-danger {
+    border-bottom:3px solid #A13F3A;
+}
+button.btn-danger:hover {
+    box-shadow:none;
+    background-color:#d9534f;
+    border:1px solid #d43f3a;
+    border-bottom:3px solid #A13F3A;
+}
+button.btn-danger:active {
+    border:1px solid #d43f3a;
+    box-shadow:none;
+    margin-top:2px;
+}
+button.btn-onelab, input.btn-onelab {
+    border:0;
+    border-bottom:3px solid #4cae4c;
+    background-color:#5cb85c;
+    color:white;
+    width: 150px;
+    height: 30px;
+}
+button.btn-onelab:hover, input.btn-onelab:hover {
+    border:0;
+    border-bottom:3px solid #47a447;
+    background-color:#398439;
+    color:white;
+}
+button.btn-onelab:active, input.btn-onelab:active {
+    box-shadow:none;
+    border-bottom:1px solid #760073;
+    margin-top:2px;
+}
+
+.container-resource button {
+    padding:2px 4px;
+    border-radius:3px;
+    font-size:9pt;
+    font-weight:normal;
+}
+.container-resource select,.container-resource option, .container-resource input {
+    padding:2px 4px;
+    font-size:9pt;
+}
+.badge {
+    font-size:9pt;
+    margin-left:4px;
+}
+/***** Notifications *****/
+.warning {
+    border: 1px solid red;
+    margin: 20px 60px;
+    padding: 10px 20px;
+    color: red;
+    background-color: #f2dbdb;
+    text-align: center;
+}
+div#menu-slice-list{
+    display:none;
+    position:absolute;
+    background-color:orange;
+    padding:15px;
+    left:-15px;
+    z-index:10;
+}
+div.dashboard div.projects-tree {
+    margin-left:49px;
+}
+/* HOME DASHBOARD */
+div#home-dashboard {
+    color:black;
+    margin:0 auto 25px auto;
+}
+div#home-dashboard table {
+    margin:25px;
+    width:100%;
+}
+div#home-dashboard table td {
+    text-align:center;
+    padding:15px 0;
+    width:33%;
+}
+div#home-dashboard table tr:first-child td {
+    font-size:12pt;
+    font-weight:bold;
+    color:#270A5A;
+}
+div#home-dashboard table tr:last-child td {
+    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.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 {
+}
+div#home-dashboard table td.support a:hover {
+    text-decoration:none;
+}
+
+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 {
+    
+}
+
+/**/
+
+/**/
+/* WELL */
+div.well {
+}
+/**/
+/* 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;
+}
+
+
+.form-hint {
+    font-size:11pt;
+    font-style:italic;
+    color:gray;
+}
+
+
+
+/* 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 {
+    margin:0 0 15px 0;
+}
+ul.nav-tabs ul {}
+ul.nav-tabs li {}
+
+ul.nav-section li a {
+    color:black;
+    border-bottom:0;
+}
+ul.nav-section li:first-child {
+    padding:0;
+}
+ul.nav-section li:first-child a {
+}
+ul.nav-section li:first-child.active a {
+}
+
+ul.nav-resources {
+    margin:15px 0;
+}
+ul.nav-resources a {
+    padding: 4px 10px 5px 10px;
+}
+
+/* SLICE VIEW */
+div.container-resource, div.container-slice {
+    padding-right:15px;
+    padding-left:15px;
+}
+.table th {
+    border-top:0 !important;
+}
+div#slice-view {
+    margin:0;
+}
+
+div.sl-filter-facilities {
+    padding:0 5px;
+}
+div.sl-filter-facilities h4 {
+    margin-bottom:15px;
+    
+}
+img.sl-image {
+    margin:0 5px 5px 0;
+    padding:0;
+    vertical-align:middle;
+}
+a.sl-facility {
+    color:gray;
+    text-decoration:none;
+}
+a.sl-facility:hover {
+    color:#342961;
+}
+a.sl-facility.active {
+    color:black;
+    text-decoration:none;
+}
+a.sl-facility::before {
+    content: " ";
+}
+div.sl-facilities {
+    border-bottom:#CCCCCC 1px solid;
+    padding-bottom:15px;
+    margin-bottom:15px;
+}
+div.sl-facilities:last-child {
+    border:0;
+}
+a.sl-testbed {
+    color:gray;
+    text-decoration:none;
+    margin-left:25px;
+    margin-bottom:5px;
+}
+a.sl-testbed:hover {
+    color:#342961;
+}
+a.sl-testbed.active {
+    color:black;
+}
+div.sl-filter-resources {
+    margin:0 0 10px 0;
+    text-align:center;
+}
+span.sl-resources {
+    font-size:9pt;
+    color:gray;
+}
+a.sl-resources {
+    font-size:9pt;
+    border:0;
+    padding:2px 8px;
+    margin:0 5px;
+    -moz-border-radius: 2px;
+    border-radius: 2px;
+    text-align: center;
+}
+a.sl-resources.active, a.sl-resources.active:hover, a.sl-resources.active:focus {
+    border:0;
+    padding:2px 8px;
+    -moz-border-radius: 2px;
+    border-radius: 2px;
+    background-color:#E7A6E7;
+    color:#000000;
+}
+a.sl-resources:first-child {
+}
+button.btn-apply {
+    font-size:13px;
+    padding:2px 8px;
+    margin:0 5px;
+    -moz-border-radius: 2px;
+    border-radius: 2px;
+    text-align: center;
+}
+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 {
+    font-size:14px;
+    padding:2px 5px;
+}
+.slice-pending button.clear {
+}
+tr.active, tr.active td {
+    background-color:#FFFFCC !important;
+}
+div.dataTables_filter label{
+    float:left;
+    width:400px;
+}
+
+/* HEADER */
+
+
+.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;
+}
+
+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:9pt;
+    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.navigation .dropdown-menu {
+    color:black;
+    -moz-box-shadow:    1px 1px 0px 0 rgba(58, 48, 100,0.8);
+    -webkit-box-shadow: 1px 1px 0px 0 rgba(58, 48, 100,0.8);
+    box-shadow:         1px 1px 0px 0 rgba(58, 48, 100,0.8);
+    border-radius:2px;
+    padding:0 5px 5px 5px;
+    margin-top:5px;
+    margin-left:20px;
+}
+div.navigation .dropdown-menu ul {
+    margin:0;
+    padding:15px 5px 5px 5px;
+    display:list-item;
+}
+div.navigation .dropdown-menu li {
+    margin:0 10px 0 0;
+    padding:0 0 8px 0;
+    display:list-item;
+    float:none;
+    text-transform: none;
+}
+
+div.navigation .dropdown-menu a {
+    font-family:Helvetica,sans-serif;
+    font-size:10pt;
+    color:black;
+}
+div.navigation .dropdown-menu li.title {
+    margin-bottom:10px;
+}
+div.navigation .dropdown-menu li.title a {
+    font-family:open_sansbold, sans-serif;
+}
+
+
+div.navigation .dropdown-menu li:first-child {
+    border-bottom:1px solid white;
+    padding-bottom:5px;
+     
+}
+
+div.secondary {
+    text-align:right;
+}
+
+div.secondary ul {
+   margin:6px 0 0 0;
+   padding:0;
+}
+
+div.secondary li {
+    font-size:9pt;
+    display:inline;
+    list-style:none;
+    margin:0px;
+    padding:0;
+    margin-right:15px;
+    color:#747474;
+    letter-spacing:0.4px;
+}
+div.secondary li:last-child {
+    margin-right:0;
+}
+div.secondary li a {
+    color:#747474;
+}
+div.secondary li a:hover {
+    text-decoration:underline;
+}
+div.secondary .button {    
+    width:300px;
+    margin-top:15px;
+}
+div.secondary .account {
+    margin-top:10px;
+    padding:0;
+    font-size:9pt;
+    color:gray;
+    text-align:right;
+}
+div.secondary .account span {
+    font-size:8pt;
+}
+div.secondary .account a {
+    color:black;
+}
+
+
+div.footer {
+    padding-top:15px;
+}
+div.footer div.bottom {
+    position:absolute;
+    bottom:0;
+}
+div.footer ul {
+   margin:6px 0 0 0;
+   padding:0;
+}
+
+div.footer li {
+    font-size:9pt;
+    display:inline;
+    list-style:none;
+    margin:0px;
+    padding:0;
+    margin-right:15px;
+    color:#747474;
+    letter-spacing:0.4px;
+}
+
+div.footer li a {
+    color:#747474;
+}
+div.footer li a:hover {
+    text-decoration:underline;
+}
+div.copy {
+    font-size:8pt;
+    color:gray;
+    padding-top:15px;
+    padding-bottom:15px;
+}
+
+div.home {
+    font-size:11pt;
+    line-height:1.2em;
+    letter-spacing:0.3pt;
+    min-height:500px;
+    background-image: url('../img/bg-experiment.jpg');
+    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.dashboard {
+    text-align:center;
+}
+div.dashboard div {
+    margin:25px 0;
+}
+div.dashboard ul {
+    text-align:left;
+    margin-left:24px;
+    list-style:none;
+}
+div.home {
+    padding-top:50px;
+}
+div.home h1 {
+    font-size:22pt;
+    border:0;
+}
+div.home h3, div.home h4 {
+    color:#424242;
+    line-height:1.4em;
+}
+
+div.home h3 a {
+    color:#FD6D2C;
+}*/
+div.dashboard {
+}
+div.dashboard a {
+    color:#206090;
+}
+
+div.dashboard a:hover {
+    text-decoration:underline;
+}
+div.dashboard div.projects-tree {
+    margin-left:49px;
+}
+div.dashboard ul {
+    list-style-type:disc;
+    list-style-position:inside;
+    text-align:left;
+    margin:0 0 15px 0;
+    padding:0;
+    
+}
+div.dashboard ul ul {
+    margin:5px 0 15px 25px;
+    list-style:none;
+}
+div.dashboard li {
+    margin:0 0 5px 0;
+    padding:0;
+}
+div.dashboard ul ul li {
+    margin:0;
+}
+div.dashboard ul ul a {
+}
+div.dashboard h3 {
+    border-bottom:1px solid #E0E0E0;
+    margin-right:15px;
+    margin-bottom:25px;
+}
+div.dashboard h3 a {
+     color:#201E62;
+}
+div.dashboard h3 img {
+    margin:15px 15px 15px 0;
+}
+div.dashboard span.glyphicon {
+    text-align:center;
+    width:45px;
+    height:25px;
+}
+div.dashboard-create-slice {
+    display:none;
+}
+
+div.registration-form {
+    padding-top:150px;
+    text-align:center;
+}
+div.registration-form {
+    padding-top:150px;
+    text-align:center;
+}
+
+.login-form input {
+    width:320px;
+}
+.login-form input[type=submit] {
+    width:108px;
+}
+
+.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;
+}
+
+th {
+    border:0 !important;
+}
+
+div.monitor {
+    padding:40px 0 25px 0;
+}
+div.monitor h1 {
+    margin-bottom:25px;
+}
+div.s-monitor {
+    padding-bottom:25px;
+}
+span#stats-period-txt {
+    text-transform:lowercase;
+}
+
+// resource info modal
+a.resource-info:hover {
+    cursor:pointer;
+}
+table.modal-resource-info tr td:first-child {
+    font-weight:bold;
+    text-align:right;
+}
+table.modal-resource-info tr:first-child td {
+    border-top:0;
+    text-align:center;
+}
+table.modal-resource-info tr:last-child td {
+    border-bottom:0;
+    text-align:center;
+}
index ac35d43..20e8bd9 100644 (file)
-@import url("../fonts/opensans_bold_macroman/stylesheet.css");
-
-html { height: 100% }
-
-body {
-    background-color:white;
-    color:black;
-    margin:0;
-    padding:0;
-    height: 100%;
-    letter-spacing:0.3px;
-}
-a, a:active, a:focus {
-    outline: 0;
-    text-decoration:none;
-    color:#760073;
-}
-a:hover {
-    color:#0D0049;
-}
-
-a.current {
-    text-decoration:underline;
-    color:#333333;
-}
-p.command {
-    padding:15px;
-    margin:15px 0;
-    color:#890000;
-    background-color:#E0E0E0; 
-    font-family:Courier, monospace;
-}
-h1 {
-    border-bottom:1px solid #DDDDDD;
-    padding:0 0 0 0;
-    margin:15px 0 15px 0;
-    font-size:14pt;
-}
-h1 img {
-    vertical-align:middle;
-    margin-bottom:4px;
-    margin-right:10px;
-}
-h2 {
-    margin:0 0 15px 0;
-    font-size:14pt;
-    color:#333333;
-}
-h3 {
-    margin:0 0 5px 0;
-    font-size:13pt;
-    color:#201E62;
-}
-h4 {
-    margin:0 0 5px 0;
-    font-size:12pt;
-    color:#333333;
-}
-label {
-    font-weight:normal;
-    font-size:13px;
-    color:#201E62;
-}
-.sublabel {
-    color:gray;
-    font-style:italic;
-    font-weight:normal;
-}
-span.subtitle {
-    color:#454545;
-    font-size:9pt;
-    font-weight:normal;
-    text-transform:uppercase;
-}
-span.small {
-    font-size:9pt;
-}
-span.gray {
-    color:gray;
-}
-span.type {
-    color:#201E62;
-    font-weight:bold;
-    font-size:9pt;
-}
-span.htitle {
-    color:#454545;
-    font-size:9pt;
-    font-weight:normal;
-}
-span.version {
-    font-size:8pt;
-    color:#888888;
-}
-input[type=checkbox] {
-  min-width:5px !important;
-  margin-left:0 !important;
-}
-input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number], select, option {
-    min-width:260px;
-    padding:6px;
-    border:1pt solid #22606D;
-    vertical-align:bottom;
-    border-radius:0;
-}
-
-textarea {
-    padding:6px;
-    border:1pt solid #22606D !important;
-    border-radius:0 !important;
-}
-
-span.label {
-    font-size:11pt;
-    color:gray;
-    font-weight:normal;
-    padding:0;
-}
-div.el {
-    padding-bottom:15px;
-}
-div.breadcrumbs {
-    margin:15px 0;
-    color:gray;
-    font-size:10pt;
-}
-div.breadcrumbs a {
-    color:gray;
-}
-div.breadcrumbs a:hover {
-    text-decoration:underline;
-}
-.tab-pane {
-    padding-top:15px;
-}
-/* buttons */
-button.btn, input.btn {
-    padding:6px 10px;
-    border-radius:5px;
-    font-size:10pt;
-    font-weight:normal;
-}
-button.btn span.glyphicon {
-    margin-right:6px;
-}
-button.btn-default {
-    border-bottom:3px solid #cccccc;
-}
-button.btn-default:hover {
-    background-color:white;
-    border:1px solid #ADADAD;
-    border-bottom:3px solid #ADADAD;
-}
-button.btn-default:active {
-    background-color:white;
-    border:1px solid #ADADAD;
-    border-bottom:1px solid #ADADAD;
-    margin-top:2px;
-    box-shadow:none;
-}
-button.btn-primary {
-    border-bottom:3px solid #3071A9;
-}
-button.btn-primary:hover {
-    box-shadow:none;
-    background-color:#428bca;
-    border:1px solid #357ebd;
-    border-bottom:3px solid #3071A9;
-}
-button.btn-primary:active {
-    box-shadow:none;
-    border-bottom:1px solid #3071A9;
-    margin-top:2px;
-}
-button.btn-danger {
-    border-bottom:3px solid #A13F3A;
-}
-button.btn-danger:hover {
-    box-shadow:none;
-    background-color:#d9534f;
-    border:1px solid #d43f3a;
-    border-bottom:3px solid #A13F3A;
-}
-button.btn-danger:active {
-    border:1px solid #d43f3a;
-    box-shadow:none;
-    margin-top:2px;
-}
 button.btn-onelab, input.btn-onelab {
-    border:0;
-    border-bottom:3px solid #760073;
+    border-bottom-color: #302562;
     background-color:#302562;
     color:white;
 }
 button.btn-onelab:hover, input.btn-onelab:hover {
-    border:0;
-    border-bottom:3px solid #760073;
-    background-color:#302562;
-    color:white;
-}
-button.btn-onelab:active, input.btn-onelab:active {
-    box-shadow:none;
-    border-bottom:1px solid #760073;
-    margin-top:2px;
-}
-
-.container-resource button {
-    padding:2px 4px;
-    border-radius:3px;
-    font-size:9pt;
-    font-weight:normal;
-}
-.container-resource select,.container-resource option, .container-resource input {
-    padding:2px 4px;
-    font-size:9pt;
-}
-.badge {
-    font-size:9pt;
-    margin-left:4px;
-}
-/***** Notifications *****/
-.warning {
-    border: 1px solid red;
-    margin: 20px 60px;
-    padding: 10px 20px;
-    color: red;
-    background-color: #f2dbdb;
-    text-align: center;
-}
-div#menu-slice-list{
-    display:none;
-    position:absolute;
-    background-color:orange;
-    padding:15px;
-    left:-15px;
-    z-index:10;
-}
-div.dashboard div.projects-tree {
-    margin-left:49px;
-}
-/* HOME DASHBOARD */
-div#home-dashboard {
-    color:black;
-    margin:0 auto 25px auto;
-}
-div#home-dashboard table {
-    margin:25px;
-    width:100%;
-}
-div#home-dashboard table td {
-    text-align:center;
-    padding:15px 0;
-    width:33%;
-}
-div#home-dashboard table tr:first-child td {
-    font-size:12pt;
-    font-weight:bold;
-    color:#270A5A;
-}
-div#home-dashboard table tr:last-child td {
-    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.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 {
-}
-div#home-dashboard table td.support a:hover {
-    text-decoration:none;
-}
-
-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 {
-    
-}
-
-/**/
-
-/**/
-/* WELL */
-div.well {
-}
-/**/
-/* 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;
-}
-
-
-.form-hint {
-    font-size:11pt;
-    font-style:italic;
-    color:gray;
-}
-
-
-
-/* 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 {
-    margin:0 0 15px 0;
-}
-ul.nav-tabs ul {}
-ul.nav-tabs li {}
-
-ul.nav-section li a {
-    color:black;
-    border-bottom:0;
-}
-ul.nav-section li:first-child {
-    padding:0;
-}
-ul.nav-section li:first-child a {
-}
-ul.nav-section li:first-child.active a {
-}
-
-ul.nav-resources {
-    margin:15px 0;
-}
-ul.nav-resources a {
-    padding: 4px 10px 5px 10px;
-}
-
-/* SLICE VIEW */
-div.container-resource, div.container-slice {
-    padding-right:15px;
-    padding-left:15px;
-}
-.table th {
-    border-top:0 !important;
-}
-div#slice-view {
-    margin:0;
-}
-
-div.sl-filter-facilities {
-    padding:0 5px;
-}
-div.sl-filter-facilities h4 {
-    margin-bottom:15px;
-    
-}
-img.sl-image {
-    margin:0 5px 5px 0;
-    padding:0;
-    vertical-align:middle;
-}
-a.sl-facility {
-    color:gray;
-    text-decoration:none;
-}
-a.sl-facility:hover {
-    color:#342961;
-}
-a.sl-facility.active {
-    color:black;
-    text-decoration:none;
-}
-a.sl-facility::before {
-    content: " ";
-}
-div.sl-facilities {
-    border-bottom:#CCCCCC 1px solid;
-    padding-bottom:15px;
-    margin-bottom:15px;
-}
-div.sl-facilities:last-child {
-    border:0;
-}
-a.sl-testbed {
-    color:gray;
-    text-decoration:none;
-    margin-left:25px;
-    margin-bottom:5px;
-}
-a.sl-testbed:hover {
-    color:#342961;
-}
-a.sl-testbed.active {
-    color:black;
-}
-div.sl-filter-resources {
-    margin:0 0 10px 0;
-    text-align:center;
-}
-span.sl-resources {
-    font-size:9pt;
-    color:gray;
-}
-a.sl-resources {
-    font-size:9pt;
-    border:0;
-    padding:2px 8px;
-    margin:0 5px;
-    -moz-border-radius: 2px;
-    border-radius: 2px;
-    text-align: center;
-}
-a.sl-resources.active, a.sl-resources.active:hover, a.sl-resources.active:focus {
-    border:0;
-    padding:2px 8px;
-    -moz-border-radius: 2px;
-    border-radius: 2px;
-    background-color:#E7A6E7;
-    color:#000000;
-}
-a.sl-resources:first-child {
-}
-button.btn-apply {
-    font-size:13px;
-    padding:2px 8px;
-    margin:0 5px;
-    -moz-border-radius: 2px;
-    border-radius: 2px;
-    text-align: center;
-}
-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 {
-    font-size:14px;
-    padding:2px 5px;
-}
-.slice-pending button.clear {
-}
-tr.active, tr.active td {
-    background-color:#FFFFCC !important;
-}
-div.dataTables_filter label{
-    float:left;
-    width:400px;
-}
-
-/* HEADER */
-
-
-.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;
-}
-
-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:9pt;
-    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.navigation .dropdown-menu {
-    color:black;
-    -moz-box-shadow:    1px 1px 0px 0 rgba(58, 48, 100,0.8);
-    -webkit-box-shadow: 1px 1px 0px 0 rgba(58, 48, 100,0.8);
-    box-shadow:         1px 1px 0px 0 rgba(58, 48, 100,0.8);
-    border-radius:2px;
-    padding:0 5px 5px 5px;
-    margin-top:5px;
-    margin-left:20px;
-}
-div.navigation .dropdown-menu ul {
-    margin:0;
-    padding:15px 5px 5px 5px;
-    display:list-item;
-}
-div.navigation .dropdown-menu li {
-    margin:0 10px 0 0;
-    padding:0 0 8px 0;
-    display:list-item;
-    float:none;
-    text-transform: none;
-}
-
-div.navigation .dropdown-menu a {
-    font-family:Helvetica,sans-serif;
-    font-size:10pt;
-    color:black;
-}
-div.navigation .dropdown-menu li.title {
-    margin-bottom:10px;
-}
-div.navigation .dropdown-menu li.title a {
-    font-family:open_sansbold, sans-serif;
-}
-
-
-div.navigation .dropdown-menu li:first-child {
-    border-bottom:1px solid white;
-    padding-bottom:5px;
-     
-}
-
-div.secondary {
-    text-align:right;
-}
-
-div.secondary ul {
-   margin:6px 0 0 0;
-   padding:0;
-}
-
-div.secondary li {
-    font-size:9pt;
-    display:inline;
-    list-style:none;
-    margin:0px;
-    padding:0;
-    margin-right:15px;
-    color:#747474;
-    letter-spacing:0.4px;
-}
-div.secondary li:last-child {
-    margin-right:0;
-}
-div.secondary li a {
-    color:#747474;
-}
-div.secondary li a:hover {
-    text-decoration:underline;
-}
-div.secondary .button {    
-    width:300px;
-    margin-top:15px;
-}
-div.secondary .account {
-    margin-top:10px;
-    padding:0;
-    font-size:9pt;
-    color:gray;
-    text-align:right;
-}
-div.secondary .account span {
-    font-size:8pt;
-}
-div.secondary .account a {
-    color:black;
-}
-
-
-div.footer {
-    padding-top:15px;
-}
-div.footer div.bottom {
-    position:absolute;
-    bottom:0;
-}
-div.footer ul {
-   margin:6px 0 0 0;
-   padding:0;
-}
-
-div.footer li {
-    font-size:9pt;
-    display:inline;
-    list-style:none;
-    margin:0px;
-    padding:0;
-    margin-right:15px;
-    color:#747474;
-    letter-spacing:0.4px;
-}
-
-div.footer li a {
-    color:#747474;
-}
-div.footer li a:hover {
-    text-decoration:underline;
-}
-div.copy {
-    font-size:8pt;
-    color:gray;
-    padding-top:15px;
-    padding-bottom:15px;
-}
-
-div.home {
-    font-size:11pt;
-    line-height:1.2em;
-    letter-spacing:0.3pt;
-    min-height:500px;
-    background-image: url('../img/bg-experiment.jpg');
-    background-repeat:no-repeat;
-    background-size:cover;
-    background-position:center top;
-    background-color:#086274;
-    padding:100px 0;
-}
-div.home h2 {
+    border-bottom-color:#760073;
+    background-color:#760073;
     color:white;
-    line-height:1.2em;
-    font-size:18pt;
-}
-div.home h3 {
-    color:white;
-    line-height:1.4em;
-}
-/*
-div.dashboard {
-    text-align:center;
-}
-div.dashboard div {
-    margin:25px 0;
-}
-div.dashboard ul {
-    text-align:left;
-    margin-left:24px;
-    list-style:none;
-}
-div.home {
-    padding-top:50px;
-}
-div.home h1 {
-    font-size:22pt;
-    border:0;
-}
-div.home h3, div.home h4 {
-    color:#424242;
-    line-height:1.4em;
-}
-
-div.home h3 a {
-    color:#FD6D2C;
-}*/
-div.dashboard {
-}
-div.dashboard a {
-    color:#206090;
-}
-
-div.dashboard a:hover {
-    text-decoration:underline;
-}
-div.dashboard div.projects-tree {
-    margin-left:49px;
-}
-div.dashboard ul {
-    list-style-type:disc;
-    list-style-position:inside;
-    text-align:left;
-    margin:0 0 15px 0;
-    padding:0;
-    
-}
-div.dashboard ul ul {
-    margin:5px 0 15px 25px;
-    list-style:none;
-}
-div.dashboard li {
-    margin:0 0 5px 0;
-    padding:0;
-}
-div.dashboard ul ul li {
-    margin:0;
-}
-div.dashboard ul ul a {
-}
-div.dashboard h3 {
-    border-bottom:1px solid #E0E0E0;
-    margin-right:15px;
-    margin-bottom:25px;
-}
-div.dashboard h3 a {
-     color:#201E62;
-}
-div.dashboard h3 img {
-    margin:15px 15px 15px 0;
-}
-div.dashboard span.glyphicon {
-    text-align:center;
-    width:45px;
-    height:25px;
-}
-div.dashboard-create-slice {
-    display:none;
-}
-
-div.registration-form {
-    padding-top:150px;
-    text-align:center;
-}
-div.registration-form {
-    padding-top:150px;
-    text-align:center;
-}
-
-.login-form input {
-    width:320px;
-}
-.login-form input[type=submit] {
-    width:108px;
-}
-
-.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;
-}
-
-th {
-    border:0 !important;
-}
-
-div.monitor {
-    padding:40px 0 25px 0;
-}
-div.monitor h1 {
-    margin-bottom:25px;
-}
-div.s-monitor {
-    padding-bottom:25px;
-}
-span#stats-period-txt {
-    text-transform:lowercase;
-}
-
-// resource info modal
-a.resource-info:hover {
-    cursor:pointer;
-}
-table.modal-resource-info tr td:first-child {
-    font-weight:bold;
-    text-align:right;
-}
-table.modal-resource-info tr:first-child td {
-    border-top:0;
-    text-align:center;
-}
-table.modal-resource-info tr:last-child td {
-    border-bottom:0;
-    text-align:center;
 }
index 7f9bd44..ceebc5d 100644 (file)
@@ -54,8 +54,8 @@
 {% insert_str prelude "css/slider.css" %}
 {% insert_str prelude "css/topmenu.css" %}
 {% insert_str prelude "js/logout.js" %}
-<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/{{ theme }}.css">
 <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/myslice.css">
+<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/{{ theme }}.css">
 <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/jquery.qtip.min.css">