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