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 form.controls {
  29   background-color: #F9F9F9;
  30   border: 1px solid #808080;
  31   padding: 1em;
  32   margin: 1em auto;
  33 }
  34
  35 a {
  36   color: #1188DD;
  37 }
  38
  39 a:active {
  40   color: #0066BB;
  41 }
  42
  43 img {
  44   border: none;
  45 }
  46
  47 .pass {
  48   color: #7AE309;
  49   font-weight: bold;
  50 }
  51
  52 .fail {
  53   color: #E30909;
  54   font-weight: bold
  55 }
  56
  57 div.centre {
  58   text-align: center;
  59   margin: auto;
  60 }
  61
  62 .bold {
  63   font-weight: bold;
  64 }
  65
  66 /*
  67 table {
  68   border: none;
  69 }
  70
  71 table.centre {
  72   margin: auto;
  73   text-align: center;
  74 }
  75
  76 table.status, table.status tr, table.status td {
  77     padding: 0.2em 0.75em;
  78 }
  79
  80
  81 td {
  82   padding: 0 0.5em;
  83 }
  84
  85 th {
  86   padding: inherit;
  87   border-bottom: 1px solid gray;
  88 }
  89
  90 */
  91
  92 table {
  93   border-radius: 3px;
  94   border: 1px solid #ccc;
  95   border-collapse: collapse;
  96   word-wrap: break-word;
  97   line-height: 1.3em;
  98   width: 100%;
  99 }
 100
 101 td {
 102   padding: 0.2em 0.5em;
 103 }
 104
 105 table.centre {
 106   margin: auto;
 107   text-align: center;
 108 }
 109
 110 table.horizontal {
 111   line-height: 1.6em;
 112 }
 113
 114 table.horizontal th {
 115   border-right: 1px solid #ccc;
 116   border-bottom: 0;
 117   width: 20%;
 118 }
 119
 120 img.centre {
 121   display: block;
 122   margin: auto;
 123 }
 124
 125 input[type="button"], input[type="submit"] {
 126   background-color: #F5F5F5;
 127   border: 1px solid #A2A2A2;
 128   border-radius: 3px;
 129   box-shadow: 1px 1px 1px #BBBBBB;
 130   transition: all 0.13s ease 0s;
 131   padding: 0 0.5em;
 132   min-width: 55px;
 133   margin: 0.4em 0.1em;
 134 }
 135
 136 input[type="button"]:active, input[type="submit"]:active {
 137   background-color: #E8E8E8;
 138 }
 139
 140
 141 input[type="text"], input[type="password"] {
 142   width: 100%; /* IE8 width bugfix */
 143   border-radius: 3px;
 144   border: 1px solid #CCCCCC;
 145   font-size: 16px;
 146 }
 147
 148 input[type="text"]:focus, input[type="password"]:focus {
 149   box-shadow: 0 0 2px #BBBBBB;
 150 }
 151
 152 #header-wrap {
 153   background-color: #2a2a2a;
 154   border-top: 0.3em solid #1188DD;
 155   color: #f2f2f2;
 156   margin-bottom: 1em;
 157   box-shadow: 0 0 0.5em #444444;
 158   transition: all 0.2s ease 0s;
 159 }
 160
 161 #header {
 162   padding: 1.5em 2em;
 163   /*max-width: 1920px;*/
 164   margin: 0 auto;
 165 }
 166
 167 #header input[type="button"], #header input[type="submit"] {
 168   background-color: #808080;
 169   border: 1px solid #808080;
 170   box-shadow: none;
 171   color: #f2f2f2;
 172   cursor: pointer;
 173 }
 174
 175 #header input[type="button"]:hover, #header input[type="submit"]:hover {
 176   background-color: #606060;
 177   border: 1px solid #606060;
 178 }
 179
 180 #header #leftnav {
 181   float: left;
 182   display: table;
 183 }
 184
 185 #header #leftnav > div, #header #leftnav > span {
 186   display: table-cell;
 187   vertical-align: middle;
 188   padding-left: 1em;
 189 }
 190
 191 #header #leftnav a {
 192   color: #2a2a2a;
 193 }
 194
 195 #title {
 196   font-size: 30px;
 197 }
 198
 199 #header #rightnav {
 200   float: right;
 201   font-size: 15px;
 202   padding-top: 0.5em;
 203   text-align: right;
 204 }
 205
 206 #header #rightnav span {
 207   margin-left: 1em;
 208 }
 209
 210 #header #menu-container {
 211   margin-right: 1.5em;
 212   font-size: 15px;
 213   display: inline-block;
 214 }
 215
 216 #header #logout-container {
 217   /* Hide until activated by JavaScript */
 218   display: none;
 219 }
 220
 221 #header #date {
 222   font-size: 12px;
 223 }
 224
 225 #content-wrap {
 226   padding: 1em 2em;
 227   /*max-width: 1920px;*/
 228   margin: 1em auto;
 229 }
 230
 231 #content  {
 232
 233   /*display: none;  Enable in non-debug mode*/
 234 }
 235
 236 #sidebar{
 237   float: left;
 238   width: 240px;
 239   transition: all 0.2s ease 0s;
 240 }
 241
 242 #sidebar .title {
 243   font-size: 20px;
 244 }
 245
 246 #sidebar-hide {
 247   border-bottom: 1px solid #CCCCCC;
 248   border-left: 1px solid #CCCCCC;
 249   cursor: pointer;
 250   float: right;
 251   height: 20px;
 252   margin-right: -1.25em;
 253   margin-top: -1em;
 254   text-align: center;
 255   width: 20px;
 256 }
 257
 258 #sidebar-show {
 259   float: left;
 260   cursor: pointer;
 261   display: none;
 262 }
 263
 264 .justify {
 265   text-align: justify;
 266 }
 267
 268 #main {
 269   overflow: auto;
 270   padding-left: 2em;
 271   min-width: 400px;
 272 }
 273
 274 #main .sub-title {
 275   font-size: 18px;
 276   font-weight: bold;
 277   margin-bottom: 0.25em;
 278 }
 279
 280 /* Unused ?? */
 281 .sxs {
 282   display: table;
 283   table-layout: fixed;
 284   width: 100%;
 285   border-spacing: 0.5em;
 286 }
 287
 288 .sxs div {
 289   display: table-cell;
 290 }
 291
 292 .right {
 293   float: right;
 294 }
 295
 296 .title {
 297   font-size: 24px;
 298   font-weight: bold;
 299   margin-bottom: 0.5em;
 300 }
 301
 302 .graph {
 303   width: 100%;
 304   height: 200px;
 305 }
 306
 307 .widget {
 308   background-color: #ffffff;
 309   margin: 0.25em 0.25em 1.5em;
 310   padding: 1em 1.25em;
 311   box-shadow: 0 0 3px #CCCCCC;
 312   border: 1px solid #CCCCCC;
 313   transition: all 0.2s ease 0s;
 314   overflow: auto;
 315 }
 316
 317 .widget:hover {
 318   box-shadow: 0 0 0.25em #AAAAAA;
 319 }
 320
 321 .plot {
 322         box-sizing: border-box;
 323         width: auto;
 324         height: 300px;
 325         padding: 20px 15px 15px 15px;
 326         margin: 15px auto 30px auto;
 327         border: 1px solid #ddd;
 328         font-size:20px;
 329 }
 330
 331 /** Hack **/
 332 .clear {
 333   clear: both;
 334 }
 335
 336 #errorlog {
 337   overflow: auto;
 338   max-width: 100%;
 339   width: 100%;
 340   height: 6em;
 341   background-color: white;
 342   border: 1px solid #ccc;
 343 }
 344
 345 /** For login.html **/
 346 #login-container {
 347   margin: 0 auto;
 348   width: 400px;
 349   padding: 1.8em 0 0;
 350   color: #606060;
 351   line-height: 1.8em;
 352 }
 353
 354 #login-container form {
 355   padding: 1em 2em;
 356 }
 357
 358 #login-container input {
 359   font-size: 24px;
 360 }
 361
 362 #login-container label {
 363   font-size: 14px;
 364 }
 365
 366 #login-container input[type=submit] {
 367   font-size: inherit;
 368   padding: 0.4em 0.8em;
 369 }
 370
 371 #login-container #result {
 372   clear: both;
 373 }