rule-41/css/call-email-tool.css (dbccd8d01) - tor-webwml.git

call-email-tool.css

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:'brandon_grotesque';src:url("../fonts/brandongrotesque-regular-webfont.eot");src:url("../fonts/brandongrotesque-regular-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/brandongrotesque-regular-webfont.woff") format("woff"),url("../fonts/brandongrotesque-regular-webfont.ttf") format("truetype"),url("../fonts/brandongrotesque-regular-webfont.svg#brandon_grotesque_regularRg") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'brandon_grotesque';src:url("../fonts/brandongrotesque-mediumitalic-webfont.eot");src:url("../fonts/brandongrotesque-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/brandongrotesque-mediumitalic-webfont.woff") format("woff"),url("../fonts/brandongrotesque-mediumitalic-webfont.ttf") format("truetype"),url("../fonts/brandongrotesque-mediumitalic-webfont.svg#brandon_grotesqueMdIt") format("svg");font-weight:500;font-style:italic}@font-face{font-family:'brandon_grotesque';src:url("../fonts/brandongrotesque-blackitalic-webfont.eot");src:url("../fonts/brandongrotesque-blackitalic-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/brandongrotesque-blackitalic-webfont.woff") format("woff"),url("../fonts/brandongrotesque-blackitalic-webfont.ttf") format("truetype"),url("../fonts/brandongrotesque-blackitalic-webfont.svg#brandon_grotesqueblack_italic") format("svg");font-weight:700;font-style:italic}@font-face{font-family:'brandon_grotesque';src:url("../fonts/brandongrotesque-black-webfont.eot");src:url("../fonts/brandongrotesque-black-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/brandongrotesque-black-webfont.woff") format("woff"),url("../fonts/brandongrotesque-black-webfont.ttf") format("truetype"),url("../fonts/brandongrotesque-black-webfont.svg#brandon_grotesqueblack") format("svg");font-weight:700;font-style:normal}body{width:100%;*zoom:1;background:#FAFAFA;line-height:1.5em;font-family:'brandon_grotesque', Helvetica, Arial, sans-serif;color:#666;padding-bottom:0}body:before,body:after{content:"";display:table}body:after{clear:both}a{color:#f2c45a;text-decoration:none}a:hover{text-decoration:underline}header{background:#000;width:100%;line-height:0;padding:1em 0}header h1{margin:0;max-width:748px;margin:0 auto;padding:0 2em;font-size:1em}header h1 span{font-size:0em}header img{height:auto;width:100%;margin:0 auto;display:block}form,section{max-width:768px;margin:0 auto;padding:1em 2em}form{padding-top:0}form h2{text-transform:uppercase;font-weight:bold;letter-spacing:0.1em;font-style:italic;padding-top:1em;border-top:1px solid #EEE;color:#333;font-size:1.2em;margin-bottom:0.5em}form fieldset{display:block;display:inline;float:left;width:47.91667%;margin:0 1.04167%;border:none;padding:0;padding-bottom:1em}form fieldset label{padding-top:2em}form input{border:1px solid #AAA;padding:0.5em 2.5%;line-height:1em;width:95%;font-size:0.9em}label,h3{text-transform:uppercase;font-weight:bold;display:block;padding:0.5em 0;padding-top:1em;font-size:0.9em;line-height:1em;color:#555;font-style:italic;letter-spacing:0.1em}.popover-content{padding:9px 14px}.popover{text-align:left;white-space:normal}.popover.top{margin-top:-10px}.fade.in{opacity:1}span.popovertext{cursor:hand;cursor:pointer;color:#F2C45A}.popover{text-align:left;white-space:normal}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.popover.top .arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover .arrow{border-width:11px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}a:hover{text-decoration:none}div#content{display:inline;float:left;width:56.25%;margin:0 1.04167%}div#content p{font-weight:bold;text-transform:uppercase;font-size:0.9em;line-height:1em}div#content textarea{-moz-box-shadow:inset 0 1px 2px #000;border:1px solid #AAA;background:#FFF;padding:2.5%;height:500px;display:block;width:95%}div#content input#email-checkbox{width:auto;padding:0;display:inline;margin-right:0.5em;margin-top:1em}div#content label{display:inline;text-transform:none;font-weight:normal;letter-spacing:normal;font-size:1.1em;font-style:normal}div#content input.cta-button{padding:0.5em 0}div#content #read-more{text-align:center;font-size:1.25em;font-style:italic;display:block;padding-top:0;padding-bottom:0.75em;margin-bottom:1em;text-align:center;border-bottom:1px solid #EEE}.cta-button,input.cta-button{font-weight:bold;display:block;background:#f2c45a;color:#333;padding:0.75em 0;letter-spacing:0.1em;font-size:1.25em;display:block;font-style:italic;text-align:center;text-decoration:none;text-transform:uppercase;line-height:1em;margin:1em 0;width:100%;border:none;border-bottom:2px solid #EEE}.cta-button:hover,input.cta-button:hover{background:#333;color:#f2c45a}.cta-button:active,input.cta-button:active{background:#111;color:#eeb32b}aside{display:inline;float:left;width:39.58333%;margin:0 1.04167%}aside h3{padding-bottom:0.5em;padding-top:0;margin-bottom:1.5em;display:inline-block;border-bottom:2px solid #EEE}aside p{margin-top:0}aside ol{display:block;background:#FFF;padding:0.5em 1.5em;padding-bottom:1.5em;list-style-type:none;border-bottom:3px solid #EEE}aside ol li{margin-bottom:1.5em}aside ol li:last-child{padding:0;margin:0;border:0}aside ol li h4{margin:0;color:#333}footer{background:#000;width:100%;padding:1em 0;clear:both}footer div{max-width:768px;padding:0 2em;margin:0 auto;*zoom:1}footer div:before,footer div:after{content:"";display:table}footer div:after{clear:both}footer div p{float:left;width:51%;margin:0;font-size:0.85em;color:#FFF;line-height:1.2em}footer div i{float:right;display:inline-block;vertical-align:middle}.call div#content{text-align:center;max-width:600px;width:auto;margin:0 auto;float:none;display:block}.call div#content aside{width:auto;display:block;float:none;text-align:left;margin-top:2em;font-size:1.1em}.call div#content aside p{font-style:normal}.call div#content aside p:last-child{margin-bottom:0}.call div#content h2{font-weight:normal;line-height:1.25em;font-size:1.25em}.call div#content img{margin-top:1em}.call div#content a.cta-button{padding-left:0;padding-right:0;width:98%;margin:0 auto}.call div#content p{line-height:1.5em;text-transform:none;font-weight:normal;font-style:italic;font-size:1.05em;color:#777}.call div#content p a{white-space:nowrap;text-shadow:0 1px 3px #FFF}.call div#content ul#bill-details{text-align:left;padding:0 1em;list-style-type:none}.call div#content ul#bill-details li{margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid #DDD}.call div#content ul#bill-details.invisible{display:none}.call footer a{opacity:0.6;transition:all 0.2s ease-in-out}.call footer a.tdwfb{opacity:1}.call footer a img{height:auto;vertical-align:middle;width:171px}.call footer a img.twilio-privacy{width:114px}.call footer a:hover{opacity:0.9}.thank-you{background:#000;color:#EEE;text-align:center;font-size:0.95em;line-height:1.5em;padding-bottom:1em}.thank-you header{padding-bottom:0}.thank-you header h1{padding:2em;padding-bottom:0;max-width:400px}.thank-you form{padding:0 2em;max-width:400px}.thank-you input{margin:0;width:92%;padding:1em 4%;border:none;line-height:normal;color:#333}.thank-you input#submit{padding:0.8em 0;width:100%;border:none;margin-top:0.15em;margin-bottom:1em;font-size:1em;box-shadow:none}.thank-you section{max-width:600px;padding-top:0}.thank-you section p{font-size:1.2em}.thank-you section p span{display:block}.thank-you section .twilio-container{font-size:0.8em}.thank-you section .twilio-container img{vertical-align:middle}.thank-you footer{background:#222}.thank-you h2{text-transform:uppercase;padding-top:1.5em;margin-top:1.5em;font-size:1.2em;border-top:1px solid #333}.thank-you #also-call h2{padding:0;margin-top:1.5em;font-size:1.5em;border:none}.thank-you #also-call .twilio-container a{opacity:0.6;transition:all 0.2s ease-in-out}.thank-you #also-call .twilio-container a img{height:auto;vertical-align:middle;width:171px}.thank-you #also-call .twilio-container a img.twilio-privacy{width:114px}.thank-you #also-call .twilio-container a:hover{opacity:0.9}.thank-you a.cta-button{display:inline-block;width:auto;border:none;font-size:0.9em;padding:0.8em 2em;margin:0}.thank-you i.i-logo{margin-top:1.5em}.thank-you #social{padding-top:2em;margin-bottom:1em;text-align:center;*zoom:1}.thank-you #social:before,.thank-you #social:after{content:"";display:table}.thank-you #social:after{clear:both}.thank-you #social a{display:inline;float:left;width:31.25%;margin:0 1.04167%;display:inline-block;position:relative;margin:0 auto;transition:0.2s ease-in-out all;opacity:0.8}.thank-you #social a:hover{opacity:0.95}.thank-you #social .social-count:after{background:#FFF;text-transform:uppercase;font-style:italic;font-weight:bold;border-radius:1px;top:-33px;color:#333;content:attr(count);display:block;left:50%;margin-left:-32px;width:54px;padding:5px;line-height:1em;text-align:center;position:absolute;white-space:nowrap}.thank-you #social .social-count:before{border:solid;border:1px solid #f2c45a;border-color:#111 transparent;border-color:#f2c45a transparent;border-width:.2em .2em 0 .2em;top:-8px;content:"";display:block;left:50%;margin-left:-.2em;position:absolute}.thank-you #social .sicon{width:54px;height:54px;margin:0 auto;position:relative;background-color:black;background-image:url("../imgs/social-icons.png")}.thank-you #social #sfb{background-position:66.6666% 0}.thank-you #social #stwit{background-position:33.3333% 0}.thank-you #social #sgplus{background-position:0% 0}.i{background-image:url("../imgs/image.png");background-repeat:no-repeat;display:block;margin:0 auto}.i-email{width:172px;height:19px;background-position:-1px -25px;margin-top:13px}.i-call{width:144px;height:22px;background-position:-1px -1px;margin-top:30px}.i-logo{width:279px;height:30px;background-position:-1px -46px}@media screen and (max-width: 600px){body{font-size:0.9em;padding:0}footer{position:static;text-align:center;font-size:0.9em;margin-top:2em}footer div p{float:none;width:auto;margin-bottom:1em}footer div i{float:none;margin:0 auto}form{padding-bottom:2em}aside{display:none}div#content,div#content h2,.call aside{width:auto;float:none;margin:0;display:block}.call div#content img{margin-bottom:1em}h2{clear:both;display:block}}@media screen and (max-width: 400px){form fieldset{float:none;width:auto;margin:0;display:block}}@media screen and (-webkit-min-device-pixel-ratio: 0){.thank-you input{padding-top:1.2em}.thank-you a.cta-button,.thank-you input#submit{padding-top:1em}form input,div#content input.cta-button{padding-top:0.8em}.cta-button,input.cta-button{padding-top:0.95em}}

tor-webwml.git

iAttempt at adding the rule-41 page