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 5px 0;
  17     margin:0 0 15px 0;
  18     font-size:18pt;
  19 }
  20 h1 img {
  21     vertical-align:middle;
  22     margin-bottom:4px;
  23 }
  24 h2 {
  25     font-size:14pt;
  26     color:#333333;
  27 }
  28 h3 {
  29     font-size:13pt;
  30     color:#201E62;
  31 }
  32 div.wrapper {
  33     width:980px;
  34     margin:0 auto;
  35     position:relative;
  36 }
  37 div.container {
  38     width:980px;
  39     margin:25px auto;
  40 }
  41 div.wide {
  42     margin:25px auto;
  43     padding:0 25px;
  44 }
  45
  46 span.label {
  47     font-size:11pt;
  48     color:gray;
  49     font-weight:normal;
  50     padding:0;
  51 }
  52 /***** Notifications *****/
  53 .warning {
  54     border: 1px solid red;
  55     margin: 20px 60px;
  56     padding: 10px 20px;
  57     color: red;
  58     background-color: #f2dbdb;
  59     text-align: center;
  60 }
  61 /* HEADER */
  62 div#header {
  63     height:100px;
  64     background-color:white;
  65 }
  66
  67 div#secondary {
  68
  69 }
  70
  71 div#secondary ul {
  72     position:absolute;
  73     top:20px;
  74     right:0;
  75 }
  76
  77 div#secondary li {
  78     font-size:10pt;
  79     float:left;
  80     list-style:none;
  81     margin-right:30px;
  82 }
  83 div#secondary li a {
  84     color:black;
  85 }
  86 div#secondary li a:hover {
  87     color:#270A5A;
  88     text-decoration:none;
  89 }
  90 div#secondary li:last-child {
  91     margin-right:0;
  92 }
  93
  94 div#navigation {
  95     background-color:black;
  96     width:100%;
  97     height:40px;
  98 }
  99 div#navigation div.wrapper {
 100     text-align:center;
 101 }
 102 div#navigation ul {
 103     margin:0;
 104     padding:0;
 105     display: inline-block;
 106     list-style-type: none;
 107     white-space: nowrap;
 108 }
 109
 110 div#navigation li {
 111     color:white;
 112     font-family:helvetica, sans-serif;
 113     font-size:10pt ;
 114     font-weight:normal;
 115     line-height:0.8em;
 116     letter-spacing:0.6pt;
 117     list-style:none;
 118     float:left;
 119     padding:0;
 120     margin:15px 50px 0 0;
 121 }
 122 div#navigation li a {
 123     color:white;
 124 }
 125 div#navigation li a:hover {
 126     text-decoration:none;
 127     color:#B8B2FF;
 128 }
 129 div#navigation li:last-child {
 130     margin-right:0;
 131 }
 132
 133 div#navigation li.active {
 134         padding:5px;
 135     padding-top: 15px;
 136     min-height: 40px;
 137     margin-top: 0px;
 138         background-color:gray;
 139         color:#FF0000;
 140 }
 141 div#navigation li.slices {
 142     position:relative;
 143     cursor:pointer;
 144 }
 145
 146 div#menu-slice-list{
 147     display:none;
 148     position:absolute;
 149     background-color:black;
 150     padding:15px;
 151     left:-15px;
 152 }
 153 div#menu-slice-list ul {
 154     margin:0;
 155     padding:0;
 156 }
 157 div#menu-slice-list li {
 158     margin:0;
 159     padding:10px 0;
 160 }
 161 div#menu-slice-list li:first-child {
 162     border-bottom:1px solid white;
 163
 164 }
 165 /* HOME DASHBOARD */
 166 div#home-dashboard {
 167     color:black;
 168     margin:0 auto 25px auto;
 169 }
 170 div#home-dashboard table {
 171     margin:25px;
 172     width:100%;
 173 }
 174 div#home-dashboard table td {
 175     text-align:center;
 176     padding:15px 0;
 177     width:33%;
 178 }
 179 div#home-dashboard table tr:first-child td {
 180     font-size:12pt;
 181     font-weight:bold;
 182     color:#270A5A;
 183 }
 184 div#home-dashboard table tr:last-child td {
 185     vertical-align:top;
 186     padding:25px 0;
 187 }
 188 div#home-dashboard table tr:last-child td.logged-in {
 189     border-right:1px solid #DDDDDD;
 190     padding:25px;
 191 }
 192 div#home-dashboard table tr:last-child td.support {
 193     border-left:1px solid #DDDDDD;
 194     padding:25px;
 195 }
 196 div#home-dashboard table tr:last-child td:first-child {
 197 }
 198 div#home-dashboard table tr:last-child td:last-child {
 199     border-right:0;
 200 }
 201 div#home-dashboard table tr:last-child td.logged-in div {
 202     text-align:left;
 203     padding:25px 0;
 204 }
 205 div#home-dashboard table tr:last-child td.support div {
 206     text-align:left;
 207     padding:25px 0;
 208 }
 209 div#home-dashboard div.login-widget {
 210     padding:20px;
 211 }
 212 div#home-dashboard table td.support {
 213 }
 214 div#home-dashboard table td.support a {
 215 }
 216 div#home-dashboard table td.support a:hover {
 217     text-decoration:none;
 218 }
 219
 220 div#home-dashboard div#manager {
 221     display:none;
 222 }
 223
 224 div#home-dashboard div#home-slice-list {
 225     margin:25px 0;
 226     padding:0 25px;
 227     text-align:left;
 228 }
 229 div#home-dashboard div#home-slice-list ul {
 230     list-style: none;
 231     padding:0;
 232     margin:0;
 233 }
 234 div#home-dashboard div#home-slice-list li {
 235
 236 }
 237
 238 .login-submit {
 239     vertical-align:middle;
 240     padding:0;
 241 }
 242 .lost-password {
 243     font-size:10pt;
 244     color:#CCCCCC;
 245     text-align:right;
 246     padding:0px;
 247 }
 248 .lost-password a {
 249 }
 250 .login-signup {
 251     border-top:1px solid #CCCCCC;
 252     text-align:center;
 253     margin-top:15px;
 254     padding:5px 0 0 0;
 255 }
 256 /**/
 257
 258 /* NAV TABS */
 259
 260 .nav.nav-tabs {
 261     margin-bottom:25px;
 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 div#slice-view {
 338     margin:0;
 339 }
 340 div.list-group-item {
 341     border:0;
 342     background-color:white;
 343     font-weight:bold;
 344     padding-left:0;
 345 }
 346 a.list-group-item {
 347     border:0;
 348     background-color:white;
 349     padding:3px 0 3px 10px;
 350     border-left:2pt white solid;
 351 }
 352 a.list-group-item.active, a.list-group-item:hover {
 353     border-left:2pt blue solid;
 354 }
 355 a.list-group-item p.list-group-item-text {
 356     font-size:9pt;
 357     font-style:italic;
 358 }
 359
 360 /* SLICE VIEW sections */
 361 .slice-sections, .slice-pending {
 362     margin:0;
 363     padding:0;
 364 }
 365 .slice-sections ul, .slice-pending ul {
 366     margin:0;
 367     padding:0;
 368 }
 369 .slice-pending ul {
 370     width:400px;
 371     margin:0 auto 15px auto;
 372 }
 373 .slice-sections li {
 374     text-align:left;
 375     margin:0;
 376     padding:0;
 377 }
 378 .slice-pending li {
 379     padding-right:15px;
 380 }
 381 .slice-sections li a, .slice-pending li a {
 382     font-size:14px;
 383     color:black;
 384     padding:0;
 385 }
 386 .slice-sections li.active a, .slice-pending li.active a  {
 387     color:#201E62;
 388     background-color:#EFEFEF;
 389     text-decoration:underline;
 390     padding:0;
 391 }
 392 .slice-sections ul.nav-pills li a:hover, .slice-pending ul.nav-pills li a:hover {
 393     text-decoration:underline;
 394     background-color:#EFEFEF;
 395     color:black;
 396 }
 397 .slice-sections ul.nav-pills li.active, .slice-pending ul.nav-pills li.active {
 398
 399 }
 400 .slice-sections li:first-child, .slice-sections li:first-child a {
 401     color:#201E62;
 402     font-weight:bold;
 403 }
 404 .slice-experiment {
 405     text-align:right;
 406     padding:0;
 407 }
 408 .slice-experiment button {
 409     margin:3px 0 0 0;
 410     background-color:#CC4125;
 411     color:white;
 412 }
 413
 414 .slice-pending {
 415 }
 416 .slice-pending button {
 417     font-size:9pt;
 418     margin:-2px 0 0 0;
 419     padding:3px 5px;
 420 }
 421 .slice-pending button.apply {
 422 }
 423 .slice-pending button.clear {
 424 }
 425 tr.active, tr.active td {
 426     background-color:#FFFFCC !important;
 427 }