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