From 331746d1ea084d1dfc5c6e907b944fecd70a17bc Mon Sep 17 00:00:00 2001 From: Dan Mindru Date: Sun, 15 May 2016 14:50:27 +0200 Subject: [PATCH] Update CSS & HTML to newer inline-css (more table attrs. are automatically inlined now), light theme #4 --- dist/dark/signature-dark.html | 92 ++++++++++++++++++++++++- dist/dark/signature-reply-dark.html | 65 +++++++++++++++++- dist/light/full-mail-light.html | 97 ++++++++++++++++++++++++++- dist/light/signature-light.html | 88 +++++++++++++++++++++++- dist/light/signature-reply-light.html | 61 ++++++++++++++++- src/light/footer.inc.html | 18 +++-- src/light/full-mail.html | 7 +- src/light/head.inc.html | 49 ++++++++------ src/light/light.css | 30 ++++----- src/light/signature-reply.html | 9 ++- src/light/signature.html | 7 +- 11 files changed, 455 insertions(+), 68 deletions(-) diff --git a/dist/dark/signature-dark.html b/dist/dark/signature-dark.html index bce32cb..5aa1210 100644 --- a/dist/dark/signature-dark.html +++ b/dist/dark/signature-dark.html @@ -1 +1,91 @@ -
Best regards,
The dark mail team
dark logo
LED Pylon. LED Wall. Digital Signage.
Call (45) 80100100 or email us at info@dark.dk
\ No newline at end of file + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + + + + + + + + +
+ Best regards,
+ The dark mail team
+
+ + +
+ + dark logo + +
+ + + + +
+ LED Pylon. LED Wall. Digital Signage.
+ Call (45) 80100100 or email us at + info@dark.dk +
+
+ + + + + \ No newline at end of file diff --git a/dist/dark/signature-reply-dark.html b/dist/dark/signature-reply-dark.html index 8abfe7f..65b6787 100644 --- a/dist/dark/signature-reply-dark.html +++ b/dist/dark/signature-reply-dark.html @@ -1 +1,64 @@ -
Best regards,
The dark mail team
\ No newline at end of file + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + +
+ Best regards,
+ The dark mail team
+
+
+ \ No newline at end of file diff --git a/dist/light/full-mail-light.html b/dist/light/full-mail-light.html index f35918f..d618778 100644 --- a/dist/light/full-mail-light.html +++ b/dist/light/full-mail-light.html @@ -1 +1,96 @@ -
Hi there,
Thanks for writing up this email.
We are delighted to reply with a responsive template.
Yours truly,
The light mail team
Call 80100100 or email us at info@light.dk
Happy Steet 31, DK-8000 Aarhus C, Denmark
light logo
\ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + +
+ Hi there, +
+ Thanks for writing up this email.
We are delighted to reply with a responsive template. +
+ + + + + + + + + + +
+ Yours truly,
+ The light mail team
+
+ +
+ + Call 80100100 or email us at + info@light.dk +
+ Happy Steet 31, DK-8000 Aarhus C, Denmark +
+ + + + + +
+ + light logo + +
+
+ + + + + \ No newline at end of file diff --git a/dist/light/signature-light.html b/dist/light/signature-light.html index 33e1808..cc37091 100644 --- a/dist/light/signature-light.html +++ b/dist/light/signature-light.html @@ -1 +1,87 @@ -
Yours truly,
The light mail team
Call 80100100 or email us at info@light.dk
Happy Steet 31, DK-8000 Aarhus C, Denmark
light logo
\ No newline at end of file + + + + + + + + + + + +
+ + + + + + +
+ + + + + + + + + + +
+ Yours truly,
+ The light mail team
+
+ +
+ + Call 80100100 or email us at + info@light.dk +
+ Happy Steet 31, DK-8000 Aarhus C, Denmark +
+ + + + + +
+ + light logo + +
+
+ + + + + \ No newline at end of file diff --git a/dist/light/signature-reply-light.html b/dist/light/signature-reply-light.html index 2746357..1077457 100644 --- a/dist/light/signature-reply-light.html +++ b/dist/light/signature-reply-light.html @@ -1 +1,60 @@ -
Yours truly,
The light mail team
\ No newline at end of file + + + + + + + + + + + +
+ + + + + + +
+ + + + + +
+ Yours truly,
+ The light mail team
+
+
+ \ No newline at end of file diff --git a/src/light/footer.inc.html b/src/light/footer.inc.html index 0ce5e38..3304155 100644 --- a/src/light/footer.inc.html +++ b/src/light/footer.inc.html @@ -1,6 +1,5 @@ - - - +
+ - - + + - -
@@ -8,13 +7,12 @@
-
+ +
@@ -24,8 +22,8 @@
- - + +
diff --git a/src/light/full-mail.html b/src/light/full-mail.html index 9245d75..2a764c3 100644 --- a/src/light/full-mail.html +++ b/src/light/full-mail.html @@ -1,8 +1,7 @@ - - +
- - + -
@@ -14,11 +13,9 @@
diff --git a/src/light/head.inc.html b/src/light/head.inc.html index b2336bb..7f025ee 100644 --- a/src/light/head.inc.html +++ b/src/light/head.inc.html @@ -3,32 +3,37 @@ - \ No newline at end of file diff --git a/src/light/light.css b/src/light/light.css index 2b91a8a..0ee7c8f 100644 --- a/src/light/light.css +++ b/src/light/light.css @@ -1,5 +1,3 @@ -/* Solving https://github.com/jonkemp/inline-css/issues/8 would make things nicer. */ - /* * ===================================== * 1. Common styles for general table things. @@ -22,10 +20,7 @@ tr{ } .main{ - /* @todo gulp-inline-css can't use width in percentages */ - /* This style property fucks up the width on OS X, needs to be *JUST* attribute -> - width:100%; */ - /* @todo gulp-inline-css doesn't parse background-color -> bgcolor */ + width:100%; background-color: #ffffff; } @@ -40,13 +35,19 @@ tr{ cellspacing:0; } -.sp{ - /* Separator tr */ - /* @todo gulp-inline-css doesn't add height attrs */ +.sp{ /* Separator tr; props are actually contained by it's inner element atm. */ } + +.sp__inner{ height: 30px; } -.gray-hr{ +.gray-hr{ /* 100% width light grey line; props are actually contained by inner elements atm. */ } + +.gray-hr td{ + width: 100%; +} + +.gray-hr hr{ border-bottom:1px solid #E4E4E4; border-top:none; margin-bottom:20px; @@ -85,7 +86,6 @@ a{ * ================ */ .footer{ - /* @todo gulp-inline-css doesn't parse background-color -> bgcolor */ background-color: #f5f5f5; padding: 20px 30px 0px 30px; color: #888; @@ -98,14 +98,12 @@ a{ .footer--simple{ padding-bottom: 20px; - /* @todo gulp-inline-css doesn't parse background-color -> bgcolor */ background-color: #FFFFFF; } .footer__main{ - /* @todo gulp-inline-css can't use width in percentages */ - /* This style property fucks up the width on OS X, needs to be *JUST* attribute -> - width:100%; */ + /* NB: This prop fucks up the width on OS X, needs to be *JUST* attribute. */ + width:100%; } .footer__main__signature{ @@ -116,7 +114,6 @@ a{ } .footer__main__col1{ - /* @todo gulp-inline-css can't use width in percentages */ width:70%; margin-bottom:30px; /* @todo gulp-inline-css doesn't parse align */ @@ -137,7 +134,6 @@ a{ } .footer__main__col2{ - /* @todo gulp-inline-css can't use width in percentages */ width:30%; /* @todo gulp-inline-css doesn't parse align */ align:right; diff --git a/src/light/signature-reply.html b/src/light/signature-reply.html index 81f6f7a..85bc26b 100644 --- a/src/light/signature-reply.html +++ b/src/light/signature-reply.html @@ -2,13 +2,12 @@
- - +
+ - -
- +
+
diff --git a/src/light/signature.html b/src/light/signature.html index a5951b2..2193fce 100644 --- a/src/light/signature.html +++ b/src/light/signature.html @@ -2,12 +2,11 @@
- - - + +
+ -