testing/MCTXWeb/public_html/static/style.css

   1 /** Custom fonts **/
   2 @font-face {
   3   font-family: "Open Sans";
   4   src: url("OpenSans.ttf"),
   5     url("OpenSans.eot");
   6   font-weight: normal;
   7 }
   8
   9 @font-face {
  10   font-family: "Open Sans";
  11   src: url("OpenSansBold.ttf");
  12   font-weight: bold;
  13 }
  14
  15 body {
  16   font-family: "Open Sans", "Lucida Grande","Lucida Sans",Verdana,Arial;
  17   font-size: 13px;
  18   background-color: #F5F5F5;
  19   margin: 0;
  20   padding: 0;
  21 }
  22
  23 hr {
  24   border: 0;
  25   border-bottom: 1px solid gray;
  26 }
  27
  28 a {
  29   color: #1188DD;
  30 }
  31
  32 a:active {
  33   color: #0066BB;
  34 }
  35
  36 img {
  37   border: none;
  38 }
  39
  40 .pass {
  41   color: #7AE309;
  42   font-weight: bold;
  43 }
  44
  45 .fail {
  46   color: #E30909;
  47   font-weight: bold
  48 }
  49
  50 div.centre, p.centre {
  51   text-align: center;
  52   margin: auto;
  53 }
  54
  55 .bold {
  56   font-weight: bold;
  57 }
  58
  59 .medium {
  60   font-size: 115% !important;
  61 }
  62
  63 .large {
  64   font-size: 130% !important;
  65 }
  66
  67 .normal {
  68   font-size: inherit !important;
  69 }
  70
  71 .small {
  72   font-size: 80% !important;
  73 }
  74
  75 /*
  76 table {
  77   border: none;
  78 }
  79
  80 table.centre {
  81   margin: auto;
  82   text-align: center;
  83 }
  84
  85 table.status, table.status tr, table.status td {
  86     padding: 0.2em 0.75em;
  87 }
  88
  89
  90 td {
  91   padding: 0 0.5em;
  92 }
  93
  94 th {
  95   padding: inherit;
  96   border-bottom: 1px solid gray;
  97 }
  98
  99 */
 100
 101 table {
 102   border-radius: 3px;
 103   border-collapse: collapse;
 104   word-wrap: break-word;
 105   line-height: 1.3em;
 106   width: 100%;
 107   margin: 1em auto;
 108   vertical-align: middle;
 109 }
 110
 111 td {
 112   padding: 0.2em 0.5em;
 113 }
 114
 115 tr.pass {
 116   color: #000;
 117   background-color: #7AE309;
 118   font-weight: inherit;
 119 }
 120
 121 tr.fail, tr.fail .fail {
 122   color: #000;
 123   background-color: #E30909;
 124   font-weight: inherit;
 125 }
 126
 127 table.centre {
 128   margin: auto;
 129   text-align: center;
 130 }
 131
 132 table.horizontal {
 133   line-height: 1.6em;
 134 }
 135
 136 table.horizontal th {
 137   text-align: left;
 138   border-bottom: 0;
 139   width: 15%;
 140   font-weight: normal;
 141 }
 142
 143 table.horizontal.medium th {
 144   width: 22%;
 145 }
 146
 147 img.centre {
 148   display: block;
 149   margin: auto;
 150 }
 151
 152 input[type="button"], input[type="submit"] {
 153   background-color: #F5F5F5;
 154   border: 1px solid #A2A2A2;
 155   border-radius: 3px;
 156   box-shadow: 1px 1px 1px #BBBBBB;
 157   transition: all 0.13s ease 0s;
 158   padding: 0 0.5em;
 159   min-width: 55px;
 160   margin: 0.4em 0.1em;
 161 }
 162
 163 input[type="button"]:active, input[type="submit"]:active {
 164   background-color: #E8E8E8;
 165 }
 166
 167
 168 input[type="text"], input[type="password"] {
 169   width: 100%; /* IE8 width bugfix */
 170   border-radius: 3px;
 171   border: 1px solid #CCCCCC;
 172   font-size: 16px;
 173 }
 174
 175 input[type="text"]:focus, input[type="password"]:focus {
 176   box-shadow: 0 0 2px #BBBBBB;
 177 }
 178
 179 form.nice {
 180   line-height: 1.8em;
 181 }
 182
 183 form.nice p {
 184   margin: 0.25em auto;
 185 }
 186
 187 form.nice input {
 188   font-size: 150%;
 189 }
 190
 191 form.nice label {
 192   font-size: 110%;
 193 }
 194
 195 form.nice input[type="submit"], form.nice input[type="button"] {
 196   font-size: inherit;
 197   padding: 0.4em 0.8em;
 198 }
 199
 200 form.controls {
 201   background-color: #F9F9F9;
 202   border: 1px solid #808080;
 203   padding: 1em;
 204   margin: 1em auto;
 205 }
 206
 207 #header-wrap {
 208   background-color: #2a2a2a;
 209   border-top: 0.3em solid #1188DD;
 210   color: #f2f2f2;
 211   margin-bottom: 1em;
 212   box-shadow: 0 0 0.5em #444444;
 213   transition: all 0.2s ease 0s;
 214 }
 215
 216 #header {
 217   padding: 1.5em 2em;
 218   /*max-width: 1920px;*/
 219   margin: 0 auto;
 220 }
 221
 222 #header input[type="button"], #header input[type="submit"] {
 223   background-color: #808080;
 224   border: 1px solid #808080;
 225   box-shadow: none;
 226   color: #f2f2f2;
 227   cursor: pointer;
 228 }
 229
 230 #header input[type="button"]:hover, #header input[type="submit"]:hover {
 231   background-color: #606060;
 232   border: 1px solid #606060;
 233 }
 234
 235 #header #leftnav {
 236   float: left;
 237   display: table;
 238 }
 239
 240 #header #leftnav > div, #header #leftnav > span {
 241   display: table-cell;
 242   vertical-align: middle;
 243   padding-left: 1em;
 244 }
 245
 246 #header #leftnav a {
 247   color: #2a2a2a;
 248 }
 249
 250 #title {
 251   font-size: 30px;
 252 }
 253
 254 #header #rightnav {
 255   float: right;
 256   font-size: 15px;
 257   padding-top: 0.5em;
 258   text-align: right;
 259 }
 260
 261 #header #rightnav span {
 262   margin-left: 1em;
 263 }
 264
 265 #header #menu-container {
 266   margin-right: 1.5em;
 267   font-size: 15px;
 268   display: inline-block;
 269 }
 270
 271 #header #logout-container {
 272   /* Hide until activated by JavaScript */
 273   display: none;
 274 }
 275
 276 #header #date {
 277   font-size: 12px;
 278 }
 279
 280 #content-wrap {
 281   padding: 1em 2em;
 282   /*max-width: 1920px;*/
 283   margin: 1em auto;
 284   transition: all 0.2s ease 0s;
 285 }
 286
 287 #content  {
 288
 289   /*display: none;  Enable in non-debug mode*/
 290 }
 291
 292 #sidebar{
 293   float: left;
 294   width: 240px;
 295   transition: all 0.2s ease 0s;
 296 }
 297
 298 #sidebar .title {
 299   font-size: 20px;
 300 }
 301
 302 #sidebar-hide {
 303   border-bottom: 1px solid #CCCCCC;
 304   border-left: 1px solid #CCCCCC;
 305   cursor: pointer;
 306   float: right;
 307   height: 20px;
 308   margin-right: -1.25em;
 309   margin-top: -1em;
 310   text-align: center;
 311   width: 20px;
 312 }
 313
 314 #sidebar-show {
 315   float: left;
 316   cursor: pointer;
 317   display: none;
 318 }
 319
 320 .justify {
 321   text-align: justify;
 322 }
 323
 324 #main {
 325   overflow: auto;
 326   padding-left: 2em;
 327   min-width: 400px;
 328 }
 329
 330 #main .sub-title {
 331   font-size: 115%;
 332   font-weight: bold;
 333   margin-bottom: 0.25em;
 334 }
 335
 336 /* Unused ?? */
 337 .sxs {
 338   display: table;
 339   table-layout: fixed;
 340   width: 100%;
 341   border-spacing: 0.5em;
 342 }
 343
 344 .sxs div {
 345   display: table-cell;
 346 }
 347
 348 .left {
 349   float: left;
 350 }
 351
 352 .right {
 353   float: right;
 354 }
 355
 356 .title {
 357   font-size: 24px;
 358   font-weight: bold;
 359   margin-bottom: 0.5em;
 360 }
 361
 362 .graph {
 363   width: 100%;
 364   height: 200px;
 365 }
 366
 367 .widget {
 368   background-color: #ffffff;
 369   margin: 0.25em 0.25em 1.5em;
 370   padding: 1em 1.25em;
 371   box-shadow: 0 0 3px #CCCCCC;
 372   border: 1px solid #CCCCCC;
 373   transition: all 0.2s ease 0s;
 374   overflow: auto;
 375 }
 376
 377 .widget:hover {
 378   box-shadow: 0 0 0.25em #AAAAAA;
 379 }
 380
 381 .plot {
 382         box-sizing: border-box;
 383         width: auto;
 384         height: 300px;
 385         padding: 20px 15px 15px 15px;
 386         margin: 15px auto 30px auto;
 387         border: 1px solid #ddd;
 388         font-size:20px;
 389 }
 390
 391 /** For links on the data page **/
 392 .datalink {
 393         color: black;
 394         text-decoration:none;
 395 }
 396
 397 .datalink:hover {
 398         color: blue;
 399         text-decoration:underline;
 400 }
 401
 402 /** Hack **/
 403 .clear {
 404   clear: both;
 405 }
 406
 407 #errorlog {
 408   overflow: auto;
 409   max-width: 100%;
 410   width: 100%;
 411   height: 6em;
 412   background-color: white;
 413   border: 1px solid #ccc;
 414 }
 415
 416 /** For login.html **/
 417 #login-container {
 418   margin: 0 auto;
 419   width: 400px;
 420   padding: 1.8em 0 0;
 421   color: #606060;
 422   line-height: 1.8em;
 423 }
 424
 425 #login-container form {
 426   padding: 1em 2em;
 427 }
 428
 429 #login-container input {
 430   font-size: 24px;
 431 }
 432
 433 #login-container label {
 434   font-size: 14px;
 435 }
 436
 437 #login-container input[type=submit] {
 438   font-size: inherit;
 439   padding: 0.4em 0.8em;
 440 }
 441
 442 #login-container #result {
 443   clear: both;
 444 }
 445
 446 #experiment-stop {
 447   padding: 0.2em 0.4em;
 448   display: none;
 449 }
 450
 451 #start-widget {
 452   display: none;
 453 }
 454
 455 #pressure-widget {
 456   display: none;
 457 }