From 955240ae80893586dd4273aaa19b49cdaf13844b Mon Sep 17 00:00:00 2001 From: Dan Mindru Date: Sun, 15 May 2016 15:28:38 +0200 Subject: [PATCH] Update CSS & HTML to newer inline-css (more table attrs. are automatically inlined now), dark theme #4 --- dist/dark/signature-dark.html | 33 ++++++++++++++++------------- dist/dark/signature-reply-dark.html | 21 +++++++++++------- src/dark/dark.css | 28 ++++++++---------------- src/dark/footer.inc.html | 17 +++++++-------- src/dark/head.inc.html | 9 ++++++-- src/dark/signature-reply.html | 12 +++++------ src/dark/signature.html | 7 +++--- 7 files changed, 64 insertions(+), 63 deletions(-) diff --git a/dist/dark/signature-dark.html b/dist/dark/signature-dark.html index 5aa1210..0a8ea20 100644 --- a/dist/dark/signature-dark.html +++ b/dist/dark/signature-dark.html @@ -3,12 +3,17 @@ - -
- - +
+ +
+ - -
- +
+
diff --git a/src/dark/dark.css b/src/dark/dark.css index 5cb61d3..82c3b42 100644 --- a/src/dark/dark.css +++ b/src/dark/dark.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,15 +35,15 @@ tr{ cellspacing:0; } -.sp{ - /* sp -> space, 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; } -.spd{ - /* spd -> space - double, Separator tr */ - /* @todo gulp-inline-css doesn't add height attrs */ +.spd{ /* Separator tr (double); props are actually contained by it's inner element atm. */ } + +.spd__inner{ height: 60px; } @@ -91,7 +86,6 @@ a{ * ================ */ .footer{ - /* @todo gulp-inline-css doesn't parse background-color -> bgcolor */ background-color: #303030; padding: 20px 30px 0px 30px; color: #f5f5f5; @@ -104,7 +98,6 @@ a{ .footer--simple{ padding-bottom: 20px; - /* @todo gulp-inline-css doesn't parse background-color -> bgcolor */ background-color: #FFFFFF; } @@ -113,9 +106,8 @@ a{ } .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%; */ + /* This style property fucks up the width on OS X, needs to be *JUST* attribute */ + width:100%; } .footer__main__signature{ @@ -126,7 +118,6 @@ a{ } .footer__main__col1{ - /* @todo gulp-inline-css can't use width in percentages */ width:70%; margin-bottom:40px; /* @todo gulp-inline-css doesn't parse align */ @@ -152,7 +143,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/dark/footer.inc.html b/src/dark/footer.inc.html index c70f880..ac60ca8 100644 --- a/src/dark/footer.inc.html +++ b/src/dark/footer.inc.html @@ -1,6 +1,5 @@ - - - +
+ - - + - -
@@ -9,12 +8,11 @@
+ +
@@ -23,8 +21,9 @@
- - + +
+

diff --git a/src/dark/head.inc.html b/src/dark/head.inc.html index 211c786..f158434 100644 --- a/src/dark/head.inc.html +++ b/src/dark/head.inc.html @@ -3,12 +3,17 @@ -