First major stab at the integration of Courtland's CSS into

[selectricity-live] / public / stylesheets / front.css

diff --git a/public/stylesheets/front.css b/public/stylesheets/front.css
new file mode 100644 (file)
index 0000000..af714b8
--- /dev/null
+++ b/public/stylesheets/front.css
@@ -0,0 +1,121 @@
+@charset "UTF-8";
+/* CSS Document */
+
+/****************************************************************
+   Selectricity || selectricity.org
+   Design by Courtland Allen
+*****************************************************************/
+
+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;
+       font-size: 100%; 
+       font-family: inherit;
+       vertical-align: baseline;
+}
+
+body {
+       line-height: 1;
+       color: black;
+       background: #ffffff url(/images/bg_index.png) repeat-x top center;
+}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+       border-collapse: separate;
+}
+
+caption, th, td {
+       text-align: left;
+       font-weight: normal;
+}
+
+#page-wrapper {
+       width: 960px;
+       margin: 0 auto 0 auto;
+       text-align: center;
+}
+
+
+/* Header */
+#header h1 {
+       background: url(/images/title.png) center top no-repeat;
+       overflow: hidden;
+       padding-top: 189px;
+       height: 0px;
+       margin-top: 10px;
+}
+
+
+/* Body */
+
+#body {
+       margin-top: 9px;
+       height: 609px;
+}
+
+h2 {
+    margin-top: 0.3em;
+       font-size: 24px;
+}
+
+h3 {
+    margin-top: 1em;
+       font-size: 16px;
+}
+
+.main-section {
+       float: left;
+       padding-left: 120px;
+       padding-right: 15px;
+}
+
+.main-section p {
+       font-size: 12px;
+       overflow: hidden;
+       line-height: 2em;
+    margin-bottom: 1em;
+}
+
+#voters {
+       padding-top: 50px;
+       height: 559px;
+       width: 185px;
+       background: url(/images/bg_voters.png) top left no-repeat;
+}
+
+#voters-content {
+       height: 516px;
+}
+
+#control-room {
+       padding-top: 139px;
+       height: 470px;
+       width: 185px;
+       background: url(/images/bg_controlroom.png) top left no-repeat;
+       
+}
+
+#control-room-content {
+       height: 428px;
+}
+
+#quickvotes {
+       padding-top: 80px;
+       height: 529px;
+       width: 185px;
+       background: url(/images/bg_quickvotes.png) top left no-repeat;
+}
+
+#quickvotes-content {
+       height: 486px;
+}
+