style.css

   1 body {
   2         margin: 0;
   3         padding: 0;
   4         color: black;
   5         background: white;
   6         font: 14px verdana, arial, free-sans, sans-serif;
   7 }
   8
   9 nav {
  10         width: 154px;
  11         float: left;
  12         overflow: none;
  13         background: #ffe;
  14 }
  15
  16 nav h3 {
  17         padding-left: 10px;
  18 }
  19
  20 footer {
  21         float: left;
  22         clear: both;
  23         width: 596px;
  24         margin-top: 35px;
  25         text-align: center;
  26         font-size: 9px;
  27 }
  28
  29 #body {
  30         width: 596px;
  31         padding: 25px 25px 15px 25px;
  32         float: left;
  33 }
  34
  35 #centerer {
  36         margin: 10px auto 20px;
  37         width: 800px;
  38 }
  39
  40 #admin_links {
  41         background: #ddf;
  42         margin-bottom: 20px;
  43 }
  44
  45
  46 /************ FLOATING IMAGES **************/
  47 span.float_left {
  48         display: block;
  49         float: left;
  50         font-size: 10px;
  51         text-align: right;
  52         padding: 4px 15px 7px 0;
  53 }
  54 span.float_right {
  55         display: block;
  56         float: right;
  57         font-size: 10px;
  58         text-align: right;
  59         padding: 4px 0 7px 15px;
  60 }
  61 span.float_left img, span.float_right img {
  62         display: block;
  63         padding-bottom: 1px;
  64 }
  65 span.float_center img {
  66         display: inline;
  67 }
  68 div.mid_pic {
  69         margin: 15px auto;
  70         font-size: 10px;
  71         text-align: right;
  72 }
  73
  74 /************ GENERAL **************/
  75 /* HTML5 tags */
  76 header, hgroup, section, footer, aside, nav, article, figure {
  77         display: block;
  78 }
  79
  80 img {
  81         display: block;
  82 }
  83
  84 a img {
  85         border: 0;
  86 }
  87
  88 code.html {
  89         background: #ddd;
  90 }
  91
  92 .first {
  93         padding-top: 0px;
  94         margin-top: 0px;
  95 }
  96 .last, div.last {
  97         padding-bottom: 0px;
  98         margin-bottom: 0px;
  99 }
 100
 101
 102 /************ FORMS **************/
 103 div.caption {
 104         font-weight: bold;
 105 }
 106 div.field {
 107         margin-bottom: 20px;
 108 }
 109 div.field_notes {
 110         font-size: 12px;
 111         line-height: 16px;
 112 }
 113 div.field_notes ul {
 114         padding-top: 0;
 115         padding-bottom: 0;
 116         margin-top: 0;
 117         margin-bottom: 0;
 118 }
 119 div.error {
 120         border: 2px solid red;
 121         padding: 13px;
 122         margin: 20px;
 123         background: #fdd;
 124 }
 125
 126 .form_section {
 127         border: 1px dotted black;
 128         padding: 23px 15px 15px 15px;
 129         margin: 25px 0;
 130         position: relative;
 131 }
 132 .form_section_header {
 133         position: absolute;
 134         left: 42px;
 135         top: -9px;
 136         background: white;
 137         padding: 0 6px;
 138 }
 139
 140 #cke_content {
 141         /* wysiwyg area seems to be 10px narrower than cke_content */
 142         /* Then we leave another 20px for the scrollbar */
 143         /* And another 20px for padding */
 144         width: 670px;
 145         margin-left: -11px;
 146 }