<html>
<head>
<style>
body {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #222;
}
h1, h2, h3 { font-family: sans-serif; margin: 0px; }
h1 { font-size: 1.3em; }
h2, h3 { font-size: 1.1em; }
a, a:link, a:visited { color: #169;}
a:hover, a:active { color: #c61a1a; }
a.wiki-anchor { display: none; }
fieldset.attachments {border-width: 1px 0 0 0;}
hr {
  width: 100%;
  height: 1px;
  background: #ccc;
  border: 0;
  margin: 1.2em 0;
}
span.footer {
  font-size: 0.8em;
  font-style: italic;
}
blockquote { font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 0.6em; margin-left: 0;}
blockquote blockquote { margin-left: 0;}
pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
pre {
  margin: 1em 1em 1em 1.6em;
  padding: 8px;
  background-color: #fafafa;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  width:auto;
  overflow-x: auto;
  overflow-y: hidden;
}
ul.details {color:#959595; margin-bottom: 1.5em;}
table {
  border-collapse: collapse;
  margin-bottom: 1em;
}
table, td, th {
  border: 1px solid #bbb;
  padding: 4px;
}
.badge {
  position:relative;
  font-weight:bold;
  font-size: 10px;
  bottom: 2px;
  padding: 1px 3px;
  margin-right: 2px;
  margin-left: 2px;
  border-radius: 2px;
  text-transform: uppercase;
  text-decoration: none;
}
.badge-status-open {
  color: #205D86;
  border: 1px solid #205D86;
}
.badge-status-closed {
  color: #1D781D;
  border: 1px solid #1D781D;
}

.markdown-alert {
  border-left: 4px solid;
  padding-left: 0.6em;
  margin: 1em 0;
}
.markdown-alert-title { font-weight: bold;}
.markdown-alert-title svg { display: none; }

.markdown-alert-tip { border-color: #37b24d; /* oc-green-7 */}
.markdown-alert-tip .markdown-alert-title { color: #2b8a3e; /* oc-green-9 */ }
.markdown-alert-important { border-color: #ae3ec9; /* oc-grape-7 */ }
.markdown-alert-important .markdown-alert-title { color: #862e9c; /* oc-grape-9 */ }
.markdown-alert-caution { border-color: #f59f00; /* oc-yellow-7 */ }
.markdown-alert-caution .markdown-alert-title { color: #e67700; /* oc-yellow-9 */ }
.markdown-alert-warning { border-color: #f76707; /* oc-orange-7 */ }
.markdown-alert-warning .markdown-alert-title { color: #d9480f; /* oc-orange-9 */ }
.markdown-alert-note { border-color: #4263eb; /* oc-indigo-7 */ }
.markdown-alert-note .markdown-alert-title { color: #364fc7; /* oc-indigo-9 */ }
</style>
</head>
<body>
<% if Setting.emails_header.present? -%>
<span class="header"><%= Redmine::WikiFormatting.to_html(Setting.text_formatting, Setting.emails_header).html_safe %></span>
<% end -%>
<%= yield %>
<hr />
<% if Setting.emails_footer.present? -%>
<span class="footer"><%= Redmine::WikiFormatting.to_html(Setting.text_formatting, Setting.emails_footer).html_safe %></span>
<% end -%>
</body>
</html>
