emailer changes for both website and emailer
This commit is contained in:
unknown
parent
c15902a386
commit
b83ef05279
|
|
@ -1,7 +1,6 @@
|
|||
|
||||
#wrapperEmailer {
|
||||
width:570px;
|
||||
padding:20px;
|
||||
background:#fff;
|
||||
|
||||
}
|
||||
|
|
@ -18,18 +17,10 @@
|
|||
}
|
||||
|
||||
#logoItfSmall {
|
||||
margin-left:10px;
|
||||
margin-top:16px;
|
||||
}
|
||||
float:right;}
|
||||
|
||||
#issueNo, #issueDate {
|
||||
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
|
||||
font-weight:bold;
|
||||
line-height:14px;
|
||||
margin-left:10px;
|
||||
}
|
||||
|
||||
#emailerDescription {
|
||||
/*#emailerDescription {
|
||||
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
|
||||
font-weight:bold;
|
||||
line-height:14px;
|
||||
|
|
@ -38,22 +29,32 @@
|
|||
background-color:#f7bd00;
|
||||
padding:8px;
|
||||
margin-top:6px;
|
||||
}
|
||||
}*/
|
||||
|
||||
#logoImg {
|
||||
position:absolute;
|
||||
/* position:absolute;
|
||||
top:10px;
|
||||
right:0px;
|
||||
left:0px;*/
|
||||
margin-bottom:10px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#issueNo, #issueDate {
|
||||
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
|
||||
line-height:14px;
|
||||
}
|
||||
|
||||
#issueDate {
|
||||
margin-left:10px;
|
||||
}
|
||||
|
||||
#issueNo {
|
||||
float:left;
|
||||
}
|
||||
|
||||
#navEmailer {
|
||||
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
|
||||
font-weight:bold;
|
||||
margin-left:20px;
|
||||
margin-right:20px;
|
||||
margin-top:20px;
|
||||
border-bottom:2px solid #f7bd00;
|
||||
padding-bottom:10px;
|
||||
float:right;
|
||||
}
|
||||
|
||||
#navEmailer li {
|
||||
|
|
@ -63,8 +64,11 @@
|
|||
}
|
||||
|
||||
#navEmailer li a {
|
||||
color:#f7bd00;
|
||||
text-decoration:none;
|
||||
color:#ffcc00 !important;
|
||||
}
|
||||
|
||||
#navEmailer li:hover a {
|
||||
text-decoration:none !important;
|
||||
}
|
||||
|
||||
/* HEADER EMAILER CLOSING */
|
||||
|
|
@ -77,6 +81,7 @@
|
|||
#contentEmailer {
|
||||
width:570px;
|
||||
margin:0 auto;
|
||||
border-top:2px solid #f8c92d;
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -84,13 +89,13 @@
|
|||
background-color:#f7bd00;
|
||||
color:#fff;
|
||||
text-align:center;
|
||||
width:164px; /* fixed, can be changed*/
|
||||
height:130px; /* fixed, can be changed, character limit accordingly*/
|
||||
width:245px; /* fixed, can be changed*/
|
||||
height:170px; /* fixed, can be changed, character limit accordingly*/
|
||||
margin-top:10px;
|
||||
margin-left:5px;
|
||||
margin-right:5px;
|
||||
margin-bottom:20px;
|
||||
padding:8px;
|
||||
margin-left:10px;
|
||||
margin-right:10px;
|
||||
margin-bottom:10px;
|
||||
padding:10px;
|
||||
float:left;
|
||||
position:relative;
|
||||
|
||||
|
|
@ -109,8 +114,8 @@
|
|||
}
|
||||
|
||||
.contentBoxes a {
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
color:#fff !important;
|
||||
text-decoration:none !important;
|
||||
}
|
||||
|
||||
.contentBoxesMore {
|
||||
|
|
@ -122,8 +127,17 @@
|
|||
.articleTitle {
|
||||
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
|
||||
font-size:24px;
|
||||
color:#f7bd00;
|
||||
color:#ffcc00;
|
||||
padding-left:8px;
|
||||
text-transform:uppercase;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.articleAuthor {
|
||||
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
|
||||
font-size:12px;
|
||||
padding-right:8px;
|
||||
float:right;
|
||||
}
|
||||
|
||||
.articleImg {
|
||||
|
|
@ -132,8 +146,8 @@
|
|||
|
||||
.articleImg img {
|
||||
display:block;
|
||||
border:1px solid #f7bd00;
|
||||
max-width:550px; /* SUBJECT TO CHANGE*/
|
||||
border:1px solid #f7c00c;
|
||||
max-width:560px; /* SUBJECT TO CHANGE*/
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
|
|
@ -160,11 +174,12 @@
|
|||
margin-left:20px;
|
||||
margin-right:20px;
|
||||
text-align:center;
|
||||
color:#999;
|
||||
}
|
||||
|
||||
#footerEmailer a {
|
||||
color:#0066ff;
|
||||
text-decoration:none;
|
||||
color:#0066ff !important;
|
||||
text-decoration:none !important;
|
||||
}
|
||||
|
||||
#footerEmailer p {
|
||||
|
|
@ -172,11 +187,12 @@
|
|||
}
|
||||
|
||||
#footerEmailer p:first-child {
|
||||
border-bottom:2px solid #f7bd00;
|
||||
border-top:2px solid #f8c92d;
|
||||
border-bottom:2px solid #f8c92d;
|
||||
}
|
||||
|
||||
#footerEmailer p:last-child {
|
||||
border-top:2px solid #f7bd00;
|
||||
border-top:2px solid #f8c92d;
|
||||
padding-bottom:30px;
|
||||
} /* last child don't work with IE8 also, have added JS libraries; will test when site goes live */
|
||||
|
||||
|
|
|
|||
|
|
@ -22,12 +22,12 @@
|
|||
<tr>
|
||||
|
||||
<td style="width:290px; padding:0px 10px 0px 10px;border-bottom:2px solid #f8c92d;">
|
||||
<p style="font-family:'Century Gothic', Arial, Helvetica, sans-serif; font-size:14px; color:#888; padding-bottom:2px; margin-left:8px;">Issue No: {{ issue.issue_no }} <span> {{ issue.date|date:"d-M-Y" }}</span></p>
|
||||
<p style="font-family:'Century Gothic', Arial, Helvetica, sans-serif; font-size:12px; color:#888; padding-bottom:2px; margin-left:8px;">Issue No: {{ issue.issue_no }} <span> {{ issue.date|date:"d-M-Y" }}</span></p>
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
<td style="width:290px; padding:0px 0px 0px 10px; font-size:14px; font-family:'Century Gothic', Arial, Helvetica, sans-serif;border-bottom:2px solid #f8c92d; margin-left:8px">
|
||||
<td style="width:290px; padding:0px 0px 0px 10px; font-size:12px; font-family:'Century Gothic', Arial, Helvetica, sans-serif;border-bottom:2px solid #f8c92d; margin-left:8px">
|
||||
<p style="text-align:right;"><a href="" style="color:#ffcc00; text-decoration:none;">SUBSCRIBE |</a> <a href="" style="color:#ffcc00; text-decoration:none;">FEEDBACK </a></p>
|
||||
</td>
|
||||
|
||||
|
|
@ -43,13 +43,13 @@
|
|||
|
||||
<p style="font-size:13px; font-family:Arial, Helvetica, sans-serif; padding-left:6px; padding-right:6px;">Some weblink</p>
|
||||
<p style="font-size:13px; font-family:Arial, Helvetica, sans-serif; padding-left:6px; padding-right:6px;">Some other weblink</p>
|
||||
<p style="text-align:right;"><a href="" style="color:#fff; text-decoration:none; font-size:14px;">More »</a></p>
|
||||
<p style="text-align:right;"><a href="" style="color:#fff; text-decoration:none; font-size:12px;">More »</a></p>
|
||||
</td>
|
||||
<td style="width:240px; height:170px; background-color:#f7bd00; color:#fff; padding:10px;">
|
||||
<p style="font-size:16px; text-align:center; text-transform:uppercase; font-family:'Century Gothic', Arial, Helvetica, sans-serif;">Bulletin Board</p>
|
||||
<p style="font-size:13px; font-family:Arial, Helvetica, sans-serif; padding-left:6px; padding-right:6px;">Some bb item</p>
|
||||
<p style="font-size:13px; font-family:Arial, Helvetica, sans-serif; padding-left:6px; padding-right:6px;">Some other bb item</p>
|
||||
<p style="text-align:right;"><a href="" style="color:#fff; text-decoration:none; font-size:14px;">More »</a></p>
|
||||
<p style="text-align:right;"><a href="" style="color:#fff; text-decoration:none; font-size:12px;">More »</a></p>
|
||||
</td>
|
||||
|
||||
<!--
|
||||
|
|
@ -85,14 +85,15 @@
|
|||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:580px; padding:10px; color:#888; font-family:Arial, Helvetica, sans-serif; font-size:14px;"><p>{{ article.text|markdown }}</p></td>
|
||||
<td style="width:580px; padding:10px; color:#888; font-family:Arial, Helvetica, sans-serif; font-size:12px;"><p>{{ article.text|markdown }}</p></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
|
||||
<tr>
|
||||
|
||||
<td style="width:580px; margin:10px 0 10px 0;">
|
||||
<p style="padding:8px; background-color:#f7bd00; color:#fff; font-size:24px; font-family:'Century Gothic', Arial, Helvetica, sans-serif;">WEB LINKS</p>
|
||||
<p style="color:#888; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:8px;">{{ weblinks.text|markdown }}</p>
|
||||
<p style="color:#888; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:8px;">{{ weblinks.text|markdown }}</p>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
|
@ -100,7 +101,7 @@
|
|||
<tr>
|
||||
<td style="width:580px; margin:10px 0 10px 0;">
|
||||
<p style="padding:8px; background-color:#f7bd00; color:#fff; font-size:24px; font-family:'Century Gothic', Arial, Helvetica, sans-serif;">BULLETIN BOARD</p>
|
||||
<p style="color:#888; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:8px;">{{ bulletinboard.text|markdown }}</p>
|
||||
<p style="color:#888; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:8px;">{{ bulletinboard.text|markdown }}</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
|
@ -108,7 +109,7 @@
|
|||
|
||||
</table>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
|
||||
<table width="600" border="0" cellspacing="6" cellpadding="1">
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -4,21 +4,23 @@
|
|||
|
||||
<div id="headerEmailer">
|
||||
|
||||
<img src="logoItfSmall.jpg" width="125" height="34" alt="logo-itf-small" id="logoItfSmall"><!-- LOGO ITF SMALL -->
|
||||
|
||||
<p id="issueNo">Issue No: {{ issue.issue_no }}</p><!-- ISSUE NO CLOSING -->
|
||||
<p id="issueDate">{{ issue.issue_date }}</p><!-- ISSUE DATE CLOSING -->
|
||||
<p id="emailerDescription">A fortnightly theatre e-journal from the India Theatre Forum<br>Co-Editors: Vikram Iyengar, Joyoti Roy</p><!-- EMAILER DESCRIPTION CLOSING -->
|
||||
|
||||
<img src="logo-erang.jpg" width="151" height="127" alt="logo-erang" id="logoImg"><!-- LOGO IMG -->
|
||||
<img src="/static/images/emailer/logo-erang.jpg" width="151" height="127" alt="logo-erang" id="logoImg"><!-- LOGO IMG -->
|
||||
|
||||
<img src="/static/images/emailer/logoItfSmall.jpg" width="125" height="34" alt="logo-itf-small" id="logoItfSmall"><!-- LOGO ITF SMALL -->
|
||||
<div class="clear"></div>
|
||||
<p id="issueNo">Issue No: {{ issue.issue_no }}<span id="issueDate">{{ issue.date|date:"d-M-Y" }}</span></p><!-- ISSUE NO CLOSING -->
|
||||
|
||||
<!--<p id="emailerDescription">A fortnightly theatre e-journal from the India Theatre Forum<br>Co-Editors: Vikram Iyengar, Joyoti Roy</p><!-- EMAILER DESCRIPTION CLOSING -->
|
||||
|
||||
<div id="navEmailer">
|
||||
<li><a href="">Subscribe |</a></li>
|
||||
<li><a href="">Feedback |</a></li>
|
||||
<li><a href="">Bulletin Board |</a></li>
|
||||
<li><a href="">Links</a></li>
|
||||
<li><a href="">Feedback </a></li>
|
||||
<!--<li><a href="">Bulletin Board |</a></li>
|
||||
<li><a href="">Links</a></li>-->
|
||||
</div><!--NAV EMAILER CLOSING -->
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div><!-- HEADER EMAILER CLOSING -->
|
||||
|
||||
<div id="contentEmailer">
|
||||
|
|
@ -35,28 +37,32 @@
|
|||
<p class="contentBoxesMore"><a href="">More »</a></p>
|
||||
</div><!-- CONTENT BOXES CLOSING -->
|
||||
|
||||
<div class="contentBoxes">
|
||||
<h1>{{ box_title }}</h1>
|
||||
<p>{{ box_text }}</p>
|
||||
<p class="contentBoxesMore"><a href="">More » </a></p>
|
||||
|
||||
</div><!-- CONTENT BOXES CLOSING -->
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
<div class="articleEmailer">
|
||||
{% for article in articles %}
|
||||
<div class="articleTitle">{{ article.title }}</div><!-- ARTICLE TITLE CLOSING -->
|
||||
<div class="articleTitle">{{ article.title }}</div>
|
||||
<div class="articleAuthor">by: {{ article.author }}</div><!-- ARTICLE TITLE CLOSING -->
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
<div class="articleImg"><img src="logo-erang.jpg" width="151" height="127"></div><!-- ARTICLE IMAGE CLOSING -->
|
||||
<div class="articleCaption">{{ article.subtitle }}</div><!-- ARTICLE CAPTION CLOSING -->
|
||||
<div class="articleText">{{ article.text|markdown }}</div>
|
||||
{% endfor %}
|
||||
</div><!-- ARTICLE EMAILER CLOSING -->
|
||||
|
||||
|
||||
</div><!-- CONTENT EMAILER CLOSING -->
|
||||
|
||||
<div id="footerEmailer">
|
||||
|
||||
<p>A fortnightly theatre e-journal from the India Theatre Forum<br>
|
||||
Co-Editors: Vikram Iyengar, Joyoti Roy</p>
|
||||
<p>Views expressed in the articles in e-Rang are personal.<br>
|
||||
e-Rang does not hold copyright of any piece.<br>
|
||||
Any enquiry for re-use of articles should be addressed to the authors.</p>
|
||||
<p>Contribute your articles to e-Rang and become part of this theatre community! Email us at <a href="">erang@theatreforum.in</a> to know
|
||||
more about how to contribute..</p>
|
||||
<p>The India Theatre Forum (ITF), a Prithvi Theatre initiative, was formed in 2006 as a loose
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user