This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <img src="https://picsum.photos/620/620?random" alt="Unsplash Random" width="310" style="max-width: 310px; width: 100%;"> |
cossssmin
/ pine-mobile-responsive-image-fallback.css
Created
November 14, 2017 18:06
Pine Mobile Responsive Image Fallback
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| img { | |
| width: 100%!important; | |
| height: auto!important; | |
| } |
cossssmin
/ pine-show-image-mobile-only.html
Created
November 14, 2017 19:24
Pine Show Image On Mobile Only
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!--[if !mso 9]><!--> | |
| <img class="show-sm" src="https://picsum.photos/600/400" width="600" aria-hidden="true" style="display: none; max-height: 0; max-width: 600px; width: 100%;"> | |
| <!--<![endif]--> |
cossssmin
/ pine-html-css-bg-image.html
Last active
November 23, 2017 17:52
Pine HTML/CSS Background Image
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <table align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%"> | |
| <tr> | |
| <td class="col" width="100%" bgcolor="#1F2225" background="https://picsum.photos/700/500?image=842" style="background-image: url('https://picsum.photos/700/500?image=842'); background-repeat: no-repeat; background-position: center; background-size: cover;"> | |
| ... | |
| </td> | |
| </tr> | |
| </table> |
cossssmin
/ pine-html-css-retina-bg-image.html
Last active
November 23, 2017 17:52
Pine HTML/CSS Retina Background Image
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <table align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%"> | |
| <tr> | |
| <td class="col" width="100%" bgcolor="#1F2225" background="https://picsum.photos/1400/1000?image=837" style="background-image: url('https://picsum.photos/1400/1000?image=837'); background-repeat: no-repeat; background-position: center; background-size: cover;"> | |
| ... | |
| </td> | |
| </tr> | |
| </table> |
cossssmin
/ pine-outlook-bg-images.html
Last active
November 23, 2017 17:52
Pine Outlook Background Images
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <table align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%"> | |
| <tr> | |
| <td class="col px-sm-2" width="100%" bgcolor="#1F2225" background="https://picsum.photos/1400/1000?image=634" style="background-image: url('https://picsum.photos/1400/1000?image=634'); background-repeat: no-repeat; background-position: center; background-size: cover;"> | |
| <!--[if gte mso 9]> | |
| <v:image src="https://picsum.photos/1400/1000?image=634" xmlns:v="urn:schemas-microsoft-com:vml" style="width:700px;height:500px;" /> | |
| <v:rect fill="true" stroke="false" style="position:absolute;width:700px;height:500px;"> | |
| <v:fill opacity="0"> | |
| <div> | |
| <![endif]--> | |
| <div class="spacer" style="line-height: 213px;"> </div> |
cossssmin
/ pine-outlook-email-body-bg-image.html
Last active
November 23, 2017 17:52
Pine Outlook Email Body Background Image
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <table class="wrapper" cellpadding="15" cellspacing="0" role="presentation" width="100%" background="halftone-yellow.png" style="background-image: url('halftone-yellow.png'); background-repeat: repeat; background-position: center;"> | |
| <tr> | |
| <td> | |
| <!--[if gte mso 9]> | |
| <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t"> | |
| <v:fill type="tile" src="halftone-yellow.png"/> | |
| </v:background> | |
| <![endif]--> | |
| <table class="container" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" role="presentation" width="700"> | |
| <tr> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <table align="center" cellpadding="20" cellspacing="0" role="presentation" width="100%"> | |
| <tr> | |
| <td style="padding: 0 20px;"> | |
| <div class="spacer" style="line-height: 40px;"> </div> | |
| <table cellpadding="0" cellspacing="0" role="presentation" width="100%"> | |
| <tr> | |
| <td class="col" width="640" style="padding: 0 10px;"> | |
| <div style="margin-bottom: 30px;"> | |
| <a class="toggle-trigger" style="text-decoration: none;"> | |
| <button class="toggle-trigger" style="background-color: #EEEEEE; margin: 0; padding: 0; display: block; width: 100%; text-align: left; border: none; outline: none; font-size: 13px;"> |
cossssmin
/ pine-alert-bg.html
Last active
November 23, 2017 17:52
Pine Alert With Background Colour
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <table align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%"> | |
| <tr> | |
| <td bgcolor="#0099E5" style="color: #FFFFFF; padding: 15px 30px;"> | |
| This is an alert with background colour | |
| </td> | |
| </tr> | |
| </table> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <table align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border: 2px solid #0099E5;"> | |
| <tr> | |
| <td style="color: #0099E5; padding: 15px 30px;"> | |
| This is an alert with an outline border. | |
| </td> | |
| </tr> | |
| </table> |