@import url(https://fonts.googleapis.com/css?family=Lato:400,700); /*these are related to capturator (email acquisition widget)*/ /*bootstrap overrides*/ body { margin: 0; } .capturator-form a:hover { text-decoration: none; } .capturator-form a { color: #fff; } .capturator-form .title h1 { font-size: 38.5px !important; /*this is bootstrap default but is getting overwritten somehwere above ^^ */ margin: -7px 0; } .capturator-form .title h2 { font-size: 31.5px !important; /*this is bootstrap default but is getting overwritten somehwere above ^^ */ margin: -9px 0; } .capturator-form .title h3 { margin: -9px 0 !important; } .capturator-form .title h4 { margin: -2px 0 !important; } .capturator-form .title p { line-height: 20px !important; } .capturator-form .input-small { padding: 2px 6px !important; } .capturator-form .radio, .capturator-form .checkbox { min-height: 20px !important; padding-left: 20px !important; } .capturator-form label { display: block !important; margin-bottom: 5px !important; } .capturator-thankyou h2, .capturator-thankyou h3, .capturator-thankyou h4 { margin: 0; } /*non-Townhall sites don't use the Bootstrappy I generated this stuff on the Bootstrap website and only include "inputs" and "buttons" and then stripped out everything else I don't need */ .capturator-form input { margin-left: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .capturator-form input[type="text"] { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } .capturator-form input[type="text"] { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; } .capturator-form .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .capturator-form .btn-primary.active, .capturator-form .btn-warning.active, .capturator-form .btn-danger.active, .capturator-form .btn-success.active, .capturator-form .btn-info.active, .capturator-form .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .capturator-form .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0044cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .capturator-form .btn-primary:hover, .capturator-form .btn-primary:focus, .capturator-form .btn-primary:active, .capturator-form .btn-primary.active, .capturator-form .btn-primary.disabled, .capturator-form .btn-primary[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .capturator-form .btn-primary:active, .capturator-form .btn-primary.active { background-color: #003399 \9; } .capturator-form .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .capturator-form .btn-warning:hover, .capturator-form .btn-warning:focus, .capturator-form .btn-warning:active, .capturator-form .btn-warning.active, .capturator-form .btn-warning.disabled, .capturator-form .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .capturator-form .btn-warning:active, .capturator-form .btn-warning.active { background-color: #c67605 \9; } .capturator-form .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .capturator-form .btn-danger:hover, .capturator-form .btn-danger:focus, .capturator-form .btn-danger:active, .capturator-form .btn-danger.active, .capturator-form .btn-danger.disabled, .capturator-form .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .capturator-form .btn-danger:active, .capturator-form .btn-danger.active { background-color: #942a25 \9; } .capturator-form .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .capturator-form .btn-success:hover, .capturator-form .btn-success:focus, .capturator-form .btn-success:active, .capturator-form .btn-success.active, .capturator-form .btn-success.disabled, .capturator-form .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .capturator-form .btn-success:active, .capturator-form .btn-success.active { background-color: #408140 \9; } .capturator-form .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2f96b4; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .capturator-form .btn-info:hover, .capturator-form .btn-info:focus, .capturator-form .btn-info:active, .capturator-form .btn-info.active, .capturator-form .btn-info.disabled, .capturator-form .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .capturator-form .btn-info:active, .capturator-form .btn-info.active { background-color: #24748c \9; } .capturator-form .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .capturator-form .btn-inverse:hover, .capturator-form .btn-inverse:focus, .capturator-form .btn-inverse:active, .capturator-form .btn-inverse.active, .capturator-form .btn-inverse.disabled, .capturator-form .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .capturator-form .btn-inverse:active, .capturator-form .btn-inverse.active { background-color: #080808 \9; } .capturator-form .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .capturator-form input { /*-webkit-appearance: none; */ } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .capturator-poll-template { font-family: Arial, sans-serif; width: 400px; background: rgba(241,241,241,1); min-height: 260px; } .capturator-poll-template .title { background: none repeat scroll 0 0 rgba(175, 29, 34, 1); border: 1px solid #ccc; height: 36px; width: 400px; color: #fff; text-align: center; font-family: 'Lato', sans-serif; } .capturator-poll-template .title p { margin-top: 6px; font-size: 20px; } .capturator-poll-template .question { font-size: 14px; width: 310px; margin: 10px 0 0 40px; line-height: 22px; } .capturator-poll-template .answers { width: 310px; margin: 4px 0 0 20px; } .capturator-poll-template .answer { font-size: 14px; } .capturator-poll-template .email-capturator { margin: 12px 0 0 40px; } .capturator-poll-template .email-capturator .email-address-capturator { border: 1px solid #bbb; background-color: #fff; border-radius: 1px; box-shadow: 0 2px 3px #ddd inset; color: #000; font-size: 15px; height: 30px; line-height: 15px; padding-left: 7px; padding-right: 7px; width: 286px; } .capturator-poll-template .email-capturator label { font-size: 14px; font-weight: bold; line-height: 15px; } .capturator-poll-template .submit-capturator { background: none no-repeat scroll 0 0 rgba(175, 29, 34, 1); border: 1px solid #fff; border-radius: 0; color: #fff; display: block; font-size: 16px; font-weight: bold; height: 40px; line-height: 19px; text-align: center; width: 299px; z-index: 2; padding: 0; cursor: pointer; } .capturator-poll-template .submit-capturator div { margin-top: 10px; } .capturator-poll-template .capturator-disclaimer { text-align: right; margin: 2px 10px 0; font-size: 10px; padding-bottom: 6px; } .capturator-poll-template .capturator-thankyou { font-weight: bold; font-size: 20px; text-align: center; padding-top: 100px; }