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