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