-<div id="page-title">
+<div id="title-header">
<span class="header">Quickvote</span>
<span class="subheader">Create New QuickVote</span>
- <div style="clear:both;"></div>
</div>
<p><label for="quickvote_candidate_names">Choices</p>
<%= text_field 'quickvote', 'description', :size => 50 %></p>
<div id="advanced" style="display: none">
- <div class="plain-header">
- <span class="header">Advanced Options</span>
- <span class="subheader"></span>
+ <div class="normal-header">
+ <span class="header">Advanced Options</span>
+ <span class="subheader"></span>
</div>
<div class="clear-div"></div>
-<div id="page-title">
+<div id="title-header">
<span class="header">Quickvote</span>
<span class="subheader"><%=h @voter.election.description.capitalize %></span>
</div>
<% require 'whois/whois' %>
-<div id="page-title">
+<div id="title-header">
<span class="header">Quickvote</span>
<span class="subheader">Results</span>
</div>
<%= @election.voters.reject {|v| not v.voted? }.length %> (see below for details)
</blockquote>
-<div class="plain-header">
+<div class="normal-header">
<span class="header">Winner</span>
<span class="subheader">The chosen method is:
<%= @election.election_method.capitalize %></span>
:object => @results[@election.election_method] %>
</div>
-<div class="plain-header">
+<div class="normal-header">
<span class="header">Other Voting Methods</span>
<span class="subheader"></span>
</div>
-<div id="page-title">
+<div id="title-header">
<span class="header">Quickvote</span>
<span class="subheader">New QuickVote Created</span>
- <div style="clear:both;"></div>
</div>
<p>Please direct voters to:</p>
-<div id="page-title">
+<div id="title-header">
<span class="header">Quickvote</span>
<span class="subheader">Vote Recorded Successfully</span>
</div>
vertical-align: baseline;
}
+body {
+ font-size: 11px;
+ font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
+}
+
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
#footer {
font-size: 11px;
- font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 40px;
text-align: center;
}
color: #dc0d13;
}
-#page-title .header {
+#title-header {
+ background-color: #dc0d13;
+}
+
+#title-header .header {
background-color: #dc0d13;
}
-#page-title .subheader {
+#title-header .subheader {
color: #dc0d13;
background-color: #e5e5e5;
}
overflow: hidden;
}
-#page-title {
+#title-header {
margin: -20px -20px 1em -20px;
+ height: 32px;
+ margin-bottom: 14px;
+ background-color: #e5e5e5;
}
-.plain-header {
- margin: 1em -20px 1em -20px;
+.normal-header {
+ margin: 0 -20px 1em -20px;
+ height: 32px;
+ background-color: #e5e5e5;
}
.header {
- display: block;
- font-family: "trebuchet ms",trebuchet,verdana,arial,sans-serif;
- font-size: 30px;
- text-transform: uppercase;
- text-align: center;
- color: white;
- background-color: #999999;
- height: 32px;
- float: left;
- padding: 0px .75em 0px .75em;
- margin-right: 10px;
- margin-bottom: 14px;
+ display: block;
+ font-family: verdana,arial,helvetica,sans-serif;
+ font-size: 30px;
+ text-transform: uppercase;
+ text-align: center;
+ color: white;
+ background-color: #999999;
+ height: 32px;
+ float: left;
+ padding: 0px .75em 0px .75em;
}
.subheader {
- display: block;
- font-family: "trebuchet ms",trebuchet,verdana,arial,sans-serif;
- font-size: 18px;
- text-align: left;
- color: #666666;
- background-color: #CCCCCC;
- height: 26px;
- padding: 6px 1em 0px 20px;
- margin-bottom: 14px;
-}
+ float: left;
+ font-family: verdana,arial,helvetica,sans-serif;
+ font-size: 18px;
+ color: #666666;
+ background-color: #e5e5e5;
+ height: 26px;
+ padding: 6px 1em 0px 10px;
+}
#main-box {
float: right;
color: #569a00;
}
-#page-title .header {
+#title-header .header {
background-color: #74ce00;
}
-#page-title .subheader {
+#title-header .subheader {
color: #74ce00;
- background-color: #e5e5e5;
}
color: #005cd9;
}
-#page-title .header {
+#title-header {
background-color: #005cd9;
}
-#page-title .subheader {
+#title-header .header {
+ background-color: #005cd9;
+}
+
+#title-header .subheader {
color: #005cd9;
background-color: #e5e5e5;
}