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) {