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 /** Limit max width and auto-center content **/
   9 html  {
  10   max-width: 1280px;
  11   margin: 0 auto;
  12 }
  13
  14 body {
  15   font-family: "Open Sans", "Lucida Grande","Lucida Sans",Verdana,Arial;
  16   font-size: 13px;
  17   background-color: #F5F5F5;
  18 }
  19
  20 hr {
  21   border: 0;
  22   border-bottom: 1px dashed gray;
  23 }
  24
  25 table {
  26   border: none;
  27 }
  28
  29 table.centre {
  30   margin: auto;
  31 }
  32
  33 table.status, table.status tr, table.status td {
  34     padding: 0.2em 0.75em;
  35 }
  36
  37 th {
  38   padding: inherit;
  39   border-bottom: 1px solid gray;
  40 }
  41
  42 img.centre {
  43   display: block;
  44   margin: auto;
  45 }
  46
  47 input[type="button"] {
  48   background-color: #F5F5F5;
  49   border: 1px solid #A2A2A2;
  50   border-radius: 3px;
  51   box-shadow: 1px 1px 1px #BBBBBB;
  52   transition: all 0.13s ease 0s;
  53 }
  54
  55 input[type="button"]:active {
  56   background-color: #E8E8E8;
  57 }
  58
  59 /* IE8 width bugfix */
  60 input[type="text"], input[type="password"] {
  61   width: 100%;
  62 }
  63
  64 #header {
  65   background-color: #2a2a2a;
  66   color: #f2f2f2;
  67   padding: 1.5em 2em;
  68   margin-top: -1em;
  69   margin-bottom: 1em;
  70   box-shadow: 0 0 0.5em #444444;
  71   border-radius: 4px;
  72   transition: all 0.2s ease 0s;
  73 }
  74
  75 #header #title {
  76   font-family: "Open Sans", Arial;
  77   font-size: 30px;
  78 }
  79
  80 #header #rightnav {
  81   float: right;
  82   padding-top: 0.5em;
  83 }
  84
  85 #header #menu-container {
  86   margin-right: 1.5em;
  87   font-size: 15px;
  88   display: inline-block;
  89 }
  90
  91 #header #date {
  92   padding-top: 1em;
  93   font-size: 12px;
  94 }
  95
  96 #content  {
  97   padding: 1em 2em;
  98 }
  99
 100 #sidebar{
 101   float: right;
 102   min-width: 22%;
 103 }
 104
 105 #sidebar .title {
 106   font-size: 20px;
 107   font-weight: bold;
 108 }
 109
 110 #sidebar .item {
 111   padding: 0.2em;
 112   margin-bottom: 0.5em;
 113 }
 114
 115 #main {
 116   overflow: auto;
 117   margin-right: 25%;
 118   padding-right: 2em;
 119   min-width: 400px;
 120 }
 121
 122 #main .title {
 123   font-size: 24px;
 124   font-weight: bold;
 125   margin-bottom: 0.5em;
 126 }
 127
 128 .widget {
 129   background-color: #ffffff;
 130   margin: 0.25em 0.25em 1.5em;
 131   padding: 1em 1.25em;
 132   box-shadow: 0 0 3px #CCCCCC;
 133   transition: all 0.2s ease 0s;
 134   overflow: auto;
 135 }
 136
 137 .widget:hover {
 138   box-shadow: 0 0 0.25em #AAAAAA;
 139 }
 140
 141 /** Hack **/
 142 .clear {
 143   clear: both;
 144 }