portal/static/css/onelab.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:black;
  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 50px 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:black;
 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:black;
 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 /* NAV TABS */
 265
 266 .nav.nav-tabs {
 267 }
 268
 269 .nav.nav-tabs li.active a {
 270
 271 }
 272
 273 .nav.nav-tabs li a {
 274 }
 275
 276 .nav.nav-tabs li a:hover {
 277 }
 278
 279 /**/
 280 /* WELL */
 281 div.well {
 282 }
 283 /**/
 284 /* BUTTON */
 285 .btn.btn-default {
 286     font-weight: bold;
 287 }
 288
 289 .btn.btn-default:hover {
 290     font-weight: bold;
 291 }
 292 /**/
 293 /* TABLE */
 294 table.table {
 295     margin:0;
 296 }
 297 table.table thead {
 298     padding:0;
 299 }
 300 table.table tbody {
 301     padding:0;
 302 }
 303 table.table tr {
 304     padding:0;
 305 }
 306 table.table td {
 307     padding:0;
 308 }
 309 /* INSTITUTION */
 310 div#institution {
 311     color:black;
 312 }
 313 .form-hint {
 314     font-size:11pt;
 315     font-style:italic;
 316     color:gray;
 317 }
 318
 319
 320 .form-hint {
 321     font-size:11pt;
 322     font-style:italic;
 323     color:gray;
 324 }
 325
 326
 327
 328 /* TICKET REQUEST */
 329 div#ticket-request {
 330     color:black;
 331 }
 332 .form-hint {
 333     font-size:11pt;
 334     font-style:italic;
 335     color:gray;
 336 }
 337 div#ticket-request p {
 338     margin:20px 0;
 339 }
 340
 341 /* SLICE VIEW */
 342 ul.nav-tabs {}
 343 ul.nav-tabs li {
 344
 345 }
 346 ul.nav-tabs li a {
 347     border-bottom:0;
 348 }
 349 ul.nav-tabs li:first-child {
 350     padding:0;
 351 }
 352 ul.nav-tabs li:first-child a {
 353     font-weight:bold;
 354     padding:6px 15px 4px 15px;
 355 }
 356 ul.nav-tabs li:first-child.active a {
 357     padding:6px 15px 3px 15px;
 358 }
 359 ul.nav-tabs li:first-child img {
 360     margin:0 4px 1px 0;
 361     padding:0;
 362 }
 363
 364 ul.nav-resources {
 365     margin:15px 0;
 366 }
 367 ul.nav-resources a {
 368     padding: 4px 10px 5px 10px;
 369 }
 370
 371
 372
 373
 374 div#slice-view {
 375     margin:0;
 376 }
 377 div.list-group-item {
 378     border:0;
 379     background-color:white;
 380     font-weight:bold;
 381     padding-left:0;
 382 }
 383 a.list-group-item {
 384     border:0;
 385     background-color:white;
 386     padding:3px 0 3px 10px;
 387     border-left:2pt white solid;
 388 }
 389 a.list-group-item.active, 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 }
 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 }