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