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 }
   7
   8 body {
   9   font-family: "Open Sans", "Lucida Grande","Lucida Sans",Verdana,Arial;
  10   font-size: 13px;
  11   background-color: #F5F5F5;
  12   margin: 0;
  13   padding: 0;
  14 }
  15
  16 hr {
  17   border: 0;
  18   border-bottom: 1px solid gray;
  19 }
  20
  21 form.controls {
  22   background-color: #F9F9F9;
  23   border: 1px solid #808080;
  24   padding: 1em;
  25   margin: 1em auto;
  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 {
  51   text-align: center;
  52   margin: auto;
  53 }
  54
  55 .bold {
  56   font-weight: bold;
  57 }
  58
  59 table {
  60   border: none;
  61 }
  62
  63 table.centre {
  64   margin: auto;
  65   text-align: center;
  66 }
  67
  68 table.status, table.status tr, table.status td {
  69     padding: 0.2em 0.75em;
  70 }
  71
  72 td {
  73   padding: 0 0.5em;
  74 }
  75
  76 th {
  77   padding: inherit;
  78   border-bottom: 1px solid gray;
  79 }
  80
  81 img.centre {
  82   display: block;
  83   margin: auto;
  84 }
  85
  86 input[type="button"], input[type="submit"] {
  87   background-color: #F5F5F5;
  88   border: 1px solid #A2A2A2;
  89   border-radius: 3px;
  90   box-shadow: 1px 1px 1px #BBBBBB;
  91   transition: all 0.13s ease 0s;
  92   padding: 0 0.5em;
  93   min-width: 55px;
  94   margin: 0.4em 0.1em;
  95 }
  96
  97 input[type="button"]:active, input[type="submit"]:active {
  98   background-color: #E8E8E8;
  99 }
 100
 101
 102 input[type="text"], input[type="password"] {
 103   width: 100%; /* IE8 width bugfix */
 104   border-radius: 3px;
 105   border: 1px solid #CCCCCC;
 106   font-size: 16px;
 107 }
 108
 109 input[type="text"]:focus, input[type="password"]:focus {
 110   box-shadow: 0 0 2px #BBBBBB;
 111 }
 112
 113 #header-wrap {
 114   background-color: #2a2a2a;
 115   border-top: 0.3em solid #1188DD;
 116   color: #f2f2f2;
 117   margin-bottom: 1em;
 118   box-shadow: 0 0 0.5em #444444;
 119   transition: all 0.2s ease 0s;
 120 }
 121
 122 #header {
 123   padding: 1.5em 2em;
 124   max-width: 1280px;
 125   margin: 0 auto;
 126 }
 127
 128 #header input[type="button"], #header input[type="submit"] {
 129   background-color: #808080;
 130   border: 1px solid #808080;
 131   box-shadow: none;
 132   color: #f2f2f2;
 133   cursor: pointer;
 134 }
 135
 136 #header input[type="button"]:hover, #header input[type="submit"]:hover {
 137   background-color: #606060;
 138   border: 1px solid #606060;
 139 }
 140
 141 #header #leftnav {
 142   float: left;
 143   display: table;
 144 }
 145
 146 #header #leftnav > div, #header #leftnav > span {
 147   display: table-cell;
 148   vertical-align: middle;
 149   padding-left: 1em;
 150 }
 151
 152 #header #leftnav a {
 153   color: #2a2a2a;
 154 }
 155
 156 #title {
 157   font-size: 30px;
 158 }
 159
 160 #header #rightnav {
 161   float: right;
 162   font-size: 15px;
 163   padding-top: 0.5em;
 164   text-align: right;
 165 }
 166
 167 #header #rightnav span {
 168   margin-left: 1em;
 169 }
 170
 171 #header #menu-container {
 172   margin-right: 1.5em;
 173   font-size: 15px;
 174   display: inline-block;
 175 }
 176
 177 #header #logout-container {
 178   /* Hide until activated by JavaScript */
 179   display: none;
 180 }
 181
 182 #header #date {
 183   font-size: 12px;
 184 }
 185
 186 #content-wrap {
 187   padding: 1em 2em;
 188   max-width: 1280px;
 189   margin: 1em auto;
 190 }
 191
 192 #content  {
 193
 194   /*display: none;  Enable in non-debug mode*/
 195 }
 196
 197 #sidebar{
 198   float: left;
 199   max-width: 26%;
 200 }
 201
 202 #sidebar .title {
 203   font-size: 20px;
 204 }
 205
 206 .justify {
 207   text-align: justify;
 208 }
 209
 210 #main {
 211   overflow: auto;
 212   padding-left: 2em;
 213   min-width: 400px;
 214 }
 215
 216 #main .sub-title {
 217   font-size: 18px;
 218   font-weight: bold;
 219   margin-bottom: 0.25em;
 220 }
 221
 222 .title {
 223   font-size: 24px;
 224   font-weight: bold;
 225   margin-bottom: 0.5em;
 226 }
 227
 228 .graph {
 229   width: 100%;
 230   height: 200px;
 231 }
 232
 233 .widget {
 234   background-color: #ffffff;
 235   margin: 0.25em 0.25em 1.5em;
 236   padding: 1em 1.25em;
 237   box-shadow: 0 0 3px #CCCCCC;
 238   border: 1px solid #CCCCCC;
 239   transition: all 0.2s ease 0s;
 240   overflow: auto;
 241 }
 242
 243 .widget:hover {
 244   box-shadow: 0 0 0.25em #AAAAAA;
 245 }
 246
 247 .plot {
 248         box-sizing: border-box;
 249         width: 850px;
 250         height: 450px;
 251         padding: 20px 15px 15px 15px;
 252         margin: 15px auto 30px auto;
 253         border: 1px solid #ddd;
 254         background: #fff;
 255         background: linear-gradient(#f6f6f6 0, #fff 50px);
 256         background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
 257         background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
 258         background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
 259         background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
 260         box-shadow: 0 3px 10px rgba(0,0,0,0.15);
 261         -o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
 262         -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
 263         -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
 264         -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
 265         font-size:20px;
 266 }
 267
 268 /** Hack **/
 269 .clear {
 270   clear: both;
 271 }
 272
 273 #errorlog {
 274   overflow: auto;
 275   max-width: 100%;
 276   width: 100%;
 277   height: 6em;
 278 }
 279
 280 /** For login.html **/
 281 #login-container {
 282   margin: 0 auto;
 283   width: 400px;
 284   padding: 1.8em 0 0;
 285   color: #606060;
 286   line-height: 1.8em;
 287 }
 288
 289 #login-container form {
 290   padding: 1em 2em;
 291 }
 292
 293 #login-container input {
 294   font-size: 24px;
 295 }
 296
 297 #login-container label {
 298   font-size: 14px;
 299 }
 300
 301 #login-container input[type=submit] {
 302   font-size: inherit;
 303   padding: 0.4em 0.8em;
 304 }
 305
 306 #login-container #result {
 307   clear: both;
 308 }