portal/static/css/fed4fire.css

   1 html { height: 100% }
   2
   3 body {
   4     background-color:white;
   5     color:black;
   6     margin:0;
   7     padding:0;
   8     height: 100%;
   9 }
  10 a, a:active, a:focus {
  11     outline: 0;
  12 }
  13
  14 h1 {
  15     border-bottom:1px solid #DDDDDD;
  16     padding:0;
  17     margin:25px 0;
  18     font-size:14pt;
  19 }
  20 h1 img {
  21     vertical-align:middle;
  22     margin-bottom:4px;
  23     margin-right:10px;
  24 }
  25 h2 {
  26     font-size:14pt;
  27     color:#333333;
  28 }
  29 h3 {
  30     font-size:12pt;
  31     letter-spacing:0.6pt;
  32     color:#201E62;
  33 }
  34 h4 {
  35     font-size:12pt;
  36     letter-spacing:0.6pt;
  37     color:#201E62;
  38 }
  39 div.slogan {
  40     margin-left: 0px;
  41 }
  42 div.login-widget{
  43     width:400px;
  44     top:16px;
  45     float:left;
  46 }
  47 label {
  48     font-weight:normal;
  49     font-size:13px;
  50     color:#201E62;
  51 }
  52 input[type=checkbox] {
  53   min-width:5px !important;
  54   margin-left:0 !important;
  55 }
  56 input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number] {
  57     min-width:260px;
  58     padding:6px;
  59     border:1pt solid #CCCCCC;
  60     vertical-align:bottom;
  61     border-radius:0;
  62 }
  63
  64 textarea {
  65     padding:6px;
  66     border:1pt solid #CCCCCC !important;
  67     border-radius:0 !important;
  68 }
  69
  70 div.wrapper {
  71     width:980px;
  72     margin:0 auto;
  73     position:relative;
  74 }
  75 /*div.container {
  76     width:980px;
  77     margin:25px auto;
  78 }*/
  79
  80
  81 div.wide {
  82     margin:0 auto 25px auto;
  83     padding:0 25px;
  84 }
  85
  86 span.label {
  87     font-size:11pt;
  88     color:gray;
  89     font-weight:normal;
  90     padding:0;
  91 }
  92 /***** Notifications *****/
  93 .warning {
  94     border: 1px solid red;
  95     margin: 20px 60px;
  96     padding: 10px 20px;
  97     color: red;
  98     background-color: #f2dbdb;
  99     text-align: center;
 100 }
 101 /* HEADER */
 102 div#header {
 103     height:100px;
 104     background-color:white;
 105 }
 106
 107 div#secondary {
 108 }
 109
 110 div#secondary ul {
 111        float:right;
 112 }
 113
 114 div#secondary li {
 115     font-size:10pt;
 116     float:left;
 117     list-style:none;
 118     margin-right:30px;
 119 }
 120 div#secondary li a {
 121     color:black;
 122 }
 123 div#secondary li a:hover {
 124     color:#270A5A;
 125     text-decoration:none;
 126 }
 127 div#secondary li:last-child {
 128     margin-right:0;
 129 }
 130
 131 div#navigation {
 132     background-color:orange;
 133     width:100%;
 134     height:40px;
 135     text-align: center;
 136 }
 137 div#navigation div.wrapper {
 138     text-align:center;
 139 }
 140 div#navigation ul {
 141     margin:0;
 142     padding:0;
 143     display: inline-block;
 144     list-style-type: none;
 145     white-space: nowrap;
 146 }
 147
 148 div#navigation li {
 149     color:white;
 150     font-family:helvetica, sans-serif;
 151     font-size:9pt ;
 152     font-weight:bold;
 153     line-height:0.8em;
 154     letter-spacing:0.6pt;
 155     list-style:none;
 156     float:left;
 157     padding:0;
 158     margin:16px 25px 0 0;
 159 }
 160 div#navigation li a {
 161     color:#003333;
 162 }
 163 div#navigation .iconlogout {
 164     margin-top:-10px;
 165     margin-right:2px;
 166     color:#003333;
 167 }
 168 div#navigation li a:hover {
 169     text-decoration:none;
 170     color:white;
 171 }
 172 div#navigation li:last-child {
 173     margin-right:0;
 174 }
 175
 176 div#navigation li.active {
 177         padding:5px;
 178     padding-top: 15px;
 179     min-height: 40px;
 180     margin-top: 0px;
 181         background-color:gray;
 182         color:#FF0000;
 183 }
 184 div#navigation li.slices {
 185     position:relative;
 186     cursor:pointer;
 187 }
 188 div#navigation .dropdown-menu {
 189     color:white;
 190     padding:0 15px 15px 15px;
 191     margin-top:5px;
 192     margin-left:-16px;
 193     background-color:orange;
 194 }
 195 div#navigation .dropdown-menu a {
 196     color:white;
 197 }
 198
 199 div#menu-slice-list{
 200     display:none;
 201     position:absolute;
 202     background-color:orange;
 203     padding:15px;
 204     left:-15px;
 205     z-index:10;
 206 }
 207
 208 div#navigation .dropdown-menu li:first-child {
 209     border-bottom:1px solid white;
 210     padding-bottom:5px;
 211
 212 }
 213 /* HOME DASHBOARD */
 214 div#home-dashboard {
 215     color:black;
 216     margin:0 auto 25px auto;
 217 }
 218 div#home-dashboard table {
 219     margin:25px;
 220     width:100%;
 221 }
 222 div#home-dashboard table td {
 223     text-align:center;
 224     padding:15px 0;
 225     width:33%;
 226 }
 227 div#home-dashboard table tr:first-child td {
 228     font-size:12pt;
 229     font-weight:bold;
 230     color:#270A5A;
 231 }
 232 div#home-dashboard table tr:last-child td {
 233     vertical-align:top;
 234     padding:25px 0;
 235 }
 236 div#home-dashboard table tr:last-child td.logged-in {
 237     border-right:1px solid #DDDDDD;
 238     padding:25px;
 239 }
 240 div#home-dashboard table tr:last-child td.support {
 241     border-left:1px solid #DDDDDD;
 242     padding:25px;
 243 }
 244 div#home-dashboard table tr:last-child td:first-child {
 245 }
 246 div#home-dashboard table tr:last-child td:last-child {
 247     border-right:0;
 248 }
 249 div#home-dashboard table tr:last-child td.logged-in div {
 250     text-align:left;
 251     padding:25px 0;
 252 }
 253 div#home-dashboard table tr:last-child td.support div {
 254     text-align:left;
 255     padding:25px 0;
 256 }
 257 div#home-dashboard div.login-widget {
 258     padding:20px;
 259 }
 260 div#home-dashboard table td.support {
 261 }
 262 div#home-dashboard table td.support a {
 263 }
 264 div#home-dashboard table td.support a:hover {
 265     text-decoration:none;
 266 }
 267
 268 div#home-dashboard div#manager {
 269     display:none;
 270 }
 271
 272 div#home-dashboard div#home-slice-list {
 273     margin:25px 0;
 274     padding:0 25px;
 275     text-align:left;
 276 }
 277 div#home-dashboard div#home-slice-list ul {
 278     list-style: none;
 279     padding:0;
 280     margin:0;
 281 }
 282 div#home-dashboard div#home-slice-list li {
 283
 284 }
 285
 286 .login-submit {
 287     vertical-align:middle;
 288     padding:0;
 289 }
 290 .lost-password {
 291     font-size:10pt;
 292     color:#CCCCCC;
 293     text-align:right;
 294     padding:0px;
 295 }
 296 .lost-password a {
 297 }
 298 .login-signup {
 299     border-top:1px solid #CCCCCC;
 300     text-align:center;
 301     margin-top:15px;
 302     padding:5px 0 0 0;
 303 }
 304 /**/
 305
 306 /**/
 307 /* WELL */
 308 div.well {
 309 }
 310 /**/
 311 /* BUTTON */
 312 .btn.btn-default {
 313     font-weight: bold;
 314 }
 315
 316 .btn.btn-default:hover {
 317     font-weight: bold;
 318 }
 319 /**/
 320 /* TABLE */
 321 table.table {
 322     margin:0;
 323 }
 324 table.table thead {
 325     padding:0;
 326 }
 327 table.table tbody {
 328     padding:0;
 329 }
 330 table.table tr {
 331     padding:0;
 332 }
 333 table.table td {
 334     padding:0;
 335 }
 336 /* INSTITUTION */
 337 div#institution {
 338     color:black;
 339 }
 340 .form-hint {
 341     font-size:11pt;
 342     font-style:italic;
 343     color:gray;
 344 }
 345
 346
 347 .form-hint {
 348     font-size:11pt;
 349     font-style:italic;
 350     color:gray;
 351 }
 352
 353
 354
 355 /* TICKET REQUEST */
 356 div#ticket-request {
 357     color:black;
 358 }
 359 .form-hint {
 360     font-size:11pt;
 361     font-style:italic;
 362     color:gray;
 363 }
 364 div#ticket-request p {
 365     margin:20px 0;
 366 }
 367
 368 ul.nav-tabs {}
 369 ul.nav-tabs ul {}
 370 ul.nav-tabs li {}
 371
 372 ul.nav-section li a {
 373     border-bottom:0;
 374 }
 375 ul.nav-section li:first-child {
 376     padding:0;
 377 }
 378 /* it used to give space for the icon, which has been removed
 379 ul.nav-section li:first-child a {
 380     font-weight:bold;
 381     padding:6px 15px 4px 15px;
 382 }
 383 ul.nav-section li:first-child.active a {
 384     padding:6px 15px 3px 15px;
 385 }
 386
 387 */
 388 ul.nav-section li:first-child img {
 389     margin:0 4px 1px 0;
 390     padding:0;
 391 }
 392
 393 ul.nav-resources {
 394     margin:15px 0;
 395 }
 396 ul.nav-resources a {
 397     padding: 4px 10px 5px 10px;
 398 }
 399
 400
 401 /* SLICE VIEW */
 402
 403
 404 div#slice-view {
 405     margin:0;
 406 }
 407
 408 /* FACILITY/TESTBED filters */
 409 div.sl-filter-facilities {
 410     padding:0 5px;
 411 }
 412 div.sl-filter-facilities h4 {
 413     margin-bottom:15px;
 414
 415 }
 416 img.sl-image {
 417     margin:0 5px 5px 0;
 418     padding:0;
 419     vertical-align:middle;
 420 }
 421 a.sl-facility {
 422     color:gray;
 423     text-decoration:none;
 424 }
 425 a.sl-facility:hover {
 426     color:#342961;
 427 }
 428 a.sl-facility.active {
 429     color:black;
 430     text-decoration:none;
 431 }
 432 a.sl-facility::before {
 433     content: " ";
 434 }
 435 div.sl-facilities {
 436     border-bottom:#CCCCCC 1px solid;
 437     padding-bottom:15px;
 438     margin-bottom:15px;
 439 }
 440 div.sl-facilities:last-child {
 441     border:0;
 442 }
 443 a.sl-testbed {
 444     color:gray;
 445     text-decoration:none;
 446     margin-left:25px;
 447     margin-bottom:5px;
 448 }
 449 a.sl-testbed:hover {
 450     color:#342961;
 451 }
 452 a.sl-testbed.active {
 453     color:black;
 454 }
 455 div#slice-info {
 456     margin-top:25px;
 457 }
 458 div#slice-info table {
 459     width:100%;
 460     margin:0 auto;
 461 }
 462 div#slice-info table td:first-child {
 463     text-align:right;
 464     font-weight:bold;
 465     padding-right:15px;
 466 }
 467 div#slice-info td {
 468     padding:5px;
 469 }
 470
 471 /* SLICE VIEW sections */
 472 .slice-sections, .slice-pending {
 473     margin:0;
 474     padding:0;
 475 }
 476 .slice-sections ul, .slice-pending ul {
 477     margin:0;
 478     padding:0;
 479 }
 480 .slice-pending ul {
 481     width:400px;
 482     margin:0 auto 15px auto;
 483 }
 484 .slice-sections li {
 485     text-align:left;
 486     margin:0;
 487     padding:0;
 488 }
 489 .slice-pending li {
 490     padding-right:15px;
 491 }
 492 .slice-sections li a, .slice-pending li a {
 493     font-size:14px;
 494     color:black;
 495     padding:0;
 496 }
 497 .slice-sections li.active a, .slice-pending li.active a  {
 498     color:#201E62;
 499     background-color:#EFEFEF;
 500     text-decoration:underline;
 501     padding:0;
 502 }
 503 .slice-sections ul.nav-pills li a:hover, .slice-pending ul.nav-pills li a:hover {
 504     text-decoration:underline;
 505     background-color:#EFEFEF;
 506     color:black;
 507 }
 508 .slice-sections ul.nav-pills li.active, .slice-pending ul.nav-pills li.active {
 509
 510 }
 511 .slice-sections li:first-child, .slice-sections li:first-child a {
 512     color:#201E62;
 513     font-weight:bold;
 514 }
 515 .slice-experiment {
 516     text-align:right;
 517     padding:0;
 518 }
 519 .slice-experiment button {
 520     margin:3px 0 0 0;
 521     background-color:#CC4125;
 522     color:white;
 523 }
 524
 525 .slice-pending {
 526 }
 527 .slice-pending button {
 528     font-size:9pt;
 529     margin:-2px 0 0 0;
 530     padding:3px 5px;
 531 }
 532 .slice-pending button.apply {
 533 }
 534 .slice-pending button.clear {
 535 }
 536 tr.active, tr.active td {
 537     background-color:#FFFFCC !important;
 538 }
 539 div.dataTables_filter label{
 540     float:left;
 541     width:400px;
 542 }
 543
 544 div.sl-filter-resources {
 545     margin:10px 0;
 546     text-align:center;
 547 }
 548 span.sl-resources {
 549     font-size:9pt;
 550     color:gray;
 551 }
 552 a.sl-resources {
 553     font-size:9pt;
 554     border:0;
 555     padding:2px 8px;
 556     margin:0 5px;
 557     -moz-border-radius: 2px;
 558     border-radius: 2px;
 559     text-align: center;
 560 }
 561 a.sl-resources.active, a.sl-resources.active:hover, a.sl-resources.active:focus {
 562     border:0;
 563     padding:2px 8px;
 564     -moz-border-radius: 2px;
 565     border-radius: 2px;
 566     background-color:#FFA500;
 567     color:#000000;
 568 }
 569 a.sl-resources:first-child {
 570 }
 571 button.btn-apply {
 572     background-color:#FFA500;
 573     border-bottom: 2pt solid #FFCA00;
 574     color:black;
 575     font-size:13px;
 576     padding:2px 8px;
 577     margin:0 5px;
 578     -moz-border-radius: 2px;
 579     border-radius: 2px;
 580     text-align: center;
 581 }
 582
 583 /**/
 584 .header {
 585   -moz-box-shadow:    0 0 1px rgba(82,82,82,0.6);
 586   -webkit-box-shadow: 0 0 1px rgba(82,82,82,0.6);
 587   box-shadow:         0 0 1px rgba(82,82,82,0.6);
 588   height:60#px;
 589   background-color:white;
 590 }
 591 div.navigation {
 592
 593 }
 594 div.navigation ul {
 595     margin:26px 0 0 0;
 596     padding:0;
 597     display: inline-block;
 598     list-style-type: none;
 599     white-space: nowrap;
 600 }
 601
 602 div.navigation li {
 603     color:#0C0047;
 604     font-family:open_sansbold, sans-serif;
 605     font-size:9pt;
 606     font-weight:normal;
 607     line-height:0.8em;
 608     letter-spacing:0.4pt;
 609     list-style:none;
 610     float:left;
 611     padding:0 15px;
 612     margin:0;
 613     text-transform:uppercase;
 614 }
 615 div.navigation li:hover {
 616 }
 617 div.navigation li a {
 618     color:#0C0047;
 619 }
 620 div.navigation li a:hover, div.navigation li a.current {
 621     color:#760073;
 622     text-decoration:none;
 623 }
 624
 625 div.navigation li:last-child {
 626     margin-right:0;
 627 }
 628 div.secondary {
 629     text-align:right;
 630 }
 631
 632 div.secondary ul {
 633    margin:6px 0 0 0;
 634    padding:0;
 635 }
 636
 637 div.secondary li {
 638     font-size:9pt;
 639     display:inline;
 640     list-style:none;
 641     margin:0px;
 642     padding:0;
 643     margin-right:15px;
 644     color:#747474;
 645     letter-spacing:0.4px;
 646 }
 647 div.secondary li:last-child {
 648     margin-right:0;
 649 }
 650 div.secondary li a {
 651     color:#747474;
 652 }
 653 div.secondary li a:hover {
 654     text-decoration:none;
 655 }
 656 div.secondary .button {
 657     width:300px;
 658     margin-top:15px;
 659 }
 660 div.secondary .account {
 661     margin-top:10px;
 662     padding:0;
 663     font-size:9pt;
 664     color:gray;
 665     text-align:right;
 666 }
 667 div.secondary .account span {
 668     font-size:8pt;
 669 }
 670 div.secondary .account a {
 671     color:black;
 672 }
 673
 674 div.home {
 675     padding-top:50px;
 676 }
 677 div.home h1 {
 678     font-size:22pt;
 679     border:0;
 680 }
 681 div.home h3, div.home h4 {
 682     color:#424242;
 683     line-height:1.4em;
 684 }
 685
 686 div.home h3 a {
 687     color:#FD6D2C;
 688 }
 689 div.dashboard {
 690 }
 691 div.dashboard a {
 692     color:#206090;
 693 }
 694
 695 div.dashboard a:hover {
 696     text-decoration:underline;
 697 }
 698 div.dashboard div.projects-tree {
 699     margin-left:49px;
 700 }
 701 div.dashboard ul {
 702     list-style-type:disc;
 703     list-style-position:inside;
 704     text-align:left;
 705     margin:0 0 15px 0;
 706     padding:0;
 707
 708 }
 709 div.dashboard ul ul {
 710     margin:5px 0 15px 25px;
 711     list-style:none;
 712 }
 713 div.dashboard li {
 714     margin:0 0 5px 0;
 715     padding:0;
 716 }
 717 div.dashboard ul ul li {
 718     margin:0;
 719 }
 720 div.dashboard ul ul a {
 721 }
 722 div.dashboard h3 {
 723     border-bottom:1px solid #E0E0E0;
 724     margin-right:15px;
 725     margin-bottom:25px;
 726 }
 727 div.dashboard h3 a {
 728      color:#201E62;
 729 }
 730 div.dashboard h3 img {
 731     margin:15px 15px 15px 0;
 732 }
 733 div.dashboard span.glyphicon {
 734     text-align:center;
 735     width:45px;
 736     height:25px;
 737 }
 738 div.dashboard-create-slice {
 739     display:none;
 740 }
 741 div.experiment-tools {
 742 }
 743 div.experiment-tools h4 {
 744     border-bottom:1px solid #E0E0E0;
 745     margin:25px 15px 25px 0;
 746     padding-bottom:5px;
 747 }
 748 div.experiment-tools .jfed {
 749     text-align:center;
 750     margin-right:25px;
 751 }
 752 div.experiment-tools button {
 753     margin:0;
 754     padding:7px 10px 4px 0;
 755     color:white;
 756     vertical-align:middle;
 757 }
 758
 759 div.experiment-tools button span {
 760     margin:0;
 761     padding:0;
 762 }
 763
 764 div.dataTables_filter label{
 765     float:left;
 766     width:400px;
 767 }
 768 div.breadcrumbs {
 769     margin:15px 0;
 770     color:gray;
 771     font-size:10pt;
 772 }
 773
 774 .sublabel {
 775     color:gray;
 776     font-style:italic;
 777     font-weight:normal;
 778 }
 779 .tab-pane {
 780     padding-top:25px;
 781 }
 782 /* Service Directory */
 783
 784 div#appservices div.row {
 785     border-bottom: 1px solid;
 786     border-color:#dddddd;
 787     padding: 15px 15px;
 788 }
 789
 790 div.portfolio-item img{
 791     width: 150px;
 792 }
 793
 794 div.portfolio-item p[id*='name-'] {
 795     font-weight: bold;
 796     cursor: pointer;
 797 }