dojo-templater/css/classdojo.css

Easy HTML emails with variables

/* 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 !important;
	border: 1px solid #fca82f !important;
	padding: 21px 20px !important;

	/* 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 !important;
 	font-size: 28px !important;
 	font-weight: 500 !important;
 	line-height: 18px !important;

 	text-shadow: 0px -1px 1px #888;
}

p.center {
	text-align: center;
}

p.footer {
	font-size: 14px;
	color: #999 !important;
}

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 !important;
	padding: 0 10px;
}


@media only screen and (max-width: 600px) {

  td.padding {
    padding: 20px 0 !important;
    display: block;
    margin: 0 auto;
    width: 95% !important;
  }

  table[class="body"] .container {
    width: 100% !important;
  }

}