Lubuntu
/
lists-html
mirror of https://github.com/lubuntu-team/lists-html.git
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refine styles and layout for header and section template (list-info)

Browse Source
master
Kevin Kondratuk 5 years ago
parent 33ed6e8da9
commit 713be6090e
2 changed files with 208 additions and 132 deletions
Show Stats Download Patch File Download Diff File

45
lubuntu_style.css
Unescape View File

@ -1,10 +1,55 @@
body {
font-size: 14px;
font-family: Ubuntu, sans-serif;
/* background-color: rgb(14, 10, 54); */
background-color: #FFFFFF;
/* color: #AAAAAA; */
color: #555555;
margin: 0;
}
body div {
margin: 0;
/* padding: 0 0 0 1rem; */
padding: 0;
}
div.header {
background-color: #0074B9;
color: #FFFFFF;
height: 4rem;
padding: .5rem;
}
div.header img {
float: left;
}
div.header-spacer img {
height: 6rem;
width: 100%;
object-fit: cover;
}
div.section {
padding: 0 0 0 2rem;
}
div.section-header {
background-color: #0074B9;
color: #FFFFFF;
padding: .25rem .25rem .25rem 2rem;
}
h1 {
font-weight: 300;
}
div.header img {
height: 4rem;
margin: .5rem 0 0 .5rem;
}
h1 {
font-size: 26px;
}

295
templates/lubuntu-council-list-info-template.html
Unescape View File

@ -1,141 +1,172 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- $Revision: 5865 $ -->
<HTML>
<HEAD>
<TITLE><MM-List-Name> Info Page</TITLE>
<HEAD>
<TITLE>
<MM-List-Name> Info Page
</TITLE>
<link rel="stylesheet" type="text/css" href="./lubuntu_style.css">
</HEAD>
<BODY BGCOLOR="#ffffff">
</HEAD>
<BODY>
<div class="header">
<img class="logo" src="https://lubuntu.me/wp-content/uploads/2018/10/g5586.png"
alt="The official Lubuntu user mailing list">
<div class="title">
<h1><!---<MM-List-Name> -- --><MM-List-Description></h1>
</div>
</div>
<div class="header-spacer">
<img class="header-spacer-img" src="https://lubuntu.me/wp-content/uploads/2018/02/rect5512-2.png" alt="Image of the night sky">
</div>
<div class="section section-header">
<h1>
About <MM-List-Name>
</h1>
</div>
<div class="section about-section">
<p><MM-List-Info></p>
<p> To see the collection of prior postings to the list,
visit the <MM-Archive> <MM-List-Name> Archives </MM-Archive>.
<MM-Restricted-List-Message>
</p>
</div>
<P>
<TABLE BORDER="0" CELLSPACING="4" CELLPADDING="5">
<TR>
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#99CCFF" ALIGN="CENTER">
<B><FONT COLOR="#000000" SIZE="+1"><MM-List-Name> --
<MM-List-Description></FONT></B>
</TD>
</TR>
<tr>
<TD COLSPAN="1" WIDTH="100%" BGCOLOR="#FFF0D0">
<B><FONT COLOR="#000000">About <MM-List-Name></FONT></B>
</TD>
<TD COLSPAN="1" WIDTH="100%" BGCOLOR="#FFF0D0">
<MM-lang-form-start><MM-displang-box> <MM-list-langs>
<MM-form-end>
</TD>
</TR>
<tr>
<td colspan="2">
<P><MM-List-Info></P>
<p> To see the collection of prior postings to the list,
visit the <MM-Archive><MM-List-Name>
Archives</MM-Archive>.
<MM-Restricted-List-Message>
</p>
</TD>
</TR>
<TR>
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0">
<B><FONT COLOR="#000000">Using <MM-List-Name></FONT></B>
</TD>
</TR>
<tr>
<td colspan="2">
To post a message to all the list members, send email to
<A HREF="mailto:<MM-Posting-Addr>"><MM-Posting-Addr></A>.
<P>
<TABLE BORDER="0" CELLSPACING="4" CELLPADDING="5">
<TR>
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0">
<B>
<FONT COLOR="#000000">Using <MM-List-Name>
</FONT>
</B>
</TD>
</TR>
<tr>
<td colspan="2">
To post a message to all the list members, send email to
<A HREF="mailto:<MM-Posting-Addr>">
<MM-Posting-Addr>
</A>.
<p>You can subscribe to the list, or change your existing
subscription, in the sections below.
</td>
</tr>
<TR>
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0">
<B><FONT COLOR="#000000">Subscribing to <MM-List-Name></FONT></B>
</TD>
</TR>
<tr>
<td colspan="2">
<P>
Subscribe to <MM-List-Name> by filling out the following
form.
<MM-List-Subscription-Msg>
<ul>
<MM-Subscribe-Form-Start>
<TABLE BORDER="0" CELLSPACING="2" CELLPADDING="2"
WIDTH="70%">
<TR>
<TD BGCOLOR="#dddddd" WIDTH="55%">Your email address:</TD>
<TD WIDTH="33%"><MM-Subscribe-Box>
</TD>
<TD WIDTH="12%"> </TD></TR>
<tr>
<td bgcolor="#dddddd" width="55%">Your name (optional):</td>
<td width="33%"><mm-fullname-box></td>
<TD WIDTH="12%"> </TD></TR>
<TR>
<TD COLSPAN="3"><FONT SIZE=-1>You may enter a
privacy password below. This provides only mild security,
but should prevent others from messing with your
subscription. <b>Do not use a valuable password</b> as
it will occasionally be emailed back to you in cleartext.
<p>You can subscribe to the list, or change your existing
subscription, in the sections below.
</td>
</tr>
<TR>
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0">
<B>
<FONT COLOR="#000000">Subscribing to <MM-List-Name>
</FONT>
</B>
</TD>
</TR>
<tr>
<td colspan="2">
<P>
Subscribe to <MM-List-Name> by filling out the following
form.
<MM-List-Subscription-Msg>
<ul>
<MM-Subscribe-Form-Start>
<TABLE BORDER="0" CELLSPACING="2" CELLPADDING="2" WIDTH="70%">
<TR>
<TD WIDTH="55%">Your email address:</TD>
<TD WIDTH="33%">
<MM-Subscribe-Box>
</TD>
<TD WIDTH="12%"> </TD>
</TR>
<tr>
<td width="55%">Your name (optional):</td>
<td width="33%">
<mm-fullname-box>
</td>
<TD WIDTH="12%"> </TD>
</TR>
<TR>
<TD COLSPAN="3">
You may enter a
privacy password below. This provides only mild security,
but should prevent others from messing with your
subscription. <b>Do not use a valuable password</b> as
it will occasionally be emailed back to you in cleartext.
<br><br>If you choose not to enter a password, one will be
automatically generated for you, and it will be sent to
you once you've confirmed your subscription. You can
always request a mail-back of your password when you edit
your personal options.
<MM-Reminder>
</font>
</TD>
</TR>
<TR>
<TD BGCOLOR="#dddddd">Pick a password:</TD>
<TD><MM-New-Password-Box></TD>
<TD> </TD></TR>
<TR>
<TD BGCOLOR="#dddddd">Reenter password to confirm:</TD>
<TD><MM-Confirm-Password></TD>
<TD> </TD></TR>
<tr>
<TD BGCOLOR="#dddddd">Which language do you prefer to display your messages?</TD>
<TD> <MM-list-langs></TD>
<TD> </TD></TR>
<mm-digest-question-start>
<tr>
<td>Would you like to receive list mail batched in a daily
digest?
</td>
<td><MM-Undigest-Radio-Button> No
<MM-Digest-Radio-Button> Yes
</TD>
</tr>
<mm-digest-question-end>
<tr>
<td colspan="3">
<center><MM-Subscribe-Button></center>
</td>
</tr>
</TABLE>
<MM-Form-End>
</ul>
<TR>
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0">
<a name="subscribers">
<B><FONT COLOR="#000000"><MM-List-Name> Subscribers</FONT></B></a>
</TD>
</TR>
<tr>
<TD COLSPAN="2" WIDTH="100%">
<MM-Roster-Form-Start>
<MM-Roster-Option>
<MM-Form-End>
<p>
<MM-Options-Form-Start>
<MM-Editing-Options>
<MM-Form-End>
</td>
</tr>
</table>
<MM-Mailman-Footer>
<br><br>If you choose not to enter a password, one will be
automatically generated for you, and it will be sent to
you once you've confirmed your subscription. You can
always request a mail-back of your password when you edit
your personal options.
<MM-Reminder>
</TD>
</TR>
<TR>
<TD BGCOLOR="#dddddd">Pick a password:</TD>
<TD>
<MM-New-Password-Box>
</TD>
<TD> </TD>
</TR>
<TR>
<TD BGCOLOR="#dddddd">Reenter password to confirm:</TD>
<TD>
<MM-Confirm-Password>
</TD>
<TD> </TD>
</TR>
<tr>
<TD BGCOLOR="#dddddd">Which language do you prefer to display your
messages?</TD>
<TD>
<MM-list-langs>
</TD>
<TD> </TD>
</TR>
<mm-digest-question-start>
<tr>
<td>Would you like to receive list mail batched in a daily
digest?
</td>
<td>
<MM-Undigest-Radio-Button> No
<MM-Digest-Radio-Button> Yes
</TD>
</tr>
<mm-digest-question-end>
<tr>
<td colspan="3">
<center>
<MM-Subscribe-Button>
</center>
</td>
</tr>
</TABLE>
<MM-Form-End>
</ul>
<TR>
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0">
<a name="subscribers">
<B>
<FONT COLOR="#000000">
<MM-List-Name> Subscribers
</FONT>
</B></a>
</TD>
</TR>
<tr>
<TD COLSPAN="2" WIDTH="100%">
<MM-Roster-Form-Start>
<MM-Roster-Option>
<MM-Form-End>
<p>
<MM-Options-Form-Start>
<MM-Editing-Options>
<MM-Form-End>
</td>
</tr>
</table>
<MM-Mailman-Footer>
</BODY>
</HTML>
Write Preview
Loading…
Cancel
Save