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