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