added first full working version of embeddable elections

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

diff --git a/public/stylesheets/embed.css b/public/stylesheets/embed.css
new file mode 100644 (file)
index 0000000..fe0b7f2
--- /dev/null
+++ b/public/stylesheets/embed.css
@@ -0,0 +1,202 @@
+@charset "utf-8";\r
+/* CSS Document */\r
+\r
+/*****************************************************************************************\r
+ *\r
+ * "Reset Reloaded"\r
+ * Thanks to Eric Meyer\r
+ * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/\r
+ *\r
+ */\r
+\r
+html, body, div, span, applet, object, iframe,\r
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,\r
+a, abbr, acronym, address, big, cite, code,\r
+del, dfn, em, font, img, ins, kbd, q, s, samp,\r
+small, strike, strong, sub, sup, tt, var,\r
+dl, dt, dd, fieldset, form, label, legend,\r
+table, caption, tbody, tfoot, thead, tr, th, td {\r
+       margin: 0;\r
+       padding: 0;\r
+       border: 0;\r
+       outline: 0;\r
+       font-weight: inherit;\r
+       font-style: inherit;\r
+       font-size: 100%; \r
+       font-family: inherit;\r
+       vertical-align: baseline;\r
+}\r
+\r
+strong, h2, h3 {\r
+    font-weight: bold;\r
+}\r
+\r
+body {\r
+       line-height: 1;\r
+       color: black;\r
+       background: white;\r
+}\r
+\r
+/* tables still need 'cellspacing="0"' in the markup */\r
+table {\r
+       border-collapse: separate;\r
+       border-spacing: 0;\r
+}\r
+\r
+caption, th, td {\r
+       text-align: left;\r
+       font-weight: normal;\r
+}\r
+\r
+blockquote:before, blockquote:after,\r
+q:before, q:after {\r
+       content: "";\r
+}\r
+\r
+blockquote, q {\r
+       quotes: "" "";\r
+}\r
+\r
+\r
+\r
+\r
+\r
+/* GENERIC *****************************************************************************/\r
+\r
+body {\r
+       font-family: helvetica,verdana;\r
+       font-size: 11px;\r
+       color: white;\r
+}\r
+\r
+a {\r
+       color: inherit;\r
+       text-decoration: none;\r
+}\r
+\r
+.submit_vote_button {\r
+       cursor: pointer;\r
+}\r
+\r
+\r
+#header {\r
+    width: 330px;\r
+    height: 53px;\r
+       background: transparent url(/images/embed_basic_bg.png) top left no-repeat;\r
+       margin: 0px;\r
+       padding: 0px;\r
+       overflow: hidden;\r
+}\r
+\r
+#header h2 {\r
+    font-size: 25px;\r
+    margin: 12px 0px 12px 7px;\r
+    color: #FFF;\r
+    font-weight: normal;\r
+}\r
+#header_icon {\r
+    display: float;\r
+    float: right;\r
+}\r
+\r
+\r
+/* VOTING ******************************************************************************/\r
+\r
+#voting-box {\r
+       width: 330px;\r
+       height: 317px;\r
+       background: transparent url(/images/embed_voting_bg.png) top left no-repeat;\r
+       margin: 0px;\r
+       padding: 0px;\r
+       overflow: hidden;\r
+}\r
+\r
+ul {\r
+       margin: 0 0 0 40px;\r
+       padding: 0 0 0 0;\r
+       list-style: none;\r
+}\r
+\r
+.ranking {\r
+       margin: 0px;\r
+       height: 53px;\r
+    overflow: hidden !important;\r
+}\r
+\r
+.ranking img {\r
+       margin: 0 0 0 0;\r
+       padding: 0 0 0 0;\r
+       float: left;\r
+       clear: left;\r
+}\r
+\r
+.ranking-info {\r
+       margin-left: 70px;\r
+       width: 202px;\r
+       height: 23px;\r
+       padding: 11px 6px 13px 6px;\r
+       color: #666666;\r
+       line-height: 1.2em;\r
+       border: 3px solid transparent;\r
+}\r
+\r
+.ranking-info a {\r
+       font-weight: bold;\r
+       color: #666666;\r
+}\r
+\r
+#voting-bottom {\r
+       color: #464646;\r
+    position: absolute;\r
+    top: 318px;\r
+    width: 330px;\r
+}\r
+\r
+#container {\r
+       margin: 0 auto 0 auto;\r
+       width: 90%;\r
+}\r
+\r
+#voting-bottom h2, #results-bottom h2 {\r
+       padding-top: 20px;\r
+       height: 0px;\r
+       width: 119px;\r
+       overflow: hidden;\r
+       float: left;\r
+       margin-top: 16px;\r
+}\r
+\r
+#voting-bottom p, #results-bottom p {\r
+       float: left;\r
+       width: 160px;\r
+       margin-top: 12px;\r
+       margin-left: 10px;\r
+       line-height: 1.3em;\r
+}\r
+\r
+\r
+#voting-bottom h2 {\r
+       background: transparent url(/images/embed_voting_submitvote.png);\r
+}\r
+\r
+#results-bottom h2 {\r
+       background: transparent url(/images/embed_results_changevote.png);\r
+}\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r