portal/static/css/fantaastic.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 }
  20 h1 img {
  21     vertical-align:middle;
  22     margin-bottom:4px;
  23     margin-right:10px;
  24 }
  25 h2 {
  26     margin:0 0 15px 0;
  27     font-size:13pt;
  28     color:#0C0045;
  29 }
  30 h3 {
  31     font-size:11pt;
  32     color:#201E62;
  33 }
  34 button {
  35     font-size:11pt;
  36 }
  37 div.wrapper {
  38     width:980px;
  39     margin:0 auto;
  40     position:relative;
  41 }
  42 div.container {
  43     width:980px;
  44     margin:25px auto;
  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:black;
 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 50px 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:black;
 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:black;
 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 /* SLICE VIEW */
 360
 361
 362 div#slice-view {
 363     margin:0;
 364 }
 365 div.list-group-item {
 366     border:0;
 367     background-color:white;
 368     font-weight:bold;
 369     padding-left:0;
 370 }
 371 a.list-group-item {
 372     border:0;
 373     background-color:white;
 374     padding:3px 0 3px 10px;
 375     border-left:2pt white solid;
 376 }
 377 a.list-group-item.active, a.list-group-item.active:hover {
 378     font-weight: bold;
 379     color:black;
 380     background-color:transparent;
 381     border-left:2pt blue solid;
 382 }
 383 a.list-group-item.active:hover {
 384     background-color:#dddddd;
 385 }
 386 a.list-group-item:hover {
 387     border-left:2pt blue solid;
 388 }
 389 a.list-group-item p.list-group-item-text {
 390     font-size:9pt;
 391     font-style:italic;
 392     font-weight: normal;
 393     color: black !important;
 394 }
 395
 396 div#slice-info {
 397     margin-top:25px;
 398 }
 399 div#slice-info table {
 400     width:100%;
 401     margin:0 auto;
 402 }
 403 div#slice-info table td:first-child {
 404     text-align:right;
 405     font-weight:bold;
 406     padding-right:15px;
 407 }
 408 div#slice-info td {
 409     padding:5px;
 410 }
 411
 412 /* SLICE VIEW sections */
 413 .slice-sections, .slice-pending {
 414     margin:0;
 415     padding:0;
 416 }
 417 .slice-sections ul, .slice-pending ul {
 418     margin:0;
 419     padding:0;
 420 }
 421 .slice-pending ul {
 422     width:400px;
 423     margin:0 auto 15px auto;
 424 }
 425 .slice-sections li {
 426     text-align:left;
 427     margin:0;
 428     padding:0;
 429 }
 430 .slice-pending li {
 431     padding-right:15px;
 432 }
 433 .slice-sections li a, .slice-pending li a {
 434     font-size:14px;
 435     color:black;
 436     padding:0;
 437 }
 438 .slice-sections li.active a, .slice-pending li.active a  {
 439     color:#201E62;
 440     background-color:#EFEFEF;
 441     text-decoration:underline;
 442     padding:0;
 443 }
 444 .slice-sections ul.nav-pills li a:hover, .slice-pending ul.nav-pills li a:hover {
 445     text-decoration:underline;
 446     background-color:#EFEFEF;
 447     color:black;
 448 }
 449 .slice-sections ul.nav-pills li.active, .slice-pending ul.nav-pills li.active {
 450
 451 }
 452 .slice-sections li:first-child, .slice-sections li:first-child a {
 453     color:#201E62;
 454     font-weight:bold;
 455 }
 456 .slice-experiment {
 457     text-align:right;
 458     padding:0;
 459 }
 460 .slice-experiment button {
 461     margin:3px 0 0 0;
 462     background-color:#CC4125;
 463     color:white;
 464 }
 465
 466 .slice-pending {
 467 }
 468 .slice-pending button {
 469     font-size:9pt;
 470     margin:-2px 0 0 0;
 471     padding:3px 5px;
 472 }
 473 .slice-pending button.apply {
 474 }
 475 .slice-pending button.clear {
 476 }
 477 tr.active, tr.active td {
 478     background-color:#FFFFCC !important;
 479 }
 480 div.dataTables_filter label{
 481     float:left;
 482     width:400px;
 483 }