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