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         text-align: right;
  71 }
  72 code.html {
  73         background: #ddd;
  74 }
  75
  76
  77 /************ GENERAL **************/
  78 /* HTML5 tags */
  79 header, hgroup, section, footer, aside, nav, article, figure {
  80         display: block;
  81 }
  82
  83 img {
  84         display: block;
  85 }
  86
  87 a img {
  88         border: 0;
  89 }
  90
  91 .first {
  92         padding-top: 0px;
  93         margin-top: 0px;
  94 }
  95 .last, div.last {
  96         padding-bottom: 0px;
  97         margin-bottom: 0px;
  98 }
  99
 100
 101 /************ FORMS **************/
 102 div.caption {
 103         font-weight: bold;
 104 }
 105 div.field {
 106         margin-bottom: 20px;
 107 }
 108 div.field_notes {
 109         font-size: 12px;
 110         line-height: 16px;
 111 }
 112 div.field_notes ul {
 113         padding-top: 0;
 114         padding-bottom: 0;
 115         margin-top: 0;
 116         margin-bottom: 0;
 117 }
 118 div.error {
 119         border: 2px solid red;
 120         padding: 13px;
 121         margin: 20px;
 122         background: #fdd;
 123 }
 124
 125 .form_section {
 126         border: 1px dotted black;
 127         padding: 23px 15px 15px 15px;
 128         margin: 25px 0;
 129         position: relative;
 130 }
 131 .form_section_header {
 132         position: absolute;
 133         left: 42px;
 134         top: -9px;
 135         background: white;
 136         padding: 0 6px;
 137 }
 138
 139 #cke_content {
 140         /* wysiwyg area seems to be 10px narrower than cke_content */
 141         /* Then we leave another 20px for the scrollbar */
 142         /* And another 20px for padding */
 143         width: 670px;
 144         margin-left: -11px;
 145 }