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