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