[newsletter/master] Add static newsletter css - tor-commits

2 Sep 2019

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;}
+}

    