portal/static/css/onelab.css

   1 @import url("../fonts/opensans_bold_macroman/stylesheet.css");
   2
   3 html { height: 100% }
   4
   5 body {
   6     background-color:white;
   7     color:black;
   8     margin:0;
   9     padding:0;
  10     height: 100%;
  11 }
  12 a, a:active, a:focus {
  13     outline: 0;
  14     text-decoration:none;
  15     color:#760073;
  16 }
  17 a:hover {
  18     color:#0D0049;
  19 }
  20
  21 h1 {
  22     border-bottom:1px solid #DDDDDD;
  23     padding:0 0 0 0;
  24     margin:15px 0 15px 0;
  25     font-size:14pt;
  26 }
  27 h1 img {
  28     vertical-align:middle;
  29     margin-bottom:4px;
  30     margin-right:10px;
  31 }
  32 h2 {
  33     margin:0 0 15px 0;
  34     font-size:14pt;
  35     color:#333333;
  36 }
  37 h3 {
  38     margin:0 0 5px 0;
  39     font-size:13pt;
  40     color:#201E62;
  41 }
  42 h4 {
  43     margin:0 0 5px 0;
  44     font-size:12pt;
  45     color:#333333;
  46 }
  47 input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number], select, option {
  48     min-width:260px;
  49     padding:6px;
  50     border:1pt solid #22606D;
  51     vertical-align:bottom;
  52     border-radius:0;
  53 }
  54
  55 textarea {
  56     padding:6px;
  57     border:1pt solid #22606D !important;
  58     border-radius:0 !important;
  59 }
  60
  61 span.label {
  62     font-size:11pt;
  63     color:gray;
  64     font-weight:normal;
  65     padding:0;
  66 }
  67 div.el {
  68     padding-bottom:15px;
  69 }
  70 div.breadcrumbs {
  71     margin:15px 0;
  72     color:gray;
  73     font-size:10pt;
  74 }
  75 div.breadcrumbs a {
  76     color:gray;
  77 }
  78 div.breadcrumbs a:hover {
  79     text-decoration:underline;
  80 }
  81 .tab-pane {
  82     padding-top:15px;
  83 }
  84 /* buttons */
  85 button.btn, input.btn {
  86     padding:6px 10px;
  87     border-radius:5px;
  88     font-size:10pt;
  89     font-weight:normal;
  90 }
  91 button.btn span.glyphicon {
  92     margin-right:6px;
  93 }
  94 button.btn-default {
  95     border-bottom:3px solid #cccccc;
  96 }
  97 button.btn-default:hover {
  98     background-color:white;
  99     border:1px solid #ADADAD;
 100     border-bottom:3px solid #ADADAD;
 101 }
 102 button.btn-default:active {
 103     background-color:white;
 104     border:1px solid #ADADAD;
 105     border-bottom:1px solid #ADADAD;
 106     margin-top:2px;
 107     box-shadow:none;
 108 }
 109 button.btn-primary {
 110     border-bottom:3px solid #3071A9;
 111 }
 112 button.btn-primary:hover {
 113     box-shadow:none;
 114     background-color:#428bca;
 115     border:1px solid #357ebd;
 116     border-bottom:3px solid #3071A9;
 117 }
 118 button.btn-primary:active {
 119     box-shadow:none;
 120     border-bottom:1px solid #3071A9;
 121     margin-top:2px;
 122 }
 123 button.btn-danger {
 124     border-bottom:3px solid #A13F3A;
 125 }
 126 button.btn-danger:hover {
 127     box-shadow:none;
 128     background-color:#d9534f;
 129     border:1px solid #d43f3a;
 130     border-bottom:3px solid #A13F3A;
 131 }
 132 button.btn-danger:active {
 133     border:1px solid #d43f3a;
 134     box-shadow:none;
 135     margin-top:2px;
 136 }
 137 button.btn-onelab, input.btn-onelab {
 138     border:0;
 139     border-bottom:3px solid #760073;
 140     background-color:#302562;
 141     color:white;
 142 }
 143 button.btn-onelab:hover, input.btn-onelab:hover {
 144     border:0;
 145     border-bottom:3px solid #760073;
 146     background-color:#302562;
 147     color:white;
 148 }
 149 button.btn-onelab:active, input.btn-onelab:active {
 150     box-shadow:none;
 151     border-bottom:1px solid #760073;
 152     margin-top:2px;
 153 }
 154
 155 .container-resource button {
 156     padding:2px 4px;
 157     border-radius:3px;
 158     font-size:9pt;
 159     font-weight:normal;
 160 }
 161 .container-resource select,.container-resource option, .container-resource input {
 162     padding:2px 4px;
 163     font-size:9pt;
 164 }
 165 .badge {
 166     font-size:9pt;
 167     margin-left:4px;
 168 }
 169 /***** Notifications *****/
 170 .warning {
 171     border: 1px solid red;
 172     margin: 20px 60px;
 173     padding: 10px 20px;
 174     color: red;
 175     background-color: #f2dbdb;
 176     text-align: center;
 177 }
 178
 179 /* HOME DASHBOARD */
 180 div#home-dashboard {
 181     color:black;
 182     margin:0 auto 25px auto;
 183 }
 184 div#home-dashboard table {
 185     margin:25px;
 186     width:100%;
 187 }
 188 div#home-dashboard table td {
 189     text-align:center;
 190     padding:15px 0;
 191     width:33%;
 192 }
 193 div#home-dashboard table tr:first-child td {
 194     font-size:12pt;
 195     font-weight:bold;
 196     color:#270A5A;
 197 }
 198 div#home-dashboard table tr:last-child td {
 199     vertical-align:top;
 200     padding:25px 0;
 201 }
 202 div#home-dashboard table tr:last-child td.logged-in {
 203     border-right:1px solid #DDDDDD;
 204     padding:25px;
 205 }
 206 div#home-dashboard table tr:last-child td.support {
 207     border-left:1px solid #DDDDDD;
 208     padding:25px;
 209 }
 210 div#home-dashboard table tr:last-child td:first-child {
 211 }
 212 div#home-dashboard table tr:last-child td:last-child {
 213     border-right:0;
 214 }
 215 div#home-dashboard table tr:last-child td.logged-in div {
 216     text-align:left;
 217     padding:25px 0;
 218 }
 219 div#home-dashboard table tr:last-child td.support div {
 220     text-align:left;
 221     padding:25px 0;
 222 }
 223 div#home-dashboard div.login-widget {
 224     padding:20px;
 225 }
 226 div#home-dashboard table td.support {
 227 }
 228 div#home-dashboard table td.support a {
 229 }
 230 div#home-dashboard table td.support a:hover {
 231     text-decoration:none;
 232 }
 233
 234 div#home-dashboard div#manager {
 235     display:none;
 236 }
 237
 238 div#home-dashboard div#home-slice-list {
 239     margin:25px 0;
 240     padding:0 25px;
 241     text-align:left;
 242 }
 243 div#home-dashboard div#home-slice-list ul {
 244     list-style: none;
 245     padding:0;
 246     margin:0;
 247 }
 248 div#home-dashboard div#home-slice-list li {
 249
 250 }
 251
 252 /**/
 253
 254 /**/
 255 /* WELL */
 256 div.well {
 257 }
 258 /**/
 259 /* TABLE */
 260 table.table {
 261     margin:0;
 262 }
 263 table.table thead {
 264     padding:0;
 265 }
 266 table.table tbody {
 267     padding:0;
 268 }
 269 table.table tr {
 270     padding:0;
 271 }
 272 table.table td {
 273     padding:0;
 274 }
 275 /* INSTITUTION */
 276 div#institution {
 277     color:black;
 278 }
 279 .form-hint {
 280     font-size:11pt;
 281     font-style:italic;
 282     color:gray;
 283 }
 284
 285
 286 .form-hint {
 287     font-size:11pt;
 288     font-style:italic;
 289     color:gray;
 290 }
 291
 292
 293
 294 /* TICKET REQUEST */
 295 div#ticket-request {
 296     color:black;
 297 }
 298 .form-hint {
 299     font-size:11pt;
 300     font-style:italic;
 301     color:gray;
 302 }
 303 div#ticket-request p {
 304     margin:20px 0;
 305 }
 306
 307 ul.nav-tabs {
 308     margin:0 0 15px 0;
 309 }
 310 ul.nav-tabs ul {}
 311 ul.nav-tabs li {}
 312
 313 ul.nav-section li a {
 314     color:black;
 315     border-bottom:0;
 316 }
 317 ul.nav-section li:first-child {
 318     padding:0;
 319 }
 320 ul.nav-section li:first-child a {
 321 }
 322 ul.nav-section li:first-child.active a {
 323 }
 324
 325 ul.nav-resources {
 326     margin:15px 0;
 327 }
 328 ul.nav-resources a {
 329     padding: 4px 10px 5px 10px;
 330 }
 331
 332 /* SLICE VIEW */
 333 div.container-resource, div.container-slice {
 334     padding-right:15px;
 335     padding-left:15px;
 336 }
 337 .table th {
 338     border-top:0 !important;
 339 }
 340 div#slice-view {
 341     margin:0;
 342 }
 343 div.list-group-item {
 344     border:0;
 345     -moz-border-radius: 0;
 346     border-radius: 0;
 347     background-color:white;
 348     font-weight:bold;
 349     padding-left:0;
 350 }
 351 a.list-group-item {
 352     -moz-border-radius: 0;
 353     border-radius: 0;
 354     border:0;
 355     background-color:white;
 356     padding:3px 2px 3px 10px;
 357     border-left:2pt white solid;
 358 }
 359 a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
 360     -moz-border-radius: 0;
 361     border-radius: 0;
 362     font-weight: bold;
 363     color:black;
 364     background-color:#F5F5F5;
 365     border-left:2pt blue solid;
 366 }
 367
 368 a.list-group-item:hover {
 369     -moz-border-radius: 0;
 370     border-radius: 0;
 371     border-left:2pt blue solid;
 372 }
 373 a.list-group-item p.list-group-item-text {
 374     -moz-border-radius: 0;
 375     border-radius: 0;
 376     font-size:9pt;
 377     font-style:italic;
 378     font-weight: normal;
 379     color: black !important;
 380 }
 381
 382 span.sl-resources {
 383     font-size:9pt;
 384     color:gray;
 385 }
 386 a.sl-resources, a.sl-resources:hover {
 387     font-size:9pt;
 388     border:0;
 389     padding:2px 4px;
 390     -moz-border-radius: 4px;
 391     border-radius: 4px;
 392     width:105px;
 393     margin-left:4px;
 394     margin-bottom:8px;
 395     text-align: center;
 396 }
 397 a.sl-resources.active, a.sl-resources.active:hover, a.sl-resources.active:focus {
 398     border:0;
 399     -moz-border-radius: 4px;
 400     border-radius: 4px;
 401 }
 402 a.sl-resources:first-child {
 403     margin-left:12px;
 404 }
 405 button.btn-apply {
 406     font-size:13px;
 407     padding:2px 8px;
 408 }
 409 div#slice-info {
 410     margin-top:25px;
 411 }
 412 div#slice-info table {
 413     width:100%;
 414     margin:0 auto;
 415 }
 416 div#slice-info table td:first-child {
 417     text-align:right;
 418     font-weight:bold;
 419     padding-right:15px;
 420 }
 421 div#slice-info td {
 422     padding:5px;
 423 }
 424
 425 /* SLICE VIEW sections */
 426 .slice-sections, .slice-pending {
 427     margin:0;
 428     padding:0;
 429 }
 430 .slice-sections ul, .slice-pending ul {
 431     margin:0;
 432     padding:0;
 433 }
 434 .slice-pending ul {
 435     width:400px;
 436     margin:0 auto 15px auto;
 437 }
 438 .slice-sections li {
 439     text-align:left;
 440     margin:0;
 441     padding:0;
 442 }
 443 .slice-pending li {
 444     padding-right:15px;
 445 }
 446 .slice-sections li a, .slice-pending li a {
 447     font-size:14px;
 448     color:black;
 449     padding:0;
 450 }
 451 .slice-sections li.active a, .slice-pending li.active a  {
 452     color:#201E62;
 453     background-color:#EFEFEF;
 454     text-decoration:underline;
 455     padding:0;
 456 }
 457 .slice-sections ul.nav-pills li a:hover, .slice-pending ul.nav-pills li a:hover {
 458     text-decoration:underline;
 459     background-color:#EFEFEF;
 460     color:black;
 461 }
 462 .slice-sections ul.nav-pills li.active, .slice-pending ul.nav-pills li.active {
 463
 464 }
 465 .slice-sections li:first-child, .slice-sections li:first-child a {
 466     color:#201E62;
 467     font-weight:bold;
 468 }
 469 .slice-experiment {
 470     text-align:right;
 471     padding:0;
 472 }
 473 .slice-experiment button {
 474     margin:3px 0 0 0;
 475     background-color:#CC4125;
 476     color:white;
 477 }
 478
 479 .slice-pending {
 480 }
 481 .slice-pending button {
 482     font-size:9pt;
 483     margin:-2px 0 0 0;
 484     padding:3px 5px;
 485 }
 486 .slice-pending button.apply {
 487     font-size:14px;
 488     padding:2px 5px;
 489 }
 490 .slice-pending button.clear {
 491 }
 492 tr.active, tr.active td {
 493     background-color:#FFFFCC !important;
 494 }
 495 div.dataTables_filter label{
 496     float:left;
 497     width:400px;
 498 }
 499
 500 /* HEADER */
 501
 502
 503 .header {
 504   -moz-box-shadow:    0 0 1px rgba(82,82,82,0.6);
 505   -webkit-box-shadow: 0 0 1px rgba(82,82,82,0.6);
 506   box-shadow:         0 0 1px rgba(82,82,82,0.6);
 507   height:61px;
 508   background-color:white;
 509 }
 510
 511 div.navigation {
 512
 513 }
 514 div.navigation ul {
 515     margin:26px 0 0 0;
 516     padding:0;
 517     display: inline-block;
 518     list-style-type: none;
 519     white-space: nowrap;
 520 }
 521
 522 div.navigation li {
 523     color:#0C0047;
 524     font-family:open_sansbold, sans-serif;
 525     font-size:9pt;
 526     font-weight:normal;
 527     line-height:0.8em;
 528     letter-spacing:0.4pt;
 529     list-style:none;
 530     float:left;
 531     padding:0 15px;
 532     margin:0;
 533     text-transform:uppercase;
 534 }
 535 div.navigation li:hover {
 536 }
 537 div.navigation li a {
 538     color:#0C0047;
 539 }
 540 div.navigation li a:hover, div.navigation li a.current {
 541     color:#760073;
 542     text-decoration:none;
 543 }
 544
 545 div.navigation li:last-child {
 546     margin-right:0;
 547 }
 548
 549
 550 div.navigation .dropdown-menu {
 551     color:black;
 552     -moz-box-shadow:    1px 1px 0px 0 rgba(58, 48, 100,0.8);
 553     -webkit-box-shadow: 1px 1px 0px 0 rgba(58, 48, 100,0.8);
 554     box-shadow:         1px 1px 0px 0 rgba(58, 48, 100,0.8);
 555     border-radius:2px;
 556     padding:0 5px 5px 5px;
 557     margin-top:5px;
 558     margin-left:20px;
 559 }
 560 div.navigation .dropdown-menu ul {
 561     margin:0;
 562     padding:15px 5px 5px 5px;
 563     display:list-item;
 564 }
 565 div.navigation .dropdown-menu li {
 566     margin:0 10px 0 0;
 567     padding:0 0 8px 0;
 568     display:list-item;
 569     float:none;
 570     text-transform: none;
 571 }
 572
 573 div.navigation .dropdown-menu a {
 574     font-family:Helvetica,sans-serif;
 575     font-size:10pt;
 576     color:black;
 577 }
 578 div.navigation .dropdown-menu li.title {
 579     margin-bottom:10px;
 580 }
 581 div.navigation .dropdown-menu li.title a {
 582     font-family:open_sansbold, sans-serif;
 583 }
 584
 585
 586 div.navigation .dropdown-menu li:first-child {
 587     border-bottom:1px solid white;
 588     padding-bottom:5px;
 589
 590 }
 591
 592 div.secondary {
 593     text-align:right;
 594 }
 595
 596 div.secondary ul {
 597    margin:6px 0 0 0;
 598    padding:0;
 599 }
 600
 601 div.secondary li {
 602     font-size:9pt;
 603     display:inline;
 604     list-style:none;
 605     margin:0px;
 606     padding:0;
 607     margin-right:15px;
 608     color:#747474;
 609     letter-spacing:0.4px;
 610 }
 611 div.secondary li:last-child {
 612     margin-right:0;
 613 }
 614 div.secondary li a {
 615     color:#747474;
 616 }
 617 div.secondary li a:hover {
 618     text-decoration:none;
 619 }
 620 div.secondary .button {
 621     width:300px;
 622     margin-top:15px;
 623 }
 624 div.secondary .account {
 625     margin-top:10px;
 626     padding:0;
 627     font-size:9pt;
 628     color:gray;
 629     text-align:right;
 630 }
 631 div.secondary .account span {
 632     font-size:8pt;
 633 }
 634 div.secondary .account a {
 635     color:black;
 636 }
 637 div.home {
 638     font-size:11pt;
 639     line-height:1.2em;
 640     letter-spacing:0.3pt;
 641     min-height:500px;
 642     background-image: url('../img/bg-experiment.png');
 643     background-repeat:no-repeat;
 644     background-size:cover;
 645     background-position:center top;
 646     background-color:#086274;
 647     padding:100px 0;
 648 }
 649 div.home h2 {
 650     color:white;
 651     line-height:1.2em;
 652     font-size:18pt;
 653 }
 654 div.home h3 {
 655     color:white;
 656     line-height:1.4em;
 657 }
 658 div.dashboard {
 659     text-align:center;
 660 }
 661 div.dashboard div {
 662     margin:25px 0;
 663 }
 664 div.dashboard ul {
 665     text-align:left;
 666     margin-left:24px;
 667     list-style:none;
 668 }
 669 div.registration-form {
 670     padding-top:150px;
 671     text-align:center;
 672 }
 673
 674 .login-form input {
 675     width:320px;
 676 }
 677 .login-form input[type=submit] {
 678     width:108px;
 679 }
 680
 681 .login-submit {
 682     vertical-align:middle;
 683     padding:0;
 684 }
 685 .lost-password {
 686     font-size:10pt;
 687     color:black;
 688     text-align:right;
 689     padding:0px;
 690 }
 691 .lost-password a {
 692     color:white;
 693     text-shadow:0.5px 0.5px black;
 694 }
 695 .login-signup {
 696     font-size:12pt;
 697     color:white;
 698     text-shadow:0.5px 0.5px black;
 699     margin-top:45px;
 700     padding:5px 0 0 4px;
 701
 702 }
 703 .login-signup a {
 704     color:white;
 705     text-shadow:0.5px 0.5px black;
 706     padding-bottom:2px;
 707     border-bottom:2pt solid white;
 708 }
 709 .login-signup a:hover {
 710     text-decoration:none;
 711 }
 712 .login-signup button {
 713     padding:8px;
 714     border:0;
 715     border-bottom:2px solid #540086;
 716     background-color:#302562;
 717     color:white;
 718     width:100px;
 719     border-radius:5px;
 720     font-size:12pt;
 721 }
 722 div.slogan {
 723     text-align:center;
 724     color:white;
 725     padding-top:60px;
 726     text-shadow: 1px 1px #013540;
 727 }
 728
 729 th {
 730     border:0 !important;
 731 }
 732 th.checkbox {
 733
 734 }