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