mirror of
https://github.com/lubuntu-team/lists-html.git
synced 2025-03-10 06:31:09 +00:00
refine styles and layout for header and section template (list-info)
This commit is contained in:
Kevin Kondratuk
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">
|
|
||||||
|
|
||||||
<P>
|
<BODY>
|
||||||
<TABLE BORDER="0" CELLSPACING="4" CELLPADDING="5">
|
<div class="header">
|
||||||
<TR>
|
<img class="logo" src="https://lubuntu.me/wp-content/uploads/2018/10/g5586.png"
|
||||||
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#99CCFF" ALIGN="CENTER">
|
alt="The official Lubuntu user mailing list">
|
||||||
<B><FONT COLOR="#000000" SIZE="+1"><MM-List-Name> --
|
<div class="title">
|
||||||
<MM-List-Description></FONT></B>
|
<h1><!---<MM-List-Name> -- --><MM-List-Description></h1>
|
||||||
</TD>
|
</div>
|
||||||
</TR>
|
</div>
|
||||||
<tr>
|
<div class="header-spacer">
|
||||||
<TD COLSPAN="1" WIDTH="100%" BGCOLOR="#FFF0D0">
|
<img class="header-spacer-img" src="https://lubuntu.me/wp-content/uploads/2018/02/rect5512-2.png" alt="Image of the night sky">
|
||||||
<B><FONT COLOR="#000000">About <MM-List-Name></FONT></B>
|
</div>
|
||||||
</TD>
|
<div class="section section-header">
|
||||||
<TD COLSPAN="1" WIDTH="100%" BGCOLOR="#FFF0D0">
|
<h1>
|
||||||
<MM-lang-form-start><MM-displang-box> <MM-list-langs>
|
About <MM-List-Name>
|
||||||
<MM-form-end>
|
</h1>
|
||||||
</TD>
|
</div>
|
||||||
</TR>
|
<div class="section about-section">
|
||||||
<tr>
|
<p><MM-List-Info></p>
|
||||||
<td colspan="2">
|
<p> To see the collection of prior postings to the list,
|
||||||
<P><MM-List-Info></P>
|
visit the <MM-Archive> <MM-List-Name> Archives </MM-Archive>.
|
||||||
<p> To see the collection of prior postings to the list,
|
<MM-Restricted-List-Message>
|
||||||
visit the <MM-Archive><MM-List-Name>
|
</p>
|
||||||
Archives</MM-Archive>.
|
</div>
|
||||||
<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>
|
||||||
subscription, in the sections below.
|
<TABLE BORDER="0" CELLSPACING="4" CELLPADDING="5">
|
||||||
</td>
|
<TR>
|
||||||
</tr>
|
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0">
|
||||||
<TR>
|
<B>
|
||||||
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0">
|
<FONT COLOR="#000000">Using <MM-List-Name>
|
||||||
<B><FONT COLOR="#000000">Subscribing to <MM-List-Name></FONT></B>
|
</FONT>
|
||||||
</TD>
|
</B>
|
||||||
</TR>
|
</TD>
|
||||||
<tr>
|
</TR>
|
||||||
<td colspan="2">
|
<tr>
|
||||||
<P>
|
<td colspan="2">
|
||||||
Subscribe to <MM-List-Name> by filling out the following
|
To post a message to all the list members, send email to
|
||||||
form.
|
<A HREF="mailto:<MM-Posting-Addr>">
|
||||||
<MM-List-Subscription-Msg>
|
<MM-Posting-Addr>
|
||||||
<ul>
|
</A>.
|
||||||
<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.
|
|
||||||
|
|
||||||
<br><br>If you choose not to enter a password, one will be
|
<p>You can subscribe to the list, or change your existing
|
||||||
automatically generated for you, and it will be sent to
|
subscription, in the sections below.
|
||||||
you once you've confirmed your subscription. You can
|
</td>
|
||||||
always request a mail-back of your password when you edit
|
</tr>
|
||||||
your personal options.
|
<TR>
|
||||||
<MM-Reminder>
|
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0">
|
||||||
</font>
|
<B>
|
||||||
</TD>
|
<FONT COLOR="#000000">Subscribing to <MM-List-Name>
|
||||||
</TR>
|
</FONT>
|
||||||
<TR>
|
</B>
|
||||||
<TD BGCOLOR="#dddddd">Pick a password:</TD>
|
</TD>
|
||||||
<TD><MM-New-Password-Box></TD>
|
</TR>
|
||||||
<TD> </TD></TR>
|
<tr>
|
||||||
<TR>
|
<td colspan="2">
|
||||||
<TD BGCOLOR="#dddddd">Reenter password to confirm:</TD>
|
<P>
|
||||||
<TD><MM-Confirm-Password></TD>
|
Subscribe to <MM-List-Name> by filling out the following
|
||||||
<TD> </TD></TR>
|
form.
|
||||||
<tr>
|
<MM-List-Subscription-Msg>
|
||||||
<TD BGCOLOR="#dddddd">Which language do you prefer to display your messages?</TD>
|
<ul>
|
||||||
<TD> <MM-list-langs></TD>
|
<MM-Subscribe-Form-Start>
|
||||||
<TD> </TD></TR>
|
<TABLE BORDER="0" CELLSPACING="2" CELLPADDING="2" WIDTH="70%">
|
||||||
<mm-digest-question-start>
|
<TR>
|
||||||
<tr>
|
<TD WIDTH="55%">Your email address:</TD>
|
||||||
<td>Would you like to receive list mail batched in a daily
|
<TD WIDTH="33%">
|
||||||
digest?
|
<MM-Subscribe-Box>
|
||||||
</td>
|
</TD>
|
||||||
<td><MM-Undigest-Radio-Button> No
|
<TD WIDTH="12%"> </TD>
|
||||||
<MM-Digest-Radio-Button> Yes
|
</TR>
|
||||||
</TD>
|
<tr>
|
||||||
</tr>
|
<td width="55%">Your name (optional):</td>
|
||||||
<mm-digest-question-end>
|
<td width="33%">
|
||||||
<tr>
|
<mm-fullname-box>
|
||||||
<td colspan="3">
|
</td>
|
||||||
<center><MM-Subscribe-Button></center>
|
<TD WIDTH="12%"> </TD>
|
||||||
</td>
|
</TR>
|
||||||
</tr>
|
<TR>
|
||||||
</TABLE>
|
<TD COLSPAN="3">
|
||||||
<MM-Form-End>
|
You may enter a
|
||||||
</ul>
|
privacy password below. This provides only mild security,
|
||||||
<TR>
|
but should prevent others from messing with your
|
||||||
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0">
|
subscription. <b>Do not use a valuable password</b> as
|
||||||
<a name="subscribers">
|
it will occasionally be emailed back to you in cleartext.
|
||||||
<B><FONT COLOR="#000000"><MM-List-Name> Subscribers</FONT></B></a>
|
|
||||||
</TD>
|
<br><br>If you choose not to enter a password, one will be
|
||||||
</TR>
|
automatically generated for you, and it will be sent to
|
||||||
<tr>
|
you once you've confirmed your subscription. You can
|
||||||
<TD COLSPAN="2" WIDTH="100%">
|
always request a mail-back of your password when you edit
|
||||||
<MM-Roster-Form-Start>
|
your personal options.
|
||||||
<MM-Roster-Option>
|
<MM-Reminder>
|
||||||
<MM-Form-End>
|
</TD>
|
||||||
<p>
|
</TR>
|
||||||
<MM-Options-Form-Start>
|
<TR>
|
||||||
<MM-Editing-Options>
|
<TD BGCOLOR="#dddddd">Pick a password:</TD>
|
||||||
<MM-Form-End>
|
<TD>
|
||||||
</td>
|
<MM-New-Password-Box>
|
||||||
</tr>
|
</TD>
|
||||||
</table>
|
<TD> </TD>
|
||||||
<MM-Mailman-Footer>
|
</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>
|
</BODY>
|
||||||
|
|
||||||
</HTML>
|
</HTML>
|
||||||
Loading…
x
Reference in New Issue
Block a user