local.css

   1 body{
   2         background-color: #DDDDDD;
   3         font-family: Sans;
   4         font-size: 0.8em;
   5 }
   6
   7 .page{
   8         max-width: 960px;
   9         margin: 0 auto;
  10 }
  11
  12 .contentwrapper{
  13         overflow: auto;
  14 }
  15
  16 .column-left{
  17         float: left;
  18         width: 50%;
  19 }
  20
  21 .column-right{
  22         float: right;
  23         width: 45%;
  24 }
  25
  26 #footer{
  27         width: 960px;
  28         padding: 10px;
  29         margin: 0 auto;
  30         margin-top: 20px;
  31 }
  32
  33 @media (max-width: 960px) {
  34         .column-left { float: none; width: auto; }
  35         .column-right { float: none; width: auto; }
  36         #footer { width: auto; }
  37 }
  38
  39 .columns, #content{
  40         border-radius: 10px;
  41         background-color: white;
  42         padding: 10px;
  43 }
  44
  45
  46 /*Adjustment of textAdjustment of text */
  47 h1, h2, h3, .title{
  48         color: #C70036;
  49 }
  50
  51 .pageheader {
  52         margin: 20px auto;
  53 }
  54
  55 .pageheader .title{
  56         background-image: url('swirl_and_vienna.png');
  57         background-repeat: no-repeat;
  58         padding-left: 170px;
  59         margin-top:10px;
  60         height: 95px;
  61         display: block;
  62         font-size: 2em;
  63         padding-top: 47px;
  64 }
  65
  66 .pageheader .header{
  67         border-radius: 10px;
  68         background-color: white;
  69         padding: 10px;
  70         height: 100px;
  71 }
  72
  73 .pageheader .actions{
  74         padding: 10px;
  75         height: 30px;
  76 }
  77
  78 .pagebody{
  79         max-width: 960px;
  80 }
  81
  82 a{
  83         text-decoration: none;
  84 }
  85
  86 a:link, a:vistited {
  87         color: #1888A4;
  88         text-decoration: none;
  89 }
  90
  91 a:active, a:hover{
  92         color: #23C7F0;
  93         text-decoration: none;
  94 }