Warning, file /webapps/ocs-webserver/application/modules/default/views/emails/layout.phtml was not indexed or was modified since last indexation (in which case cross-reference links may be missing, inaccurate or erroneous).

0001 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
0002 <html xmlns="http://www.w3.org/1999/xhtml">
0003 <head>
0004     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
0005     <title>ocs. - open content store.</title>
0006     <style type="text/css">
0007         /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
0008         #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
0009         .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
0010         .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
0011         body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
0012         table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
0013         img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
0014 
0015         /* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
0016         body{margin:0; padding:0;}
0017         img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
0018         table{border-collapse:collapse !important;}
0019         body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
0020 
0021         /* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */
0022 
0023         /* ========== Page Styles ========== */
0024 
0025         #bodyCell{padding:20px;}
0026         #templateContainer{width:600px;}
0027 
0028         /**
0029          * @tab Page
0030          * @section background style
0031          * @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
0032          * @theme page
0033          */
0034         body, #bodyTable{
0035             /*@editable*/ background-color:#DEE0E2;
0036         }
0037 
0038         /**
0039          * @tab Page
0040          * @section background style
0041          * @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
0042          * @theme page
0043          */
0044         #bodyCell{
0045             /*@editable*/ border-top:4px solid #BBBBBB;
0046         }
0047 
0048         /**
0049          * @tab Page
0050          * @section email border
0051          * @tip Set the border for your email.
0052          */
0053         #templateContainer{
0054             /*@editable*/ border:1px solid #BBBBBB;
0055         }
0056 
0057         /**
0058          * @tab Page
0059          * @section heading 1
0060          * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
0061          * @style heading 1
0062          */
0063         h1{
0064             /*@editable*/ color:#202020 !important;
0065             display:block;
0066             /*@editable*/ font-family:"Lato", Helvetica, Arial, sans-serif;
0067             /*@editable*/ font-size:26px;
0068             /*@editable*/ font-style:normal;
0069             /*@editable*/ font-weight:bold;
0070             /*@editable*/ line-height:100%;
0071             /*@editable*/ letter-spacing:normal;
0072             margin-top:0;
0073             margin-right:0;
0074             margin-bottom:10px;
0075             margin-left:0;
0076             /*@editable*/ text-align:left;
0077         }
0078 
0079         /**
0080          * @tab Page
0081          * @section heading 2
0082          * @tip Set the styling for all second-level headings in your emails.
0083          * @style heading 2
0084          */
0085         h2{
0086             /*@editable*/ color:#404040 !important;
0087             display:block;
0088             /*@editable*/ font-family:"Lato", Helvetica, Arial, sans-serif;
0089             /*@editable*/ font-size:20px;
0090             /*@editable*/ font-style:normal;
0091             /*@editable*/ font-weight:bold;
0092             /*@editable*/ line-height:100%;
0093             /*@editable*/ letter-spacing:normal;
0094             margin-top:0;
0095             margin-right:0;
0096             margin-bottom:10px;
0097             margin-left:0;
0098             /*@editable*/ text-align:left;
0099         }
0100 
0101         /**
0102          * @tab Page
0103          * @section heading 3
0104          * @tip Set the styling for all third-level headings in your emails.
0105          * @style heading 3
0106          */
0107         h3{
0108             /*@editable*/ color:#606060 !important;
0109             display:block;
0110             /*@editable*/ font-family:"Lato", Helvetica, Arial, sans-serif;
0111             /*@editable*/ font-size:16px;
0112             /*@editable*/ font-style:italic;
0113             /*@editable*/ font-weight:normal;
0114             /*@editable*/ line-height:100%;
0115             /*@editable*/ letter-spacing:normal;
0116             margin-top:0;
0117             margin-right:0;
0118             margin-bottom:10px;
0119             margin-left:0;
0120             /*@editable*/ text-align:left;
0121         }
0122 
0123         /**
0124          * @tab Page
0125          * @section heading 4
0126          * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
0127          * @style heading 4
0128          */
0129         h4{
0130             /*@editable*/ color:#808080 !important;
0131             display:block;
0132             /*@editable*/ font-family:"Lato", Helvetica, Arial, sans-serif;
0133             /*@editable*/ font-size:14px;
0134             /*@editable*/ font-style:italic;
0135             /*@editable*/ font-weight:normal;
0136             /*@editable*/ line-height:100%;
0137             /*@editable*/ letter-spacing:normal;
0138             margin-top:0;
0139             margin-right:0;
0140             margin-bottom:10px;
0141             margin-left:0;
0142             /*@editable*/ text-align:left;
0143         }
0144 
0145         /* ========== Header Styles ========== */
0146 
0147         /**
0148          * @tab Header
0149          * @section preheader style
0150          * @tip Set the background color and bottom border for your email's preheader area.
0151          * @theme header
0152          */
0153         #templatePreheader{
0154             /*@editable*/ background-color:#34495c;
0155             /*@editable*/ border-bottom:1px solid #CCCCCC;
0156         }
0157 
0158         /**
0159          * @tab Header
0160          * @section preheader text
0161          * @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
0162          */
0163         .preheaderContent{
0164             /*@editable*/ color:#ffffff;
0165             /*@editable*/ font-family:"Lato", Helvetica, Arial, sans-serif;
0166             /*@editable*/ font-size:12px;
0167             /*@editable*/ line-height:125%;
0168             /*@editable*/ text-align:right;
0169         }
0170 
0171         /**
0172          * @tab Header
0173          * @section preheader link
0174          * @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
0175          */
0176         .preheaderContent a:link, .preheaderContent a:visited, /* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Override */{
0177             /*@editable*/ color:#606060;
0178             /*@editable*/ font-weight:normal;
0179             /*@editable*/ text-decoration:underline;
0180         }
0181 
0182         /**
0183          * @tab Header
0184          * @section header style
0185          * @tip Set the background color and borders for your email's header area.
0186          * @theme header
0187          */
0188         #templateHeader{
0189             /*@editable*/ background-color:#F4F4F4;
0190             /*@editable*/ border-top:1px solid #FFFFFF;
0191             /*@editable*/ border-bottom:1px solid #CCCCCC;
0192         }
0193 
0194         /**
0195          * @tab Header
0196          * @section header text
0197          * @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
0198          */
0199         .headerContent{
0200             /*@editable*/ color:#505050;
0201             /*@editable*/ font-family:"Lato", Helvetica, Arial, sans-serif;
0202             /*@editable*/ font-size:20px;
0203             /*@editable*/ font-weight:bold;
0204             /*@editable*/ line-height:100%;
0205             /*@editable*/ padding-top:0;
0206             /*@editable*/ padding-right:0;
0207             /*@editable*/ padding-bottom:0;
0208             /*@editable*/ padding-left:0;
0209             /*@editable*/ text-align:left;
0210             /*@editable*/ vertical-align:middle;
0211         }
0212 
0213         /**
0214          * @tab Header
0215          * @section header link
0216          * @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
0217          */
0218         .headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
0219             /*@editable*/ color:#EB4102;
0220             /*@editable*/ font-weight:normal;
0221             /*@editable*/ text-decoration:underline;
0222         }
0223 
0224         #headerImage{
0225             height:auto;
0226             max-width:600px;
0227         }
0228 
0229         /* ========== Body Styles ========== */
0230 
0231         /**
0232          * @tab Body
0233          * @section body style
0234          * @tip Set the background color and borders for your email's body area.
0235          */
0236         #templateBody{
0237             /*@editable*/ background-color:#F4F4F4;
0238             /*@editable*/ border-top:1px solid #FFFFFF;
0239             /*@editable*/ border-bottom:1px solid #CCCCCC;
0240         }
0241 
0242         /**
0243          * @tab Body
0244          * @section body text
0245          * @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
0246          * @theme main
0247          */
0248         .bodyContent{
0249             /*@editable*/ color:#505050;
0250             /*@editable*/ font-family:"Lato", Helvetica, Arial, sans-serif;
0251             /*@editable*/ font-size:14px;
0252             /*@editable*/ line-height:150%;
0253             padding-top:20px;
0254             padding-right:20px;
0255             padding-bottom:20px;
0256             padding-left:20px;
0257             /*@editable*/ text-align:left;
0258         }
0259 
0260         /**
0261          * @tab Body
0262          * @section body link
0263          * @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
0264          */
0265         .bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{
0266             /*@editable*/ color:#EB4102;
0267             /*@editable*/ font-weight:normal;
0268             /*@editable*/ text-decoration:underline;
0269         }
0270 
0271         .bodyContent img{
0272             display:inline;
0273             height:auto;
0274             max-width:560px;
0275         }
0276 
0277         /* ========== Footer Styles ========== */
0278 
0279         /**
0280          * @tab Footer
0281          * @section footer style
0282          * @tip Set the background color and borders for your email's footer area.
0283          * @theme footer
0284          */
0285         #templateFooter{
0286             /*@editable*/ background-color:#34495c;
0287             /*@editable*/ border-top:1px solid #FFFFFF;
0288         }
0289 
0290         /**
0291          * @tab Footer
0292          * @section footer text
0293          * @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
0294          * @theme footer
0295          */
0296         .footerContent{
0297             /*@editable*/ color:#ffffff;
0298             /*@editable*/ font-family:"Lato", Helvetica, Arial, sans-serif;
0299             /*@editable*/ font-size:10px;
0300             /*@editable*/ line-height:150%;
0301             padding-top:20px;
0302             padding-right:20px;
0303             padding-bottom:20px;
0304             padding-left:20px;
0305             /*@editable*/ text-align:left;
0306         }
0307 
0308         /**
0309          * @tab Footer
0310          * @section footer link
0311          * @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
0312          */
0313         .footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{
0314             /*@editable*/ color:#ffffff;
0315             /*@editable*/ font-weight:normal;
0316             /*@editable*/ text-decoration:underline;
0317         }
0318 
0319         /* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
0320 
0321         @media only screen and (max-width: 480px){
0322             /* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
0323             body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
0324             body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
0325 
0326             /* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
0327             #bodyCell{padding:10px !important;}
0328 
0329             /* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
0330 
0331             /* ======== Page Styles ======== */
0332 
0333             /**
0334              * @tab Mobile Styles
0335              * @section template width
0336              * @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.
0337              */
0338             #templateContainer{
0339                 max-width:600px !important;
0340                 /*@editable*/ width:100% !important;
0341             }
0342 
0343             /**
0344              * @tab Mobile Styles
0345              * @section heading 1
0346              * @tip Make the first-level headings larger in size for better readability on small screens.
0347              */
0348             h1{
0349                 /*@editable*/ font-size:24px !important;
0350                 /*@editable*/ line-height:100% !important;
0351             }
0352 
0353             /**
0354              * @tab Mobile Styles
0355              * @section heading 2
0356              * @tip Make the second-level headings larger in size for better readability on small screens.
0357              */
0358             h2{
0359                 /*@editable*/ font-size:20px !important;
0360                 /*@editable*/ line-height:100% !important;
0361             }
0362 
0363             /**
0364              * @tab Mobile Styles
0365              * @section heading 3
0366              * @tip Make the third-level headings larger in size for better readability on small screens.
0367              */
0368             h3{
0369                 /*@editable*/ font-size:18px !important;
0370                 /*@editable*/ line-height:100% !important;
0371             }
0372 
0373             /**
0374              * @tab Mobile Styles
0375              * @section heading 4
0376              * @tip Make the fourth-level headings larger in size for better readability on small screens.
0377              */
0378             h4{
0379                 /*@editable*/ font-size:16px !important;
0380                 /*@editable*/ line-height:100% !important;
0381             }
0382 
0383             /* ======== Header Styles ======== */
0384 
0385             #templatePreheader{display:none !important;} /* Hide the template preheader to save space */
0386 
0387             /**
0388              * @tab Mobile Styles
0389              * @section header image
0390              * @tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
0391              */
0392             #headerImage{
0393                 height:auto !important;
0394                 /*@editable*/ max-width:600px !important;
0395                 /*@editable*/ width:100% !important;
0396             }
0397 
0398             /**
0399              * @tab Mobile Styles
0400              * @section header text
0401              * @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
0402              */
0403             .headerContent{
0404                 /*@editable*/ font-size:20px !important;
0405                 /*@editable*/ line-height:125% !important;
0406             }
0407 
0408             /* ======== Body Styles ======== */
0409 
0410             /**
0411              * @tab Mobile Styles
0412              * @section body text
0413              * @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
0414              */
0415             .bodyContent{
0416                 /*@editable*/ font-size:18px !important;
0417                 /*@editable*/ line-height:125% !important;
0418             }
0419 
0420             /* ======== Footer Styles ======== */
0421 
0422             /**
0423              * @tab Mobile Styles
0424              * @section footer text
0425              * @tip Make the body content text larger in size for better readability on small screens.
0426              */
0427             .footerContent{
0428                 /*@editable*/ font-size:14px !important;
0429                 /*@editable*/ line-height:115% !important;
0430             }
0431 
0432             .footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */
0433         }
0434     </style>
0435 </head>
0436 <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
0437 <center>
0438     <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
0439         <tr>
0440             <td align="center" valign="top" id="bodyCell">
0441                 <!-- BEGIN TEMPLATE // -->
0442                 <table border="0" cellpadding="0" cellspacing="0" id="templateContainer">
0443                     <tr>
0444                         <td align="center" valign="top">
0445                         </td>
0446                     </tr>
0447                     <tr>
0448                         <td align="center" valign="top">
0449                             <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody">
0450                                 <tr>
0451                                     <td valign="top" class="bodyContent">
0452 
0453                                         <?=mail_text?>
0454 
0455                                     </td>
0456                                 </tr>
0457                             </table>
0458                         </td>
0459                     </tr>
0460                     <tr>
0461                         <td align="center" valign="top">
0462                             <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateFooter">
0463                                 <tr>
0464                                     <td valign="top" class="footerContent">
0465                                         <a href="https://twitter.com/opendesktop">Follow on Twitter</a>&nbsp;&nbsp;&nbsp;<a href="https://www.facebook.com/opendesktop.org">Follow on Facebook</a>&nbsp;
0466                                     </td>
0467                                 </tr>
0468                                 <tr>
0469                                     <td valign="top" class="footerContent" style="padding-top:0;">
0470                                     </td>
0471                                 </tr>
0472                             </table>
0473                         </td>
0474                     </tr>
0475                 </table>
0476             </td>
0477         </tr>
0478     </table>
0479 </center>
0480 </body>
0481 </html>