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