File: /var/www/Gosuryaid/wp/wp-content/themes/my-listing/templates/emails/partials/header.php
<?php
/**
* Default header template for email notifications.
*
* @since 2.1
* @link https://github.com/leemunroe/responsive-html-email-template
*/
if ( ! defined('ABSPATH') ) {
exit;
}
$brand = c27()->get_setting( 'general_brand_color', '#f24286' );
?>
<!DOCTYPE html>
<html <?php language_attributes() ?>>
<head>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo( 'charset' ); ?>" />
<title><?php echo esc_html( get_bloginfo( 'name' ) ); ?></title>
<style>
/* GLOBAL RESETS */
img { border: none; -ms-interpolation-mode: bicubic; max-width: 100%; }
body {
background-color: #f6f6f6;
font-family: sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 14px;
line-height: 1.4;
margin: 0;
padding: 0;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
table { border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; }
table td { font-family: sans-serif; font-size: 14px; vertical-align: top; }
/* BODY & CONTAINER */
.body { background-color: #f6f6f6; width: 100%; }
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
.container {
display: block;
margin: 0 auto !important;
/* makes it centered */
max-width: 580px;
padding: 10px;
width: 580px;
}
/* This should also be a block element, so that it will fill 100% of the .container */
.content {
box-sizing: border-box;
display: block;
margin: 0 auto;
max-width: 580px;
padding: 10px;
}
/* HEADER, FOOTER, MAIN */
.main { background: #ffffff; border-radius: 3px; width: 100%; }
.wrapper { box-sizing: border-box; padding: 20px; }
.content-block { padding-bottom: 10px; padding-top: 10px; }
.footer { clear: both; margin-top: 10px; text-align: center; width: 100%; }
.footer td, .footer p, .footer span, .footer a { color: #999999; font-size: 12px; text-align: center; }
/* TYPOGRAPHY */
h1, h2, h3, h4 {
color: #000000;
font-family: sans-serif;
font-weight: 400;
line-height: 1.4;
margin: 0;
margin-bottom: 30px;
}
h1 {
font-size: 35px;
font-weight: 300;
text-align: center;
}
p, ul, ol {
font-family: sans-serif;
font-size: 14px;
font-weight: normal;
margin: 0;
margin-bottom: 15px;
}
p li, ul li, ol li { list-style-position: inside; margin-left: 5px; }
a { color: <?php echo $brand ?>; text-decoration: underline; }
/* BUTTONS */
.mbtn {
background-color: transparent;
border: 2px solid <?php echo $brand ?>;
border-radius: 50px;
box-sizing: border-box;
color: <?php echo $brand ?>;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: bold;
margin: 5px 5px 5px 0;
padding: 8px 20px;
text-decoration: none;
}
.mbtn.mbtn1 { background-color: <?php echo $brand ?>; border-color: <?php echo $brand ?>; color: #ffffff; }
.btn { box-sizing: border-box; width: 100%; }
.btn > tbody > tr > td { padding-bottom: 15px; }
.btn table { width: auto; }
.btn table td { background-color: #ffffff; border-radius: 5px; text-align: center; }
.btn a {
background-color: #ffffff;
border: solid 1px <?php echo $brand ?>;
border-radius: 5px;
box-sizing: border-box;
color: <?php echo $brand ?>;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 12px 25px;
text-decoration: none;
}
.btn-primary table td { background-color: <?php echo $brand ?>; }
.btn-primary a { background-color: <?php echo $brand ?>; border-color: <?php echo $brand ?>; color: #ffffff; }
/* OTHER STYLES THAT MIGHT BE USEFUL */
.last { margin-bottom: 0; }
.first { margin-top: 0; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-left { text-align: left; }
.clear { clear: both; }
.mt0 { margin-top: 0; }
.mb0 { margin-bottom: 0; }
.preheader {
color: transparent;
display: none;
height: 0;
max-height: 0;
max-width: 0;
opacity: 0;
overflow: hidden;
mso-hide: all;
visibility: hidden;
width: 0;
}
.powered-by a { text-decoration: none; }
hr { border: 0; border-bottom: 1px solid #f6f6f6; margin: 20px 0; }
/* RESPONSIVE AND MOBILE FRIENDLY STYLES */
@media only screen and (max-width: 620px) {
table[class=body] h1 { font-size: 28px !important; margin-bottom: 10px !important; }
table[class=body] p, table[class=body] ul, table[class=body] ol, table[class=body] td,
table[class=body] span, table[class=body] a { font-size: 16px !important; }
table[class=body] .wrapper, table[class=body] .article { padding: 10px !important; }
table[class=body] .content { padding: 0 !important; }
table[class=body] .container { padding: 0 !important; width: 100% !important; }
table[class=body] .main { border-left-width: 0 !important; border-radius: 0 !important; border-right-width: 0 !important; }
table[class=body] .btn table { width: 100% !important; }
table[class=body] .btn a { width: 100% !important; }
table[class=body] .mbtn { width: 100% !important; margin-right: 0px !important; text-align: center !important; }
table[class=body] .img-responsive { height: auto !important; max-width: 100% !important; width: auto !important; }
}
/* PRESERVE THESE STYLES IN THE HEAD */
@media all {
.ExternalClass { width: 100%; }
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font,
.ExternalClass td, .ExternalClass div { line-height: 100%; }
.apple-link a {
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
text-decoration: none !important;
}
.btn-primary table td:hover { background-color: #34495e !important; }
.btn-primary a:hover { background-color: #34495e !important; border-color: #34495e !important; }
}
</style>
</head>
<body class="">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
<tr>
<td> </td>
<td class="container">
<div class="content">
<table role="presentation" class="main">
<tr>
<td class="wrapper">
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>