X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=portal%2Fstatic%2Fcss%2Fonelab.css;h=c64424754a92890a227a661623ea41997f5f5f5e;hb=fa7bf28ed61a58beb05ee64d1c1082e3ef353a2e;hp=cb2c071f3d7d877fee062130736c0bd0d59ab922;hpb=2f7fdac30f4a7775d0f806d379c441f1fe100a1d;p=unfold.git

diff --git a/portal/static/css/onelab.css b/portal/static/css/onelab.css
index cb2c071f..c6442475 100644
--- a/portal/static/css/onelab.css
+++ b/portal/static/css/onelab.css
@@ -1,785 +1,25 @@
-@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;
-}
-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;
-}
-
-/* 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: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:#FFA500;
-    color:#000000;
-}
-a.sl-resources:first-child {
-}
-button.btn-apply {
-    background-color:#FFA500;
-    border-bottom: 2pt solid #FFCA00;
-    color:black;
-    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;
+    border-bottom-color:#760073;
+    background-color:#760073;
     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.registration-form {
-    padding-top:150px;
+div.slogan {
     text-align:center;
-}
-
-.login-form input {
-    width:320px;
-}
-.login-form input[type=submit] {
-    width:108px;
-}
-
-.login-submit {
-    vertical-align:middle;
-    padding:0;
+    color:white;
+    padding-top:60px;
+    text-shadow: 1px 1px #013540;
 }
 .lost-password {
     font-size:10pt;
@@ -791,6 +31,7 @@ div.registration-form {
     color:white;
     text-shadow:0.5px 0.5px black;
 }
+
 .login-signup {
     font-size:12pt;
     color:white;
@@ -818,43 +59,16 @@ div.registration-form {
     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;
+a, a:active, a:focus {
+    outline: 0;
+    text-decoration:none;
+    color:#760073;
 }
-span#stats-period-txt {
-    text-transform:lowercase;
+a:hover {
+    color:#0D0049;
 }
 
-// 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;
+a.current {
+    text-decoration:underline;
+    color:#333333;
 }