portal/static/css/onelab.css

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