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
 147 div#menu-slice-list{
 148     display:none;
 149     position:absolute;
 150     background-color:black;
 151     padding:15px;
 152     left:-15px;
 153 }
 154 div#menu-slice-list ul {
 155     margin:0;
 156     padding:0;
 157 }
 158 div#menu-slice-list li {
 159     margin:0;
 160     padding:10px 0;
 161 }
 162 div#menu-slice-list li:first-child {
 163     border-bottom:1px solid white;
 164
 165 }
 166 /* HOME DASHBOARD */
 167 div#home-dashboard {
 168     color:black;
 169     margin:0 auto 25px auto;
 170 }
 171 div#home-dashboard table {
 172     margin:25px;
 173     width:100%;
 174 }
 175 div#home-dashboard table td {
 176     text-align:center;
 177     padding:15px 0;
 178     width:33%;
 179 }
 180 div#home-dashboard table tr:first-child td {
 181     font-size:12pt;
 182     font-weight:bold;
 183     color:#270A5A;
 184 }
 185 div#home-dashboard table tr:last-child td {
 186     vertical-align:top;
 187     padding:25px 0;
 188 }
 189 div#home-dashboard table tr:last-child td.logged-in {
 190     border-right:1px solid #DDDDDD;
 191     padding:25px;
 192 }
 193 div#home-dashboard table tr:last-child td.support {
 194     border-left:1px solid #DDDDDD;
 195     padding:25px;
 196 }
 197 div#home-dashboard table tr:last-child td:first-child {
 198 }
 199 div#home-dashboard table tr:last-child td:last-child {
 200     border-right:0;
 201 }
 202 div#home-dashboard table tr:last-child td.logged-in div {
 203     text-align:left;
 204     padding:25px 0;
 205 }
 206 div#home-dashboard table tr:last-child td.support div {
 207     text-align:left;
 208     padding:25px 0;
 209 }
 210 div#home-dashboard div.login-widget {
 211     padding:20px;
 212 }
 213 div#home-dashboard table td.support {
 214 }
 215 div#home-dashboard table td.support a {
 216 }
 217 div#home-dashboard table td.support a:hover {
 218     text-decoration:none;
 219 }
 220
 221 div#home-dashboard div#manager {
 222     display:none;
 223 }
 224
 225 div#home-dashboard div#home-slice-list {
 226     margin:25px 0;
 227     padding:0 25px;
 228     text-align:left;
 229 }
 230 div#home-dashboard div#home-slice-list ul {
 231     list-style: none;
 232     padding:0;
 233     margin:0;
 234 }
 235 div#home-dashboard div#home-slice-list li {
 236
 237 }
 238
 239 .login-submit {
 240     vertical-align:middle;
 241     padding:0;
 242 }
 243 .lost-password {
 244     font-size:10pt;
 245     color:#CCCCCC;
 246     text-align:right;
 247     padding:0px;
 248 }
 249 .lost-password a {
 250 }
 251 .login-signup {
 252     border-top:1px solid #CCCCCC;
 253     text-align:center;
 254     margin-top:15px;
 255     padding:5px 0 0 0;
 256 }
 257 /**/
 258
 259 /* NAV TABS */
 260
 261 .nav.nav-tabs {
 262 }
 263
 264 .nav.nav-tabs li.active a {
 265
 266 }
 267
 268 .nav.nav-tabs li a {
 269 }
 270
 271 .nav.nav-tabs li a:hover {
 272 }
 273
 274 /**/
 275 /* WELL */
 276 div.well {
 277 }
 278 /**/
 279 /* BUTTON */
 280 .btn.btn-default {
 281     font-weight: bold;
 282 }
 283
 284 .btn.btn-default:hover {
 285     font-weight: bold;
 286 }
 287 /**/
 288 /* TABLE */
 289 table.table {
 290     margin:0;
 291 }
 292 table.table thead {
 293     padding:0;
 294 }
 295 table.table tbody {
 296     padding:0;
 297 }
 298 table.table tr {
 299     padding:0;
 300 }
 301 table.table td {
 302     padding:0;
 303 }
 304 /* INSTITUTION */
 305 div#institution {
 306     color:black;
 307 }
 308 .form-hint {
 309     font-size:11pt;
 310     font-style:italic;
 311     color:gray;
 312 }
 313
 314
 315 .form-hint {
 316     font-size:11pt;
 317     font-style:italic;
 318     color:gray;
 319 }
 320
 321
 322
 323 /* TICKET REQUEST */
 324 div#ticket-request {
 325     color:black;
 326 }
 327 .form-hint {
 328     font-size:11pt;
 329     font-style:italic;
 330     color:gray;
 331 }
 332 div#ticket-request p {
 333     margin:20px 0;
 334 }
 335
 336 /* SLICE VIEW */
 337 ul.nav-sliceview {}
 338 ul.nav-sliceview li {
 339
 340 }
 341 ul.nav-sliceview li:first-child {
 342     padding:0;
 343 }
 344 ul.nav-sliceview li:first-child a {
 345     font-weight:bold;
 346     padding:6px 15px 4px 15px;
 347 }
 348 ul.nav-sliceview li:first-child img {
 349     margin:0 4px 1px 0;
 350     padding:0;
 351 }
 352
 353
 354
 355
 356
 357
 358 div#slice-view {
 359     margin:0;
 360 }
 361 div.list-group-item {
 362     border:0;
 363     background-color:white;
 364     font-weight:bold;
 365     padding-left:0;
 366 }
 367 a.list-group-item {
 368     border:0;
 369     background-color:white;
 370     padding:3px 0 3px 10px;
 371     border-left:2pt white solid;
 372 }
 373 a.list-group-item.active, a.list-group-item:hover {
 374     border-left:2pt blue solid;
 375 }
 376 a.list-group-item p.list-group-item-text {
 377     font-size:9pt;
 378     font-style:italic;
 379 }
 380
 381 /* SLICE VIEW sections */
 382 .slice-sections, .slice-pending {
 383     margin:0;
 384     padding:0;
 385 }
 386 .slice-sections ul, .slice-pending ul {
 387     margin:0;
 388     padding:0;
 389 }
 390 .slice-pending ul {
 391     width:400px;
 392     margin:0 auto 15px auto;
 393 }
 394 .slice-sections li {
 395     text-align:left;
 396     margin:0;
 397     padding:0;
 398 }
 399 .slice-pending li {
 400     padding-right:15px;
 401 }
 402 .slice-sections li a, .slice-pending li a {
 403     font-size:14px;
 404     color:black;
 405     padding:0;
 406 }
 407 .slice-sections li.active a, .slice-pending li.active a  {
 408     color:#201E62;
 409     background-color:#EFEFEF;
 410     text-decoration:underline;
 411     padding:0;
 412 }
 413 .slice-sections ul.nav-pills li a:hover, .slice-pending ul.nav-pills li a:hover {
 414     text-decoration:underline;
 415     background-color:#EFEFEF;
 416     color:black;
 417 }
 418 .slice-sections ul.nav-pills li.active, .slice-pending ul.nav-pills li.active {
 419
 420 }
 421 .slice-sections li:first-child, .slice-sections li:first-child a {
 422     color:#201E62;
 423     font-weight:bold;
 424 }
 425 .slice-experiment {
 426     text-align:right;
 427     padding:0;
 428 }
 429 .slice-experiment button {
 430     margin:3px 0 0 0;
 431     background-color:#CC4125;
 432     color:white;
 433 }
 434
 435 .slice-pending {
 436 }
 437 .slice-pending button {
 438     font-size:9pt;
 439     margin:-2px 0 0 0;
 440     padding:3px 5px;
 441 }
 442 .slice-pending button.apply {
 443 }
 444 .slice-pending button.clear {
 445 }
 446 tr.active, tr.active td {
 447     background-color:#FFFFCC !important;
 448 }