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