first working version

[yourule] / static / style.css

diff --git a/static/style.css b/static/style.css
new file mode 100644 (file)
index 0000000..b589157
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,137 @@
+@charset "UTF-8";
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-weight: inherit;
+  font-style: inherit;
+  font-family: inherit;
+  vertical-align: baseline;
+}
+
+body {
+  font: Arial, Helvetica, sans-serif;
+}
+
+label {
+  font-weight: bold;
+}
+
+em {
+  font-style: italic;
+}
+
+#wrapper {
+  padding: 1em 0 0 0;
+  margin: 0 auto 0 auto;
+  width: 885px;
+}
+
+#header {
+  width: 885px;
+  height: 138px;
+  background: url(/static/images/yourule_banner.png);
+}
+
+#header h1, #header h2 {
+  display: none;
+}
+
+.mainbox {
+  margin-top: 1em;
+  background: url(/static/images/tl.png) no-repeat top left;
+}
+
+.mainbox_top {
+  background: url(/static/images/tr.png) no-repeat top right;
+}
+
+.mainbox_bottom {
+  background: url(/static/images/bl.png) no-repeat bottom left;
+}
+
+.mainbox_bottom div {
+  background: url(/static/images/br.png) no-repeat bottom right;
+}
+
+.mainbox_content {
+  background: url(/static/images/r.png) top right repeat-y;
+}
+
+
+.mainbox_top div, .mainbox_top, .mainbox_bottom div, .mainbox_bottom {
+  width: 100%;
+  height: 30px;
+  font-size: 1px;
+}
+
+.mainbox_content, .mainbox_bottom {
+  margin-top: -19px;
+}
+
+.mainbox_content {
+  padding: 0em 3em 2em 3em;
+  line-height: 1.5em;
+}
+
+.mainbox_content h2 {
+ border-bottom: 3px #1e3d7b solid;
+ margin: 19px 0 0.8em 0;
+ font-weight: bold;
+}
+
+.mainbox_content p {
+  margin-bottom: 0.5em;
+}
+
+#gallery {
+  border: 1px solid #1e3d7b;
+  width: 100%;
+  border-collapse: collapse;
+}
+
+#gallery th {
+  background: #1e3d7b;
+  color: white;
+}
+
+#gallery td {
+  text-align: center;
+}
+
+#menu {
+  text-align: right;
+  margin: 0.5em;
+}
+
+#rulerimg {
+  margin: 0.5em;
+}
+
+.errormsg {
+  background-color: #f7fb70;
+  color: #4c4c4c;
+  text-align: center;
+  border: 1px #fdff00 solid;
+  width: 20em;
+  margin: 1em;
+}
+
+strong {
+  font-weight: bold;
+}
+
+#footer {
+  margin-top: 3em;
+  font-size: 0.8em;
+  text-align: center;
+}