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