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