portal/static/css/onelab.css

   1 body {
   2     background-color:white;
   3     color:black;
   4     margin:0;
   5     padding:0;
   6 }
   7 a, a:active, a:focus {
   8     outline: 0;
   9 }
  10
  11 h1 {
  12     border-bottom:1px solid #DDDDDD;
  13     padding:0 0 5px 0;
  14     margin:0 0 15px 0;
  15     font-size:18pt;
  16 }
  17 h1 img {
  18     vertical-align:middle;
  19     margin-bottom:4px;
  20 }
  21 h2 {
  22     font-size:14pt;
  23     color:#333333;
  24 }
  25 h3 {
  26     font-size:13pt;
  27     color:#201E62;
  28 }
  29 div.wrapper {
  30     width:980px;
  31     margin:0 auto;
  32     position:relative;
  33 }
  34 div.container {
  35     width:980px;
  36     margin:25px auto;
  37 }
  38 div.wide {
  39     margin:25px auto;
  40     padding:0 25px;
  41 }
  42
  43 span.label {
  44     font-size:11pt;
  45     color:gray;
  46     font-weight:normal;
  47     padding:0;
  48 }
  49 /***** Notifications *****/
  50 .warning {
  51     border: 1px solid red;
  52     margin: 20px 60px;
  53     padding: 10px 20px;
  54     color: red;
  55     background-color: #f2dbdb;
  56     text-align: center;
  57 }
  58 /* HEADER */
  59 div#header {
  60     height:100px;
  61     background-color:white;
  62 }
  63
  64 div#secondary {
  65
  66 }
  67
  68 div#secondary ul {
  69     position:absolute;
  70     top:20px;
  71     right:0;
  72 }
  73
  74 div#secondary li {
  75     font-size:10pt;
  76     float:left;
  77     list-style:none;
  78     margin-right:30px;
  79 }
  80 div#secondary li a {
  81     color:black;
  82 }
  83 div#secondary li a:hover {
  84     color:#270A5A;
  85     text-decoration:none;
  86 }
  87 div#secondary li:last-child {
  88     margin-right:0;
  89 }
  90
  91 div#navigation {
  92     background-color:black;
  93     width:100%;
  94     height:40px;
  95 }
  96 div#navigation div.wrapper {
  97     text-align:center;
  98 }
  99 div#navigation ul {
 100     margin:0;
 101     padding:0;
 102     display: inline-block;
 103     list-style-type: none;
 104     white-space: nowrap;
 105 }
 106
 107 div#navigation li {
 108     color:white;
 109     font-family:helvetica, sans-serif;
 110     font-size:10pt ;
 111     font-weight:normal;
 112     line-height:0.8em;
 113     letter-spacing:0.6pt;
 114     list-style:none;
 115     float:left;
 116     padding:0;
 117     margin:15px 50px 0 0;
 118 }
 119 div#navigation li a {
 120     color:white;
 121 }
 122 div#navigation li a:hover {
 123     text-decoration:none;
 124     color:#B8B2FF;
 125 }
 126 div#navigation li:last-child {
 127     margin-right:0;
 128 }
 129
 130 /* HOME DASHBOARD */
 131 div#home-dashboard {
 132     color:black;
 133     margin:0 auto 25px auto;
 134 }
 135 div#home-dashboard table {
 136     margin:25px;
 137     width:100%;
 138 }
 139 div#home-dashboard table td {
 140     text-align:center;
 141     padding:15px 0;
 142     width:33%;
 143 }
 144 div#home-dashboard table tr:first-child td {
 145     font-size:12pt;
 146     font-weight:bold;
 147     color:#270A5A;
 148 }
 149 div#home-dashboard table tr:last-child td {
 150     vertical-align:top;
 151     padding:25px 0;
 152 }
 153 div#home-dashboard table tr:last-child td.logged-in {
 154     border-right:1px solid #DDDDDD;
 155     padding:25px;
 156 }
 157 div#home-dashboard table tr:last-child td.support {
 158     border-left:1px solid #DDDDDD;
 159     padding:25px;
 160 }
 161 div#home-dashboard table tr:last-child td:first-child {
 162 }
 163 div#home-dashboard table tr:last-child td:last-child {
 164     border-right:0;
 165 }
 166 div#home-dashboard table tr:last-child td.logged-in div {
 167     text-align:left;
 168     padding:25px 0;
 169 }
 170 div#home-dashboard table tr:last-child td.support div {
 171     text-align:left;
 172     padding:25px 0;
 173 }
 174 div#home-dashboard div.login-widget {
 175     padding:20px;
 176 }
 177 div#home-dashboard table td.support {
 178 }
 179 div#home-dashboard table td.support a {
 180 }
 181 div#home-dashboard table td.support a:hover {
 182     text-decoration:none;
 183 }
 184
 185 div#home-dashboard div#manager {
 186     display:none;
 187 }
 188
 189 div#home-dashboard div#home-slice-list {
 190     margin:25px 0;
 191     padding:0 25px;
 192     text-align:left;
 193 }
 194 div#home-dashboard div#home-slice-list ul {
 195     list-style: none;
 196     padding:0;
 197     margin:0;
 198 }
 199 div#home-dashboard div#home-slice-list li {
 200
 201 }
 202
 203 .login-submit {
 204     vertical-align:middle;
 205     padding:0;
 206 }
 207 .lost-password {
 208     font-size:10pt;
 209     color:#CCCCCC;
 210     text-align:right;
 211     padding:0px;
 212 }
 213 .lost-password a {
 214 }
 215 .login-signup {
 216     border-top:1px solid #CCCCCC;
 217     text-align:center;
 218     margin-top:15px;
 219     padding:5px 0 0 0;
 220 }
 221 /**/
 222
 223 /* NAV TABS */
 224
 225 .nav.nav-tabs {
 226     margin-bottom:25px;
 227 }
 228
 229 .nav.nav-tabs li.active a {
 230
 231 }
 232
 233 .nav.nav-tabs li a {
 234 }
 235
 236 .nav.nav-tabs li a:hover {
 237 }
 238
 239 /**/
 240 /* WELL */
 241 div.well {
 242 }
 243 /**/
 244 /* BUTTON */
 245 .btn.btn-default {
 246     font-weight: bold;
 247 }
 248
 249 .btn.btn-default:hover {
 250     font-weight: bold;
 251 }
 252 /**/
 253 /* TABLE */
 254 table.table {
 255     margin:0;
 256 }
 257 table.table thead {
 258     padding:0;
 259 }
 260 table.table tbody {
 261     padding:0;
 262 }
 263 table.table tr {
 264     padding:0;
 265 }
 266 table.table td {
 267     padding:0;
 268 }
 269 /* INSTITUTION */
 270 div#institution {
 271     color:black;
 272 }
 273 .form-hint {
 274     font-size:11pt;
 275     font-style:italic;
 276     color:gray;
 277 }
 278
 279
 280 .form-hint {
 281     font-size:11pt;
 282     font-style:italic;
 283     color:gray;
 284 }
 285
 286
 287
 288 /* TICKET REQUEST */
 289 div#ticket-request {
 290     color:black;
 291 }
 292 .form-hint {
 293     font-size:11pt;
 294     font-style:italic;
 295     color:gray;
 296 }
 297 div#ticket-request p {
 298     margin:20px 0;
 299 }
 300
 301 /* SLICE VIEW */
 302 div#slice-view {
 303     margin:0;
 304 }
 305 div.list-group-item {
 306     border:0;
 307     background-color:white;
 308     font-weight:bold;
 309     padding-left:0;
 310 }
 311 a.list-group-item {
 312     border:0;
 313     background-color:white;
 314     padding:3px 0 3px 10px;
 315     border-left:2pt white solid;
 316 }
 317 a.list-group-item.active, a.list-group-item:hover {
 318     border-left:2pt blue solid;
 319 }
 320 a.list-group-item p.list-group-item-text {
 321     font-size:9pt;
 322     font-style:italic;
 323 }
 324
 325 /* SLICE VIEW sections */
 326 .slice-sections, .slice-pending {
 327     margin:0;
 328     padding:0;
 329 }
 330 .slice-sections ul, .slice-pending ul {
 331     margin:0;
 332     padding:0;
 333 }
 334 .slice-pending ul {
 335     width:400px;
 336     margin:0 auto 15px auto;
 337 }
 338 .slice-sections li {
 339     text-align:left;
 340     margin:0;
 341     padding:0;
 342 }
 343 .slice-pending li {
 344     padding-right:15px;
 345 }
 346 .slice-sections li a, .slice-pending li a {
 347     font-size:14px;
 348     color:black;
 349     padding:0;
 350 }
 351 .slice-sections li.active a, .slice-pending li.active a  {
 352     color:#201E62;
 353     background-color:#EFEFEF;
 354     text-decoration:underline;
 355     padding:0;
 356 }
 357 .slice-sections ul.nav-pills li a:hover, .slice-pending ul.nav-pills li a:hover {
 358     text-decoration:underline;
 359     background-color:#EFEFEF;
 360     color:black;
 361 }
 362 .slice-sections ul.nav-pills li.active, .slice-pending ul.nav-pills li.active {
 363
 364 }
 365 .slice-sections li:first-child, .slice-sections li:first-child a {
 366     color:#201E62;
 367     font-weight:bold;
 368 }
 369 .slice-experiment {
 370     text-align:right;
 371     padding:0;
 372 }
 373 .slice-experiment button {
 374     margin:3px 0 0 0;
 375     background-color:#CC4125;
 376     color:white;
 377 }
 378
 379 .slice-pending {
 380 }
 381 .slice-pending button {
 382     font-size:9pt;
 383     margin:-2px 0 0 0;
 384     padding:3px 5px;
 385 }
 386 .slice-pending button.apply {
 387 }
 388 .slice-pending button.clear {
 389 }