generic editable site

[wfpl-cms.git] / style.css

diff --git a/style.css b/style.css
new file mode 100644 (file)
index 0000000..d705bb7
--- /dev/null
+++ b/style.css
@@ -0,0 +1,145 @@
+body {
+       margin: 0;
+       padding: 0;
+       color: black;
+       background: white;
+       font: 14px verdana, arial, free-sans, sans-serif;
+}
+
+nav {
+       width: 154px;
+       float: left;
+       overflow: none;
+       background: #ffe;
+}
+
+nav h3 {
+       padding-left: 10px;
+}
+
+footer {
+       float: left;
+       clear: both;
+       width: 596px;
+       margin-top: 35px;
+       text-align: center;
+       font-size: 9px;
+}
+
+#body {
+       width: 596px;
+       padding: 25px 25px 15px 25px;
+       float: left;
+}
+
+#centerer {
+       margin: 10px auto 20px;
+       width: 800px;
+}
+
+#admin_links {
+       background: #ddf;
+       margin-bottom: 20px;
+}
+
+
+/************ FLOATING IMAGES **************/
+span.float_left {
+       display: block;
+       float: left;
+       font-size: 10px;
+       text-align: right;
+       padding: 4px 15px 7px 0;
+}
+span.float_right {
+       display: block;
+       float: right;
+       font-size: 10px;
+       text-align: right;
+       padding: 4px 0 7px 15px;
+}
+span.float_left img, span.float_right img {
+       display: block;
+       padding-bottom: 1px;
+}
+span.float_center img {
+       display: inline;
+}
+div.mid_pic {
+       margin: 15px auto;
+       text-align: right;
+}
+code.html {
+       background: #ddd;
+}
+
+
+/************ GENERAL **************/
+/* HTML5 tags */
+header, hgroup, section, footer, aside, nav, article, figure {
+       display: block;
+}
+
+img {
+       display: block;
+}
+
+a img {
+       border: 0;
+}
+
+.first {
+       padding-top: 0px;
+       margin-top: 0px;
+}
+.last, div.last {
+       padding-bottom: 0px;
+       margin-bottom: 0px;
+}
+
+
+/************ FORMS **************/
+div.caption {
+       font-weight: bold;
+}
+div.field {
+       margin-bottom: 20px;
+}
+div.field_notes {
+       font-size: 12px;
+       line-height: 16px;
+}
+div.field_notes ul {
+       padding-top: 0;
+       padding-bottom: 0;
+       margin-top: 0;
+       margin-bottom: 0;
+}
+div.error {
+       border: 2px solid red;
+       padding: 13px;
+       margin: 20px;
+       background: #fdd;
+}
+
+.form_section {
+       border: 1px dotted black;
+       padding: 23px 15px 15px 15px;
+       margin: 25px 0;
+       position: relative;
+}
+.form_section_header {
+       position: absolute;
+       left: 42px;
+       top: -9px;
+       background: white;
+       padding: 0 6px;
+}
+
+#cke_content {
+       /* wysiwyg area seems to be 10px narrower than cke_content */
+       /* Then we leave another 20px for the scrollbar */
+       /* And another 20px for padding */
+       width: 670px;
+       margin-left: -11px;
+}