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