diff --git a/cerberus-fluid.html b/cerberus-fluid.html index 37e7e63..afe2d44 100644 --- a/cerberus-fluid.html +++ b/cerberus-fluid.html @@ -85,9 +85,14 @@ table { border-spacing: 0 !important; border-collapse: collapse !important; - table-layout: fixed !important; margin: 0 auto !important; } + /* What it does: Prevents styles from being inlined. */ + @media all { + table { + table-layout: fixed !important; + } + } /* What it does: Uses a better rendering method when resizing images in IE. */ img { @@ -99,18 +104,21 @@ text-decoration: none; } - /* What it does: A work-around for email clients meddling in triggered links. */ - a[x-apple-data-detectors], /* iOS */ - .unstyle-auto-detected-links a, - .aBn { - border-bottom: 0 !important; - cursor: default !important; - color: inherit !important; - text-decoration: none !important; - font-size: inherit !important; - font-family: inherit !important; - font-weight: inherit !important; - line-height: inherit !important; + /* What it does: Prevents styles from being inlined. */ + @media all { + /* What it does: A work-around for email clients meddling in triggered links. */ + a[x-apple-data-detectors], /* iOS */ + .unstyle-auto-detected-links a, + .aBn { + border-bottom: 0 !important; + cursor: default !important; + color: inherit !important; + text-decoration: none !important; + font-size: inherit !important; + font-family: inherit !important; + font-weight: inherit !important; + line-height: inherit !important; + } } /* What it does: Prevents Gmail from displaying a download button on large, non-linked images. */ @@ -162,11 +170,14 @@ .button-a { transition: all 100ms ease-in; } - .button-td-primary:hover, - .button-a-primary:hover { - background: #555555 !important; - border-color: #555555 !important; - } + /* What it does: Prevents styles from being inlined. */ + @media all { + .button-td-primary:hover, + .button-a-primary:hover { + background: #555555 !important; + border-color: #555555 !important; + } + } /* Media Queries */ @media screen and (max-width: 600px) { diff --git a/cerberus-hybrid.html b/cerberus-hybrid.html index ac1682e..e718de8 100644 --- a/cerberus-hybrid.html +++ b/cerberus-hybrid.html @@ -84,9 +84,14 @@ table { border-spacing: 0 !important; border-collapse: collapse !important; - table-layout: fixed !important; margin: 0 auto !important; } + /* What it does: Prevents styles from being inlined. */ + @media all { + table { + table-layout: fixed !important; + } + } /* What it does: Uses a better rendering method when resizing images in IE. */ img { @@ -98,18 +103,21 @@ text-decoration: none; } - /* What it does: A work-around for email clients meddling in triggered links. */ - a[x-apple-data-detectors], /* iOS */ - .unstyle-auto-detected-links a, - .aBn { - border-bottom: 0 !important; - cursor: default !important; - color: inherit !important; - text-decoration: none !important; - font-size: inherit !important; - font-family: inherit !important; - font-weight: inherit !important; - line-height: inherit !important; + /* What it does: Prevents styles from being inlined. */ + @media all { + /* What it does: A work-around for email clients meddling in triggered links. */ + a[x-apple-data-detectors], /* iOS */ + .unstyle-auto-detected-links a, + .aBn { + border-bottom: 0 !important; + cursor: default !important; + color: inherit !important; + text-decoration: none !important; + font-size: inherit !important; + font-family: inherit !important; + font-weight: inherit !important; + line-height: inherit !important; + } } /* What it does: Prevents Gmail from changing the text color in conversation threads. */ @@ -160,11 +168,14 @@ .button-a { transition: all 100ms ease-in; } - .button-td-primary:hover, - .button-a-primary:hover { - background: #555555 !important; - border-color: #555555 !important; - } + /* What it does: Prevents styles from being inlined. */ + @media all { + .button-td-primary:hover, + .button-a-primary:hover { + background: #555555 !important; + border-color: #555555 !important; + } + } /* Media Queries */ @media screen and (max-width: 480px) { diff --git a/cerberus-responsive.html b/cerberus-responsive.html index 4575984..6081cbc 100644 --- a/cerberus-responsive.html +++ b/cerberus-responsive.html @@ -90,9 +90,14 @@ table { border-spacing: 0 !important; border-collapse: collapse !important; - table-layout: fixed !important; margin: 0 auto !important; } + /* What it does: Prevents styles from being inlined. */ + @media all { + table { + table-layout: fixed !important; + } + } /* What it does: Prevents Windows 10 Mail from underlining links despite inline CSS. Styles for underlined links should be inline. */ a { @@ -104,18 +109,21 @@ -ms-interpolation-mode:bicubic; } - /* What it does: A work-around for email clients meddling in triggered links. */ - a[x-apple-data-detectors], /* iOS */ - .unstyle-auto-detected-links a, - .aBn { - border-bottom: 0 !important; - cursor: default !important; - color: inherit !important; - text-decoration: none !important; - font-size: inherit !important; - font-family: inherit !important; - font-weight: inherit !important; - line-height: inherit !important; + /* What it does: Prevents styles from being inlined. */ + @media all { + /* What it does: A work-around for email clients meddling in triggered links. */ + a[x-apple-data-detectors], /* iOS */ + .unstyle-auto-detected-links a, + .aBn { + border-bottom: 0 !important; + cursor: default !important; + color: inherit !important; + text-decoration: none !important; + font-size: inherit !important; + font-family: inherit !important; + font-weight: inherit !important; + line-height: inherit !important; + } } /* What it does: Prevents Gmail from changing the text color in conversation threads. */ @@ -166,11 +174,14 @@ .button-a { transition: all 100ms ease-in; } - .button-td-primary:hover, - .button-a-primary:hover { - background: #555555 !important; - border-color: #555555 !important; - } + /* What it does: Prevents styles from being inlined. */ + @media all { + .button-td-primary:hover, + .button-a-primary:hover { + background: #555555 !important; + border-color: #555555 !important; + } + } /* Media Queries */ @media screen and (max-width: 600px) {