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