projects.mako.cc - yourule/blob - static/style.css

   1 @charset "UTF-8";
   2
   3 html, body, div, span, applet, object, iframe,
   4 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   5 a, abbr, acronym, address, big, cite, code,
   6 del, dfn, em, font, img, ins, kbd, q, s, samp,
   7 small, strike, strong, sub, sup, tt, var,
   8 dl, dt, dd,
   9 fieldset, form, label, legend,
  10 table, caption, tbody, tfoot, thead, tr, th, td {
  11   margin: 0;
  12   padding: 0;
  13   border: 0;
  14   outline: 0;
  15   font-weight: inherit;
  16   font-style: inherit;
  17   font-family: inherit;
  18   vertical-align: baseline;
  19 }
  20
  21 body {
  22   font: Arial, Helvetica, sans-serif;
  23 }
  24
  25 label {
  26   font-weight: bold;
  27 }
  28
  29 em {
  30   font-style: italic;
  31 }
  32
  33 #wrapper {
  34   padding: 1em 0 0 0;
  35   margin: 0 auto 0 auto;
  36   width: 885px;
  37 }
  38
  39 #header {
  40   width: 885px;
  41   height: 138px;
  42   background: url(/static/images/yourule_banner.png);
  43 }
  44
  45 #header h1, #header h2 {
  46   display: none;
  47 }
  48
  49 .mainbox {
  50   margin-top: 1em;
  51   background: url(/static/images/tl.png) no-repeat top left;
  52 }
  53
  54 .mainbox_top {
  55   background: url(/static/images/tr.png) no-repeat top right;
  56 }
  57
  58 .mainbox_bottom {
  59   background: url(/static/images/bl.png) no-repeat bottom left;
  60 }
  61
  62 .mainbox_bottom div {
  63   background: url(/static/images/br.png) no-repeat bottom right;
  64 }
  65
  66 .mainbox_content {
  67   background: url(/static/images/r.png) top right repeat-y;
  68 }
  69
  70
  71 .mainbox_top div, .mainbox_top, .mainbox_bottom div, .mainbox_bottom {
  72   width: 100%;
  73   height: 30px;
  74   font-size: 1px;
  75 }
  76
  77 .mainbox_content, .mainbox_bottom {
  78   margin-top: -19px;
  79 }
  80
  81 .mainbox_content {
  82   padding: 0em 3em 2em 3em;
  83   line-height: 1.5em;
  84 }
  85
  86 .mainbox_content h2 {
  87  border-bottom: 3px #1e3d7b solid;
  88  margin: 19px 0 0.8em 0;
  89  font-weight: bold;
  90 }
  91
  92 .mainbox_content p {
  93   margin-bottom: 0.5em;
  94 }
  95
  96 #gallery {
  97   border: 1px solid #1e3d7b;
  98   width: 100%;
  99   border-collapse: collapse;
 100 }
 101
 102 #gallery th {
 103   background: #1e3d7b;
 104   color: white;
 105 }
 106
 107 #gallery td {
 108   text-align: center;
 109 }
 110
 111 #menu {
 112   text-align: right;
 113   margin: 0.5em;
 114 }
 115
 116 #rulerimg {
 117   margin: 0.5em;
 118 }
 119
 120 .errormsg {
 121   background-color: #f7fb70;
 122   color: #4c4c4c;
 123   text-align: center;
 124   border: 1px #fdff00 solid;
 125   width: 20em;
 126   margin: 1em;
 127 }
 128
 129 strong {
 130   font-weight: bold;
 131 }
 132
 133 #footer {
 134   margin-top: 3em;
 135   font-size: 0.8em;
 136   text-align: center;
 137 }