mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-13 08:59:28 -05:00
355 lines
No EOL
9.9 KiB
CoffeeScript
355 lines
No EOL
9.9 KiB
CoffeeScript
_ = require("underscore")
|
|
settings = require "settings-sharelatex"
|
|
|
|
module.exports = _.template """
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<!-- Facebook sharing information tags -->
|
|
<meta property="og:title" />
|
|
|
|
|
|
</head>
|
|
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
|
|
|
|
<style type="text/css">
|
|
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
|
|
body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
|
|
body{-webkit-text-size-adjust:none;} /* Prevent Webkit platforms from changing default text sizes. */
|
|
|
|
body{margin:0; padding:0;}
|
|
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
|
|
table td{border-collapse:collapse;}
|
|
#backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
|
|
|
|
body, #backgroundTable{
|
|
/*@editable*/ background-color:#FAFAFA;
|
|
}
|
|
|
|
#templateContainer{
|
|
/*@editable*/ border: 1px solid #DDDDDD;
|
|
}
|
|
|
|
h1, .h1{
|
|
/*@editable*/ color:#202020;
|
|
display:block;
|
|
/*@editable*/ font-family:Georgia, Times;
|
|
/*@editable*/ font-size:31px;
|
|
/*@editable*/ font-weight:400;
|
|
/*@editable*/ line-height:120%;
|
|
margin-top:0;
|
|
margin-right:0;
|
|
margin-bottom:10px;
|
|
margin-left:0;
|
|
/*@editable*/ text-align:left;
|
|
}
|
|
|
|
h2, .h2{
|
|
/*@editable*/ color:#202020;
|
|
display:block;
|
|
/*@editable*/ font-family:Georgia, Times;
|
|
/*@editable*/ font-size:25px;
|
|
/*@editable*/ font-weight:400;
|
|
/*@editable*/ line-height:120%;
|
|
margin-top:0;
|
|
margin-right:0;
|
|
margin-bottom:10px;
|
|
margin-left:0;
|
|
/*@editable*/ text-align:left;
|
|
}
|
|
|
|
h3, .h3{
|
|
/*@editable*/ color:#202020;
|
|
display:block;
|
|
/*@editable*/ font-family:Georgia, Times;
|
|
/*@editable*/ font-size:20px;
|
|
/*@editable*/ font-weight:400;
|
|
/*@editable*/ line-height:156%;
|
|
margin-top:0;
|
|
margin-right:0;
|
|
margin-bottom:10px;
|
|
margin-left:0;
|
|
/*@editable*/ text-align:left;
|
|
}
|
|
|
|
/**
|
|
* @tab Page
|
|
* @section heading 4
|
|
* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
|
|
* @style heading 4
|
|
*/
|
|
h4, .h4{
|
|
/*@editable*/ color:#202020;
|
|
display:block;
|
|
/*@editable*/ font-family:Georgia, Times;
|
|
/*@editable*/ font-size:20px;
|
|
/*@editable*/ font-weight:400;
|
|
/*@editable*/ line-height:100%;
|
|
margin-top:0;
|
|
margin-right:0;
|
|
margin-bottom:10px;
|
|
margin-left:0;
|
|
/*@editable*/ text-align:left;
|
|
}
|
|
|
|
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: PREHEADER /\/\/\/\/\/\/\/\/\/\ */
|
|
|
|
/**
|
|
* @tab Header
|
|
* @section preheader style
|
|
* @tip Set the background color for your email's preheader area.
|
|
* @theme page
|
|
*/
|
|
#templatePreheader{
|
|
/*@editable*/ background-color:#FAFAFA;
|
|
}
|
|
|
|
/**
|
|
* @tab Header
|
|
* @section preheader text
|
|
* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
|
|
*/
|
|
.preheaderContent div{
|
|
/*@editable*/ color:#505050;
|
|
/*@editable*/ font-family:Georgia, Times;
|
|
/*@editable*/ font-size:16px;
|
|
/*@editable*/ line-height:100%;
|
|
/*@editable*/ text-align:left;
|
|
}
|
|
|
|
/**
|
|
* @tab Header
|
|
* @section preheader link
|
|
* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
|
|
*/
|
|
.preheaderContent div a:link, .preheaderContent div a:visited, /* Yahoo! Mail Override */ .preheaderContent div a .yshortcuts /* Yahoo! Mail Override */{
|
|
/*@editable*/ color:#336699;
|
|
/*@editable*/ font-weight:normal;
|
|
/*@editable*/ text-decoration:underline;
|
|
}
|
|
|
|
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: HEADER /\/\/\/\/\/\/\/\/\/\ */
|
|
|
|
/**
|
|
* @tab Header
|
|
* @section header style
|
|
* @tip Set the background color and border for your email's header area.
|
|
* @theme header
|
|
*/
|
|
#templateHeader{
|
|
/*@editable*/ background-color:#FFFFFF;
|
|
/*@editable*/ border-bottom:0;
|
|
}
|
|
|
|
/**
|
|
* @tab Header
|
|
* @section header text
|
|
* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
|
|
*/
|
|
.headerContent{
|
|
/*@editable*/ color:#202020;
|
|
/*@editable*/ font-family:Georgia, Times;
|
|
/*@editable*/ font-size:31px;
|
|
/*@editable*/ font-weight:400;
|
|
/*@editable*/ line-height:100%;
|
|
/*@editable*/ padding:0;
|
|
/*@editable*/ text-align:center;
|
|
/*@editable*/ vertical-align:middle;
|
|
}
|
|
|
|
/**
|
|
* @tab Header
|
|
* @section header link
|
|
* @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
|
|
*/
|
|
.headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
|
|
/*@editable*/ color:#336699;
|
|
/*@editable*/ font-weight:normal;
|
|
/*@editable*/ text-decoration:underline;
|
|
}
|
|
|
|
#headerImage{
|
|
height:auto;
|
|
max-width:600px !important;
|
|
}
|
|
|
|
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: MAIN BODY /\/\/\/\/\/\/\/\/\/\ */
|
|
|
|
/**
|
|
* @tab Body
|
|
* @section body style
|
|
* @tip Set the background color for your email's body area.
|
|
*/
|
|
#templateContainer, .bodyContent{
|
|
/*@editable*/ background-color:#FFFFFF;
|
|
}
|
|
|
|
/**
|
|
* @tab Body
|
|
* @section body text
|
|
* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
|
|
* @theme main
|
|
*/
|
|
.bodyContent div{
|
|
/*@editable*/ color:#505050;
|
|
/*@editable*/ font-family:Georgia, Times;
|
|
/*@editable*/ font-size:16px;
|
|
/*@editable*/ line-height:150%;
|
|
/*@editable*/ text-align:left;
|
|
}
|
|
|
|
/**
|
|
* @tab Body
|
|
* @section body link
|
|
* @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
|
|
*/
|
|
.bodyContent div a:link, .bodyContent div a:visited, /* Yahoo! Mail Override */ .bodyContent div a .yshortcuts /* Yahoo! Mail Override */{
|
|
/*@editable*/ color:#336699;
|
|
/*@editable*/ font-weight:normal;
|
|
/*@editable*/ text-decoration:underline;
|
|
}
|
|
|
|
.bodyContent img{
|
|
display:inline;
|
|
height:auto;
|
|
}
|
|
|
|
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: FOOTER /\/\/\/\/\/\/\/\/\/\ */
|
|
|
|
/**
|
|
* @tab Footer
|
|
* @section footer style
|
|
* @tip Set the background color and top border for your email's footer area.
|
|
* @theme footer
|
|
*/
|
|
#templateFooter{
|
|
/*@editable*/ background-color:#FFFFFF;
|
|
/*@editable*/ border-top:0;
|
|
}
|
|
|
|
/**
|
|
* @tab Footer
|
|
* @section footer text
|
|
* @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
|
|
* @theme footer
|
|
*/
|
|
.footerContent div{
|
|
/*@editable*/ color:#707070;
|
|
/*@editable*/ font-family:Georgia, Times;
|
|
/*@editable*/ font-size:13px;
|
|
/*@editable*/ line-height:125%;
|
|
/*@editable*/ text-align:left;
|
|
}
|
|
|
|
/**
|
|
* @tab Footer
|
|
* @section footer link
|
|
* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
|
|
*/
|
|
.footerContent div a:link, .footerContent div a:visited, /* Yahoo! Mail Override */ .footerContent div a .yshortcuts /* Yahoo! Mail Override */{
|
|
/*@editable*/ color:#336699;
|
|
/*@editable*/ font-weight:normal;
|
|
/*@editable*/ text-decoration:underline;
|
|
}
|
|
|
|
.footerContent img{
|
|
display:inline;
|
|
}
|
|
|
|
/**
|
|
* @tab Footer
|
|
* @section social bar style
|
|
* @tip Set the background color and border for your email's footer social bar.
|
|
* @theme footer
|
|
*/
|
|
#social{
|
|
/*@editable*/ background-color:#FAFAFA;
|
|
/*@editable*/ border:0;
|
|
}
|
|
|
|
/**
|
|
* @tab Footer
|
|
* @section social bar style
|
|
* @tip Set the background color and border for your email's footer social bar.
|
|
*/
|
|
#social div{
|
|
/*@editable*/ text-align:center;
|
|
}
|
|
|
|
/**
|
|
* @tab Footer
|
|
* @section utility bar style
|
|
* @tip Set the background color and border for your email's footer utility bar.
|
|
* @theme footer
|
|
*/
|
|
#utility{
|
|
/*@editable*/ background-color:#FFFFFF;
|
|
/*@editable*/ border:0;
|
|
}
|
|
|
|
/**
|
|
* @tab Footer
|
|
* @section utility bar style
|
|
* @tip Set the background color and border for your email's footer utility bar.
|
|
*/
|
|
#utility div{
|
|
/*@editable*/ text-align:center;
|
|
}
|
|
|
|
#monkeyRewards img{
|
|
max-width:190px;
|
|
}
|
|
</style>
|
|
|
|
<center>
|
|
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
|
|
<tr>
|
|
<td align="center" valign="top">
|
|
<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer">
|
|
<tr>
|
|
<td align="center" valign="top">
|
|
<!-- // Begin Template Header \\ -->
|
|
<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader">
|
|
<tr>
|
|
<td class="headerContent" style="padding: 25px;border-bottom:#dadf90;background-color:#F6F6F6;text-align:left;font-size:18px">
|
|
#{settings.appName}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<!-- // End Template Header \\ -->
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center" valign="top">
|
|
<!-- // Begin Template Body \\ -->
|
|
<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody">
|
|
<tr>
|
|
<td valign="top" class="bodyContent">
|
|
|
|
<!-- // Begin Module: Standard Content \\ -->
|
|
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
|
<tr>
|
|
<td valign="top">
|
|
<%= body %>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<!-- // End Module: Standard Content \\ -->
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<!-- // End Template Body \\ -->
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</center>
|
|
</body>
|
|
</html>
|
|
|
|
""" |