/* ================================================================== "CULTURA21 NEWSLETTER" BASE STYLESHEET ===================================================================== ================================================================== */ /************** MAIL CLIENT SPECIFIC STYLES ***************/ .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 */ #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */ table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */ img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */ body, table, td, p, a, li, span, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */ /************** RESET STYLES ***************/ body{ margin:0; padding:0; } img{ border:0 none; height:auto; line-height:100%; outline:none; text-decoration:none; } a{ text-decoration: none; outline: none; } a img{ border:0 none; } table, td { border-collapse:collapse !important; } table { background-color: transparent; border-top: 0; border-bottom: 0; /*line-height:150%;*/ /*max-width: 600px !important;*/ } tbody, td { padding: 0; margin: 0; vertical-align: top; } tr, img, p, h2 { margin: 0; padding: 0; } /************** CUSTOM FONTS ***************/ @font-face { font-family: dinProRegular; src: url('http://static.mdirector.com/files/campanias/54445/1/0/CAM/fonts/dinPro/DINPro-Regular.otf'); } @font-face { font-family: dinProBold; src: url('http://static.mdirector.com/files/campanias/54445/1/0/CAM/fonts/dinPro/DINPro-Bold.otf'); } @font-face { font-family: helveticaNeueRoman; src: url('http://static.mdirector.com/files/campanias/54445/1/0/CAM/fonts/helveticaNeue/HelveticaNeue-Roman'); } /************** CUSTOM STYLE ***************/ table#template { margin:0 auto; padding:0; width:100% !important; /*max-width: 600px !important;*/} table#template > tbody{ color: #606060; font-size: 15px; } table.container { width: 600px !important; margin: auto; } table#template{ font-family: dinProRegular,'Montserrat',Geneva,sans-serif; text-align:left; } tr.wrapper { display: block; } td.container-column.has-content { background-color: #fff; border-bottom: 2px solid #a1a5a9; margin-bottom: 20px; } .two-columns td.container-column.has-content { background-color: transparent; border-bottom: 0; margin-bottom: 0; } /*.link-component td { font-family: dinProBold; padding: 0px !important; margin: 15px 0; display: inline-block; vertical-align: middle; box-sizing: border-box; width: 32%; text-align: left; } .link-component td > img, .link-component td > a { display: inline-block !important; vertical-align: middle; padding-left: 5px !important; color: #40474c; } */ #footer a { margin:0 3px; } /************** RESPONSIVE ***************/ @media only screen and (max-width: 480px){ td.container-column { display: block !important; width: 100% !important; margin: auto !important; } .two-columns .container-column { max-width: none !important; margin-bottom: 20px !important; padding:0 !important; } .two-columns .container-column td { display: block; max-width: 100%; margin: auto; } #header .container-column { margin-bottom: 30px !important; } #header .container-column * { text-align: center !important; } .link-component td { width:100% !important; border-right:0 !important; border-bottom:1px solid rgba(64, 71, 76, 0.5); margin: 0 !important; padding:15px 5px !important; } } @media only screen and (max-width: 600px){ .banner-image { width: 100% !important; } table.component { width: 100% !important; } table.container { width: 100% !important; } } @media only screen and (max-width: 600px){ .social-component img { width: auto !important; } }
| |||||||||||
| |||||||||||
| |||||||||||
| |||||||||||
| |||||||||||
| |||||||||||
| |||||||||||
| |||||||||||
|