54 lines
No EOL
3.5 KiB
CSS
54 lines
No EOL
3.5 KiB
CSS
* { margin:0; padding:0; }
|
|
* { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
|
|
img { max-width: 100%; }
|
|
.collapse { margin:0; padding:0; }
|
|
body { -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; width: 100%!important; height: 100%; }
|
|
a { color: #2BA6CB; }
|
|
.btn { text-decoration:none; color: #FFF; background-color: #666; padding:10px 16px; font-weight:bold; margin-right:10px; text-align:center; cursor: pointer; display: inline-block; }
|
|
p.callout { padding:15px; background-color:#ECF8FF; margin-bottom: 15px; }
|
|
.callout a { font-weight:bold; color: #2BA6CB; }
|
|
table.social {background-color: #ebebeb;}
|
|
.social .soc-btn {padding: 3px 7px;font-size:12px;margin-bottom:10px;text-decoration:none;color: #FFF;font-weight:bold;display:block;text-align:center;}
|
|
a.fb { background-color: #3B5998!important; }
|
|
a.tw { background-color: #1daced!important; }
|
|
a.gp { background-color: #DB4A39!important; }
|
|
a.ms { background-color: #000!important; }
|
|
.sidebar .soc-btn {display:block;width:100%;}
|
|
table.head-wrap { width: 100%;}
|
|
.header.container table td.logo { padding: 15px; }
|
|
.header.container table td.label { padding: 15px; padding-left:0px;}
|
|
table.body-wrap { width: 100%;}
|
|
table.footer-wrap { width: 100%; clear:both!important;}
|
|
.footer-wrap .container td.content p { border-top: 1px solid rgb(215,215,215); padding-top:15px;}
|
|
.footer-wrap .container td.content p {font-size:10px; font-weight: bold;}
|
|
h1,h2,h3,h4,h5,h6 {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:15px; color:#000;}
|
|
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; }
|
|
h1 { font-weight:200; font-size: 44px;}
|
|
h2 { font-weight:200; font-size: 37px;}
|
|
h3 { font-weight:500; font-size: 27px;}
|
|
h4 { font-weight:500; font-size: 23px;}
|
|
h5 { font-weight:900; font-size: 17px;}
|
|
h6 { font-weight:900; font-size: 14px; text-transform: uppercase; color:#444;}
|
|
.collapse { margin:0!important;}
|
|
p, ul {margin-bottom: 10px;font-weight: normal;font-size:14px;line-height:1.6;}
|
|
p.lead { font-size:17px; }
|
|
p.last { margin-bottom:0px;}
|
|
ul li {margin-left:5px;list-style-position: inside;}
|
|
ul.sidebar {background:#ebebeb;display:block;list-style-type: none;}
|
|
ul.sidebar li { display: block; margin:0;}
|
|
ul.sidebar li a {text-decoration:none;color: #666;padding:10px 16px;margin-right:10px;cursor:pointer;border-bottom: 1px solid #777777;border-top: 1px solid #FFFFFF;display:block;margin:0;}
|
|
ul.sidebar li a.last { border-bottom-width:0px;}
|
|
ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p { margin-bottom:0!important;}
|
|
.container {display:block!important;max-width:600px!important;margin:0 auto!important;clear:both!important;}
|
|
.content {padding:15px;max-width:600px;margin:0 auto;display:block;}
|
|
.content table { width: 100%; }
|
|
.column {width: 300px;float:left;}
|
|
.column tr td { padding: 15px; }
|
|
.column-wrap { padding:0!important; margin:0 auto; max-width:600px!important;}
|
|
.column table { width:100%; }
|
|
.social .column { width: 280px; min-width: 279px; float:left; }
|
|
.clear { display: block; clear: both; }
|
|
@media only screen and (max-width: 600px) {
|
|
a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important; }
|
|
div[class="column"] { width: auto!important; float:none!important;} table.social div[class="column"] {width:auto!important;}
|
|
} |