Saturday - September 23, 2017
For calls to Democrats Abroad China members who vote in Virginia, script and call sheets below.
SCRIPT -
CALL SHEETS -
<style> * { box-sizing: border-box; }
body { font-family: sans-serif; font-size: 50%; margin: 2em 0 0 0; padding: 0; overflow:hidden; }
h1, h2, h3, h4 { margin: 0; padding: 0px; text-transform: capitalize; }
.subtle { font-style: italic; color: #bbb; }
dt { float: left; }
table#legend { background-color:#F6F6F6; box-sizing:border-box; clear: both; margin-top:10px; padding:10px; width: 100%; }
.individuals { border-collapse: collapse; border-bottom: 1px solid black; }
.individual > td { border-top: 1px solid black; }
.individual.household-member > td { border-top: 1px solid #e8e8e8; }
.individual td { vertical-align: top; padding: 5px 2px; font-size: 9px; line-height: 10px; }
.individual td h3 { font-size: .9em; text-transform: uppercase; }
.width-5 { width: 5%; } .width-10 { width: 10%; } .width-15 { width: 15%; } .width-20 { width: 20%; } .width-25 { width: 25%; } .width-30 { width: 30%; } .width-35 { width: 35%; } .width-40 { width: 40%; } .width-45 { width: 45%; } .width-50 { width: 50%; } .width-55 { width: 55%; } .width-60 { width: 60%; } .width-65 { width: 65%; } .width-70 { width: 70%; } .width-75 { width: 75%; } .width-80 { width: 80%; } .width-85 { width: 85%; } .width-90 { width: 90%; } .width-95 { width: 95%; } .width-100 { width: 100%; }
small { display: block; }
.logo { float: left; width: 60px; margin-right: 50px; }
.fill-in-the-blank { padding-bottom: .25em; border-bottom: 1px solid black; font-weight: bold; font-style: italic; color: #AAA; }
.meta { margin-top: 5px; }
.meta > div { height: 30px; padding: 3px; }
.meta h3 { font-size: 8px; text-transform: uppercase; font-style: italic; font-weight: bold; }
.date { border-left: 1px solid black; }
.date, .start-time { float: left; border-top: 1px solid black; border-right: 1px solid black; }
.canvasser-name { float: right; border-right: 1px solid black; border-top: 1px solid black; border-left: 1px solid black; }
.blank-field, .checkbox-field { position: relative; margin-bottom: 6px; padding-left: 15px; }
.blank-field:last-child, .checkbox-field:last-child { margin: 0; }
.blank, .checkbox { position: absolute; top: 50%; left: 0; margin-top: -5px; text-align: center; }
.blank { width: 12px; height: 11px; padding-bottom: 2px; border-top: 1px solid transparent; border-bottom: 1px solid black; font-size: 7px; line-height: 9px; }
.checkbox { width: 10px; height: 10px; border: 1px solid black; font-size: 7px; line-height: 9px; }
.name h3 { margin-bottom: 0; }
.name p { margin: 0 0 10px; }
.name small { color: #AAA; }
.support { text-align: center; }
.support p { margin: 0; }
.support-o-meter { display: inline-block; }
.support-level { display: inline-block; width: 12px; height: 12px; border: 1px solid black; font-size: 8px; line-height: 10px; color: #AAA; }
.current { background-color: black; color: white; }
.id { float: right; padding-right: 1.5em; }
.address h4, .contact h4, .name h4 { display: inline-block; font-weight: bold; font-style: italic; color: #AAA; }
.policy td { padding-top: 0; padding-left: 0; padding-bottom: 0; }
.policy td:last-child { padding-left: 3px; padding-right: 0; }
.policy .comma:last-child { display: none; }
.issues { font-size: .8em; }
.black-bg { background-color: black; color: white; }
.new { font-style: italic; }
.legend { font-size: 65%; }
.legend small { font-size: 33.33%; font-style: italic; font-weight: normal; }
.vote-date { text-align: center; font-size: 200%; font-weight: bold; }
.note { font-style:italic; color:#666; font-weight:lighter; width:150px; } .cover-page { font-size:20px; text-align:center; }
ol.streets { color:#333; display:inline-block; float:left; font-size:12px; list-style-position: inside; margin:0 5% 0 0; padding:0; text-transform:capitalize; }
ol.streets li { background-color:#333; color:#FFF; margin-top:0; margin-bottom:3px; padding:3px; page-break-inside:avoid; text-align:left; }
.street-label { display:inline-block; margin-top:30px; border-top:1px solid #666; border-bottom:1px solid #CCC; text-transform:capitalize; }
.sheet { margin-top: 30px; }
.listings .street h1, .listings .street h2, { text-align: left !important; margin-left:10px !important; }
.listings { box-sizing:border-box; display:block; }
.listings:first-child { margin-top: 0; }
#map { float:right; width:70%; } table { font-size:10px; }
table.listing { width:100%; font-size:10px; border-collapse:collapse; }
table.listing:nth-child(odd) { background-color:#F6F6F6; }
table.listing ul { padding-left:0; list-style-type:circle; }
table.listing ul li { display:inline-block; list-style:none; vertical-align:top; }
table.listing > tbody tr td { vertical-align:top; padding:1%; border-top:2px solid #666; }
table.listing.same-address > tbody tr td { border-top-style:dashed; }
table.listing:first-child > tbody tr td { border-top:none; }
table.listing .address { margin:10px 0 0; font-style:italic; text-transform:capitalize; }
table.listing .blocks { margin-bottom:10px; }
table.fill-in-fields { width:100%; }
table.fill-in-fields td { padding-bottom:10px; vertical-align:middle; border-top:none !important; }
table.fill-in-fields td:nth-child(even) { border-bottom:1px solid #333; width:4cm; }
.data-box { display:inline-block; margin-right:3px; padding:1px 3px; color:#FFF; background-color:#666; }
.data-box .value { font-weight:bold; }
.line-break { height:1px; background-color:#CCC; margin:5px 0; }
.dont-break { page-break-inside:avoid; }
.dont-break-after { page-break-after:avoid; }
.break-after { page-break-after:always; }
.break-if-needed { page-break-after:auto; }
.inline-block { display: inline-block; }
.align-bottom { vertical-align: bottom; }
.clearfix:before,.clearfix:after { content: " "; /* 1 */ display: table; /* 2 */}
.clearfix:after { clear: both;}
/** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */.clearfix { *zoom: 1;}
</style>
<html><head></head><body>
{% assign previous_address = false %} {% assign household_member = false %} <div class="listings"> {% for sheet in sheets %} <div class="sheet dont-break {% if theme.each_group_own_page %}{% unless forloop.last %}break-after{% endunless %}{% endif %}"> <div class="dont-break-after clearfix"> <h2>{{sheet.key}}</h2> </div> <div class="meta group"> <div class="date width-15"> <h3>Date</h3> </div> <div class="start-time width-15"> <h3>Start time</h3> </div> <div class="canvasser-name width-25"> <h3>Volunteer first/last name</h3> </div> </div> <table class="dont-break width-100 individuals"> {% for signup in sheet.signups %}
{% assign this_address = signup.address %}
{% if this_address.address1 == previous_address.address1 and this_address.address2 == previous_address.address2 %} {% assign household_member = true %} {% endif %}
<tr class="individual{% if household_member %} household-member{% endif %} dont-break">
<td class="name width-30"> {{ signup.last_name | upcase }}, {{ signup.first_name }} <span class="id">ID: {{ signup.id }} <br />{{ signup.address.city }}</span> <div class="contact-field"> <h4>E:</h4> {{ signup.email }} </div> <div class="contact-field"> <h4>P:</h4> {{ signup.phone_number }} </div> <div class="contact-field"> <h4>M:</h4> {{ signup.mobile_number }} </div> </td>
<td class="policy width-15"> <h3>Called?</h3> <div class="issues"> <div class="checkbox-field"> <span class="checkbox"></span> <span class="text">Talked to Voter</span> </div> <div class="checkbox-field"> <span class="checkbox"></span> <span class="text">No Answer</span> </div> <div class="checkbox-field"> <span class="checkbox"></span> <span class="text">Wrong Number / Disconnected</span> </div> </div> </td> <td class="policy width-15"> <div class="issues"> <div class="checkbox-field"> <span class="checkbox"></span> <span class="text">Do Not Call</span> </div> <div class="checkbox-field"> <span class="checkbox"></span> <span class="text">Votes in Other State:. New state:_____</span> </div> <div class="checkbox-field"> <span class="checkbox"></span> <span class="text">Not in China. New location:_____</span> </div> </div> </td> <td class="support-1 width-15"> <div class="support"> <h3>Will Vote?</h3> <div class="support-o-meter"> <div class="support-level{% if signup.support_level == 1 %} current{% endif %}"> 1 </div> <div class="support-level{% if signup.support_level == 2 %} current{% endif %}"> 2 </div> <div class="support-level{% if signup.support_level == 3 %} current{% endif %}"> 3 </div> <div class="support-level{% if signup.support_level == 4 %} current{% endif %}"> 4 </div> <div class="support-level{% if signup.support_level == 5 %} current{% endif %}"> 5 </div> </div> <p> <small>(1 YES - 3 MAYBE - 5 NO)</small> </p> </div> </td>
<td class="signup width-15"> <h3>Voting Plan</h3> <div class="checkbox-field"> <span class="checkbox"></span> <span class="text">Registered to Vote</span> </div> <div class="checkbox-field"> <span class="checkbox"></span> <span class="text">Requested Ballot</span> </div> <div class="checkbox-field"> <span class="checkbox"></span> <span class="text">Needs Followup?</span> </div> </td>
<td class="notes width-20"> <h3 class="subtle">Notes</h3> </td> </tr>
{% assign previous_address = this_address %} {% assign household_member = false %}
{% endfor %} </table> </div> {% endfor %} </div></body></html>