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

master
Kevin Kondratuk 5 years ago
parent 33ed6e8da9
commit 713be6090e

@ -1,10 +1,55 @@
body { body {
font-size: 14px; font-size: 14px;
font-family: Ubuntu, sans-serif; font-family: Ubuntu, sans-serif;
/* background-color: rgb(14, 10, 54); */
background-color: #FFFFFF;
/* color: #AAAAAA; */
color: #555555; color: #555555;
margin: 0; 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 { h1 {
font-size: 26px; font-size: 26px;
} }

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