dojo-templater
Version:
Easy HTML emails with variables
95 lines (72 loc) • 1.83 kB
CSS
/* Custom ClassDojo Styles */
body, table.body {
background-color: #faf9f9;
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
body, p {
font-size: 16px;
line-height:24px;
}
.serif {
font-family: Georgia, "Lucida Grande", serif;
}
.paper {
background-color: #ffffff;
/* Exprimental CSS3 box shadow shit here */
-webkit-box-shadow: 0px 0px 5px 2px #e0e0e0;
box-shadow: 0px 0px 5px 2px #e0e0e0;
}
td.padding {
padding: 40px;
}
table.orange-button {
border-collapse: separate;
}
table.orange-button td {
background: #fdc734 ;
border: 1px solid #fca82f ;
padding: 21px 20px ;
/* CSS3 shit for nice browsers :) */
background-image: -o-linear-gradient(bottom, #FDC734 0%, #FC982D 100%);
background-image: -moz-linear-gradient(bottom, #FDC734 0%, #FC982D 100%);
background-image: -webkit-linear-gradient(bottom, #FDC734 0%, #FC982D 100%);
background-image: -ms-linear-gradient(bottom, #FDC734 0%, #FC982D 100%);
background-image: linear-gradient(to bottom, #FDC734 0%, #FC982D 100%);
}
table.orange-button td a {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ;
font-size: 28px ;
font-weight: 500 ;
line-height: 18px ;
text-shadow: 0px -1px 1px #888;
}
p.center {
text-align: center;
}
p.footer {
font-size: 14px;
color: #999 ;
}
p.signout {
font-size: 12px;
color: #777;
line-height: 14px;
}
p.footer a,
p.footer a:hover,
p.footer a:active,
p.footer a:visited {
color: #999 ;
padding: 0 10px;
}
@media only screen and (max-width: 600px) {
td.padding {
padding: 20px 0 ;
display: block;
margin: 0 auto;
width: 95% ;
}
table[class="body"] .container {
width: 100% ;
}
}