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