-/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
+
+ /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
body{margin:0; padding:0;}
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
table{border-collapse:collapse !important;}
-body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
+body, .roo-m-body-table, .roo-m-body-cell{height:100% !important; margin:0; padding:0; width:100% !important;}
/* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */
/* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
-@media only screen and (max-width: 480px){
+@media only screen and (max-width: 520px){
/* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
* @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.
*/
- .roo-m-body-contaner{
- max-width:600px !important;
+ .roo-m-body-container{
+ max-width:480px !important;
/*@editable*/ width:100% !important;
}
*/
.roo-m-header > img{
height:auto !important;
- /*@editable*/ max-width:600px !important;
+ /*@editable*/ max-width:420px !important;
/*@editable*/ width:100% !important;
}
* @section column image
* @tip Make the column image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
- .roo-m-column-image {
+ .roo-m-column-image,
+ .roo-m-body-content img
+ {
height:auto !important;
- /*@editable*/ max-width:480px !important;
+ /*@editable*/ max-width:420px !important;
/*@editable*/ width:100% !important;
}