commit afa8ed761a49ce4f4143d07932ab397c649f5917 Author: hiro hiro@torproject.org Date: Mon Sep 2 14:32:20 2019 +0200
Add static newsletter css --- assets/static/style.css | 70 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 70 insertions(+)
diff --git a/assets/static/style.css b/assets/static/style.css new file mode 100644 index 0000000..a719741 --- /dev/null +++ b/assets/static/style.css @@ -0,0 +1,70 @@ +/* Client-specific Styles */ +#outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */ +body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;} +h1 {font-family: Source Sans Pro, Helvetica, arial, sans-serif; font-size: 23px; color:#7d4698; text-align:left; line-height: 32px; padding:5px 15px;} +h2 {font-family: Source Sans Pro, Helvetica, arial, sans-serif; font-size: 18px; color:#7d4698; text-align:left; line-height: 26px; padding:5px 15px;} +h4 {font-family: Source Sans Pro, Helvetica, arial, sans-serif; font-size: 16px; color:#7d4698; text-align:left; line-height: 21px; padding:5px 15px;} +p {font-family: Source sans pro, Helvetica, arial, sans-serif; font-size: 14px; color: #484848; text-align:left; line-height: 18px; padding-bottom:5px;} + +/* Prevent Webkit and Windows Mobile platforms from changing default font sizes, while not breaking desktop design. */ +.ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */ +.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing. */ +#backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;} +img {outline:none; text-decoration:none;border:none; -ms-interpolation-mode: bicubic;} +a img {border:none;} +.image_fix {display:block;} +h1 {font-family: Source Sans Pro, Helvetica, arial, sans-serif; font-size: 23px; color:#7d4698; text-align:left; line-height: 32px; padding:5px 15px;} +h2 {font-family: Source Sans Pro, Helvetica, arial, sans-serif; font-size: 18px; color:#7d4698; text-align:left; line-height: 26px; padding:5px 15px;} +h4 {font-family: Source Sans Pro, Helvetica, arial, sans-serif; font-size: 16px; color:#7d4698; text-align:left; line-height: 21px; padding:5px 15px;} +p {font-family: Source sans pro, Helvetica, arial, sans-serif; font-size: 14px; color: #484848; text-align:left; line-height: 18px; padding-bottom:5px;} +table td {border-collapse: collapse;} +table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } +a {text-decoration: none;color:#68b030;} + +/*STYLES*/ +table[class=full] { width: 100%; clear: both; } + +/*IPAD STYLES*/ +@media only screen and (max-width: 640px) { + a[href^="tel"], a[href^="sms"] {text-decoration: none;color:#68b030;pointer-events: none;cursor: default;} + .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {text-decoration: default;color:#68b030;pointer-events: auto;cursor: default;} + table[class=devicewidth] {width: 440px!important;text-align:center!important;} + table[class=devicewidthmob] {width: 416px!important;text-align:center!important;} + table[class=devicewidthinner] {width: 416px!important;text-align:center!important;} + img[class=banner] {width: 440px!important;auto!important;} + img[class=col2img] {width: 440px!important;height:auto!important;} + table[class="cols3inner"] {width: 100px!important;} + table[class="col3img"] {width: 131px!important;} + img[class="col3img"] {width: 131px!important;height: auto!important;} + table[class="removeMobile"]{width:10px!important;} + img[class="blog"] {width: 440px!important;height: auto!important;} +} + +/*IPHONE STYLES*/ +@media only screen and (max-width: 480px) { + a[href^="tel"], a[href^="sms"] {text-decoration: none;color: #68b030;pointer-events: none;cursor: default;} + .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {text-decoration: none;color:#68b030;pointer-events: auto;cursor: default;} + + table[class=devicewidth] {width: 280px!important;text-align:center!important;} + table[class=devicewidthmob] {width: 260px!important;text-align:center!important;} + table[class=devicewidthinner] {width: 260px!important;text-align:center!important;} + img[class=banner] {width: 280px!important;height:100px!important;} + img[class=col2img] {width: 280px!important;height:auto!important;} + table[class="cols3inner"] {width: 260px!important;} + img[class="col3img"] {width: 280px!important;height: auto!important;} + table[class="col3img"] {width: 280px!important;} + img[class="blog"] {width: 280px!important;auto!important;} + td[class="padding-top-right15"]{padding:15px 15px 0 0 !important;} + td[class="padding-right15"]{padding-right:15px !important;} +} + +@media only screen and (max-device-width: 800px) +{td[class="padding-top-right15"]{padding:15px 15px 0 0 !important;} + td[class="padding-right15"]{padding-right:15px !important;}} +@media only screen and (max-device-width: 769px) { + .devicewidthmob {font-size:16px;} +} + +@media only screen and (max-width: 640px) { + .desktop-spacer {display:none !important;} +}