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 /* it used to give space for the icon, which has been removed
 343 ul.nav-section li:first-child a {
 344     font-weight:bold;
 345     padding:6px 15px 4px 15px;
 346 }
 347 ul.nav-section li:first-child.active a {
 348     padding:6px 15px 3px 15px;
 349 }
 350
 351 */
 352 ul.nav-section li:first-child img {
 353     margin:0 4px 1px 0;
 354     padding:0;
 355 }
 356
 357 ul.nav-resources {
 358     margin:15px 0;
 359 }
 360 ul.nav-resources a {
 361     padding: 4px 10px 5px 10px;
 362 }
 363
 364
 365 /* SLICE VIEW */
 366
 367
 368 div#slice-view {
 369     margin:0;
 370 }
 371 div.list-group-item {
 372     border:0;
 373     background-color:white;
 374     font-weight:bold;
 375     padding-left:0;
 376 }
 377 a.list-group-item {
 378     border:0;
 379     background-color:white;
 380     padding:3px 0 3px 10px;
 381     border-left:2pt white solid;
 382 }
 383 a.list-group-item.active, a.list-group-item.active:hover {
 384     font-weight: bold;
 385     color:black;
 386     background-color:transparent;
 387     border-left:2pt blue solid;
 388 }
 389 a.list-group-item.active:hover {
 390     background-color:#dddddd;
 391 }
 392 a.list-group-item:hover {
 393     border-left:2pt blue solid;
 394 }
 395 a.list-group-item p.list-group-item-text {
 396     font-size:9pt;
 397     font-style:italic;
 398     font-weight: normal;
 399     color: black !important;
 400 }
 401
 402 div#slice-info {
 403     margin-top:25px;
 404 }
 405 div#slice-info table {
 406     width:100%;
 407     margin:0 auto;
 408 }
 409 div#slice-info table td:first-child {
 410     text-align:right;
 411     font-weight:bold;
 412     padding-right:15px;
 413 }
 414 div#slice-info td {
 415     padding:5px;
 416 }
 417
 418 /* SLICE VIEW sections */
 419 .slice-sections, .slice-pending {
 420     margin:0;
 421     padding:0;
 422 }
 423 .slice-sections ul, .slice-pending ul {
 424     margin:0;
 425     padding:0;
 426 }
 427 .slice-pending ul {
 428     width:400px;
 429     margin:0 auto 15px auto;
 430 }
 431 .slice-sections li {
 432     text-align:left;
 433     margin:0;
 434     padding:0;
 435 }
 436 .slice-pending li {
 437     padding-right:15px;
 438 }
 439 .slice-sections li a, .slice-pending li a {
 440     font-size:14px;
 441     color:black;
 442     padding:0;
 443 }
 444 .slice-sections li.active a, .slice-pending li.active a  {
 445     color:#201E62;
 446     background-color:#EFEFEF;
 447     text-decoration:underline;
 448     padding:0;
 449 }
 450 .slice-sections ul.nav-pills li a:hover, .slice-pending ul.nav-pills li a:hover {
 451     text-decoration:underline;
 452     background-color:#EFEFEF;
 453     color:black;
 454 }
 455 .slice-sections ul.nav-pills li.active, .slice-pending ul.nav-pills li.active {
 456
 457 }
 458 .slice-sections li:first-child, .slice-sections li:first-child a {
 459     color:#201E62;
 460     font-weight:bold;
 461 }
 462 .slice-experiment {
 463     text-align:right;
 464     padding:0;
 465 }
 466 .slice-experiment button {
 467     margin:3px 0 0 0;
 468     background-color:#CC4125;
 469     color:white;
 470 }
 471
 472 .slice-pending {
 473 }
 474 .slice-pending button {
 475     font-size:9pt;
 476     margin:-2px 0 0 0;
 477     padding:3px 5px;
 478 }
 479 .slice-pending button.apply {
 480 }
 481 .slice-pending button.clear {
 482 }
 483 tr.active, tr.active td {
 484     background-color:#FFFFCC !important;
 485 }
 486 div.dataTables_filter label{
 487     float:left;
 488     width:400px;
 489 }
 490
 491 /**/
 492 .header {
 493   -moz-box-shadow:    0 0 1px rgba(82,82,82,0.6);
 494   -webkit-box-shadow: 0 0 1px rgba(82,82,82,0.6);
 495   box-shadow:         0 0 1px rgba(82,82,82,0.6);
 496   height:61px;
 497   background-color:white;
 498 }
 499 div.navigation {
 500
 501 }
 502 div.navigation ul {
 503     margin:26px 0 0 0;
 504     padding:0;
 505     display: inline-block;
 506     list-style-type: none;
 507     white-space: nowrap;
 508 }
 509
 510 div.navigation li {
 511     color:#0C0047;
 512     font-family:open_sansbold, sans-serif;
 513     font-size:9pt;
 514     font-weight:normal;
 515     line-height:0.8em;
 516     letter-spacing:0.4pt;
 517     list-style:none;
 518     float:left;
 519     padding:0 15px;
 520     margin:0;
 521     text-transform:uppercase;
 522 }
 523 div.navigation li:hover {
 524 }
 525 div.navigation li a {
 526     color:#0C0047;
 527 }
 528 div.navigation li a:hover, div.navigation li a.current {
 529     color:#760073;
 530     text-decoration:none;
 531 }
 532
 533 div.navigation li:last-child {
 534     margin-right:0;
 535 }
 536 div.secondary {
 537     text-align:right;
 538 }
 539
 540 div.secondary ul {
 541    margin:6px 0 0 0;
 542    padding:0;
 543 }
 544
 545 div.secondary li {
 546     font-size:9pt;
 547     display:inline;
 548     list-style:none;
 549     margin:0px;
 550     padding:0;
 551     margin-right:15px;
 552     color:#747474;
 553     letter-spacing:0.4px;
 554 }
 555 div.secondary li:last-child {
 556     margin-right:0;
 557 }
 558 div.secondary li a {
 559     color:#747474;
 560 }
 561 div.secondary li a:hover {
 562     text-decoration:none;
 563 }
 564 div.secondary .button {
 565     width:300px;
 566     margin-top:15px;
 567 }
 568 div.secondary .account {
 569     margin-top:10px;
 570     padding:0;
 571     font-size:9pt;
 572     color:gray;
 573     text-align:right;
 574 }
 575 div.secondary .account span {
 576     font-size:8pt;
 577 }
 578 div.secondary .account a {
 579     color:black;
 580 }
 581 div.dashboard div {
 582     margin:25px 0;
 583 }
 584 div.dashboard {
 585     text-align:center;
 586 }
 587 div.dashboard ul {
 588     text-align:left;
 589     margin-left:24px;
 590     list-style:none;
 591 }
 592 div.dataTables_filter label{
 593     float:left;
 594     width:400px;
 595 }
 596
 597 /* Service Directory */
 598
 599 div#appservices div.row {
 600     border-bottom: 1px solid;
 601     border-color:#dddddd;
 602     padding: 15px 15px;
 603 }
 604
 605 div.portfolio-item img{
 606     width: 150px;
 607 }
 608
 609 div.portfolio-item p[id*='name-'] {
 610     font-weight: bold;
 611     cursor: pointer;
 612 }