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