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 /* SLICE VIEW */
 357
 358
 359 div#slice-view {
 360     margin:0;
 361 }
 362 div.list-group-item {
 363     border:0;
 364     -moz-border-radius: 0;
 365     border-radius: 0;
 366     background-color:white;
 367     font-weight:bold;
 368     padding-left:0;
 369 }
 370 a.list-group-item {
 371     -moz-border-radius: 0;
 372     border-radius: 0;
 373     border:0;
 374     background-color:white;
 375     padding:3px 2px 3px 10px;
 376     border-left:2pt white solid;
 377 }
 378 a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
 379     -moz-border-radius: 0;
 380     border-radius: 0;
 381     font-weight: bold;
 382     color:black;
 383     background-color:#F5F5F5;
 384     border-left:2pt blue solid;
 385 }
 386
 387 a.list-group-item:hover {
 388     -moz-border-radius: 0;
 389     border-radius: 0;
 390     border-left:2pt blue solid;
 391 }
 392 a.list-group-item p.list-group-item-text {
 393     -moz-border-radius: 0;
 394     border-radius: 0;
 395     font-size:9pt;
 396     font-style:italic;
 397     font-weight: normal;
 398     color: black !important;
 399 }
 400
 401 div#slice-info {
 402     margin-top:25px;
 403 }
 404 div#slice-info table {
 405     width:100%;
 406     margin:0 auto;
 407 }
 408 div#slice-info table td:first-child {
 409     text-align:right;
 410     font-weight:bold;
 411     padding-right:15px;
 412 }
 413 div#slice-info td {
 414     padding:5px;
 415 }
 416
 417 /* SLICE VIEW sections */
 418 .slice-sections, .slice-pending {
 419     margin:0;
 420     padding:0;
 421 }
 422 .slice-sections ul, .slice-pending ul {
 423     margin:0;
 424     padding:0;
 425 }
 426 .slice-pending ul {
 427     width:400px;
 428     margin:0 auto 15px auto;
 429 }
 430 .slice-sections li {
 431     text-align:left;
 432     margin:0;
 433     padding:0;
 434 }
 435 .slice-pending li {
 436     padding-right:15px;
 437 }
 438 .slice-sections li a, .slice-pending li a {
 439     font-size:14px;
 440     color:black;
 441     padding:0;
 442 }
 443 .slice-sections li.active a, .slice-pending li.active a  {
 444     color:#201E62;
 445     background-color:#EFEFEF;
 446     text-decoration:underline;
 447     padding:0;
 448 }
 449 .slice-sections ul.nav-pills li a:hover, .slice-pending ul.nav-pills li a:hover {
 450     text-decoration:underline;
 451     background-color:#EFEFEF;
 452     color:black;
 453 }
 454 .slice-sections ul.nav-pills li.active, .slice-pending ul.nav-pills li.active {
 455
 456 }
 457 .slice-sections li:first-child, .slice-sections li:first-child a {
 458     color:#201E62;
 459     font-weight:bold;
 460 }
 461 .slice-experiment {
 462     text-align:right;
 463     padding:0;
 464 }
 465 .slice-experiment button {
 466     margin:3px 0 0 0;
 467     background-color:#CC4125;
 468     color:white;
 469 }
 470
 471 .slice-pending {
 472 }
 473 .slice-pending button {
 474     font-size:9pt;
 475     margin:-2px 0 0 0;
 476     padding:3px 5px;
 477 }
 478 .slice-pending button.apply {
 479 }
 480 .slice-pending button.clear {
 481 }
 482 tr.active, tr.active td {
 483     background-color:#FFFFCC !important;
 484 }
 485 div.dataTables_filter label{
 486     float:left;
 487     width:400px;
 488 }