Order Confirmation – The Art of Scott Versago
——=_Part_805_1839923465.1550723036246
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: quoted-printable
=EF=BB=BF=20
=09
=09
=09
=09
=09=09/* Based on The MailChimp Reset INLINE: Yes. */ =20
=09=09/* Client-specific Styles */
=09=09#outlook a {padding:0;} /* Force Outlook to provide a “view in browse=
r” menu link. */
=09=09body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-s=
ize-adjust:100%; margin:0; padding:0;
font-family:Helvetica Neue, Helvetica, Arial, sans-serif;}=20
=09=09/* Prevent Webkit and Windows Mobile platforms from changing default =
font sizes.*/=20
=09=09.ExternalClass {width:100%;} /* Force Hotmail to display emails at fu=
ll width */ =20
=09=09.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass=
font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
=09=09/* Forces Hotmail to display normal line spacing. More on that: http=
://www.emailonacid.com/forum/viewthread/43/ */=20
=09=09#backgroundTable {margin:0; padding:0; width:100% !important; line-he=
ight: 100% !important;}
=09=09/* End reset */
=09=09/* Some sensible defaults for images
=09=09Bring inline: Yes. */
=09=09img {outline:none; text-decoration:none; -ms-interpolation-mode: bicu=
bic;}=20
=09=09a img {border:none;}=20
=09=09.image_fix {display:block;}
=09=09/* Yahoo paragraph fix
=09=09Bring inline: Yes. */
=09=09p {margin: 1em 0;}
=09=09/* Hotmail header color reset
=09=09Bring inline: Yes. */
=09=09h1, h2, h3, h4, h5, h6 {
color: #1f2124 !important;=20
=09=09}
h1{
font-size:24px;
font-weight:300;
}
h2{
font-size:16px;
font-weight:300;
margin:0 0 10px 0;
padding:0;
}
h3{
font-size:14px;
font-weight:300;
margin:0 0 10px 0;
padding:0;
}
=09=09h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #9ec8e8 !important;}
=09=09h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 =
a:active {
=09=09color: red !important; /* Preferably not the same color as the normal=
header link color. There is limited support for psuedo classes in email c=
lients, this was added just for good measure. */
=09=09}
=09=09h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited=
, h6 a:visited {
=09=09color: purple !important; /* Preferably not the same color as the nor=
mal header link color. There is limited support for psuedo classes in email=
clients, this was added just for good measure. */
=09=09}
=09=09/* Outlook 07, 10 Padding issue fix
=09=09Bring inline: No.*/
=09=09table td {border-collapse: collapse;}
=09=09/* Remove spacing around Outlook 07, 10 tables
=09=09Bring inline: Yes */
=09=09table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rsp=
ace:0pt; }
=09=09/* Styling your links has become much simpler with the new Yahoo. In=
fact, it falls in line with the main credo of styling in email and make su=
re to bring your styles inline. Your link colors will be uniform across cl=
ients when brought inline.
=09=09Bring inline: Yes. */
=09=09a {color: orange;}
=09=09/***************************************************
=09=09****************************************************
=09=09MOBILE TARGETING
=09=09****************************************************
=09=09***************************************************/
=09=09@media only screen and (max-device-width: 480px) {
=09=09=09/* Part one of controlling phone number linking for mobile. */
=09=09=09a[href^=3D”tel”], a[href^=3D”sms”] {
=09=09=09=09=09=09text-decoration: none;
=09=09=09=09=09=09color: blue; /* or whatever your want */
=09=09=09=09=09=09pointer-events: none;
=09=09=09=09=09=09cursor: default;
=09=09=09=09=09}
=09=09=09.mobile_link a[href^=3D”tel”], .mobile_link a[href^=3D”sms”] {
=09=09=09=09=09=09text-decoration: default;
=09=09=09=09=09=09color: orange !important;
=09=09=09=09=09=09pointer-events: auto;
=09=09=09=09=09=09cursor: default;
=09=09=09=09=09}
=09=09}
=09=09/* More Specific Targeting */
=09=09@media only screen and (min-device-width: 768px) and (max-device-widt=
h: 1024px) {
=09=09/* You guessed it, ipad (tablets, smaller screens, etc) */
=09=09=09/* repeating for the ipad */
=09=09=09a[href^=3D”tel”], a[href^=3D”sms”] {
=09=09=09=09=09=09text-decoration: none;
=09=09=09=09=09=09color: blue; /* or whatever your want */
=09=09=09=09=09=09pointer-events: none;
=09=09=09=09=09=09cursor: default;
=09=09=09=09=09}
=09=09=09.mobile_link a[href^=3D”tel”], .mobile_link a[href^=3D”sms”] {
=09=09=09=09=09=09text-decoration: default;
=09=09=09=09=09=09color: orange !important;
=09=09=09=09=09=09pointer-events: auto;
=09=09=09=09=09=09cursor: default;
=09=09=09=09=09}
=09=09}
=09=09@media only screen and (-webkit-min-device-pixel-ratio: 2) {
=09=09/* Put your iPhone 4g styles in here */=20
=09=09}
=09=09/* Android targeting */
=09=09@media only screen and (-webkit-device-pixel-ratio:.75){
=09=09/* Put CSS for low density (ldpi) Android layouts in here */
=09=09}
=09=09@media only screen and (-webkit-device-pixel-ratio:1){
=09=09/* Put CSS for medium density (mdpi) Android layouts in here */
=09=09}
=09=09@media only screen and (-webkit-device-pixel-ratio:1.5){
=09=09/* Put CSS for high density (hdpi) Android layouts in here */
=09=09}
=09=09/* end Android targeting */
=09
=09
=09
=09
=09
=09
=09 =20
=09
=09
=09=09
=09=09/* Target Outlook 2007 and 2010 */
=09=09
=09
| =20 =09=09
=09=09 |
=20
——=_Part_805_1839923465.1550723036246–
