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 { 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;
} }

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

@ -1,48 +1,54 @@
<!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><MM-List-Info></P>
<p> To see the collection of prior postings to the list, <p> To see the collection of prior postings to the list,
visit the <MM-Archive><MM-List-Name> visit the <MM-Archive> <MM-List-Name> Archives </MM-Archive>.
Archives</MM-Archive>.
<MM-Restricted-List-Message> <MM-Restricted-List-Message>
</p> </p>
</TD> </div>
</TR>
<P>
<TABLE BORDER="0" CELLSPACING="4" CELLPADDING="5">
<TR> <TR>
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0"> <TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0">
<B><FONT COLOR="#000000">Using <MM-List-Name></FONT></B> <B>
<FONT COLOR="#000000">Using <MM-List-Name>
</FONT>
</B>
</TD> </TD>
</TR> </TR>
<tr> <tr>
<td colspan="2"> <td colspan="2">
To post a message to all the list members, send email to To post a message to all the list members, send email to
<A HREF="mailto:<MM-Posting-Addr>"><MM-Posting-Addr></A>. <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.
@ -50,7 +56,10 @@
</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>
<FONT COLOR="#000000">Subscribing to <MM-List-Name>
</FONT>
</B>
</TD> </TD>
</TR> </TR>
<tr> <tr>
@ -61,19 +70,24 @@
<MM-List-Subscription-Msg> <MM-List-Subscription-Msg>
<ul> <ul>
<MM-Subscribe-Form-Start> <MM-Subscribe-Form-Start>
<TABLE BORDER="0" CELLSPACING="2" CELLPADDING="2" <TABLE BORDER="0" CELLSPACING="2" CELLPADDING="2" WIDTH="70%">
WIDTH="70%">
<TR> <TR>
<TD BGCOLOR="#dddddd" WIDTH="55%">Your email address:</TD> <TD WIDTH="55%">Your email address:</TD>
<TD WIDTH="33%"><MM-Subscribe-Box> <TD WIDTH="33%">
<MM-Subscribe-Box>
</TD> </TD>
<TD WIDTH="12%"> </TD></TR> <TD WIDTH="12%"> </TD>
</TR>
<tr> <tr>
<td bgcolor="#dddddd" width="55%">Your name (optional):</td> <td width="55%">Your name (optional):</td>
<td width="33%"><mm-fullname-box></td> <td width="33%">
<TD WIDTH="12%"> </TD></TR> <mm-fullname-box>
</td>
<TD WIDTH="12%"> </TD>
</TR>
<TR> <TR>
<TD COLSPAN="3"><FONT SIZE=-1>You may enter a <TD COLSPAN="3">
You may enter a
privacy password below. This provides only mild security, privacy password below. This provides only mild security,
but should prevent others from messing with your but should prevent others from messing with your
subscription. <b>Do not use a valuable password</b> as subscription. <b>Do not use a valuable password</b> as
@ -85,34 +99,46 @@
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><MM-New-Password-Box></TD> <TD>
<TD> </TD></TR> <MM-New-Password-Box>
</TD>
<TD> </TD>
</TR>
<TR> <TR>
<TD BGCOLOR="#dddddd">Reenter password to confirm:</TD> <TD BGCOLOR="#dddddd">Reenter password to confirm:</TD>
<TD><MM-Confirm-Password></TD> <TD>
<TD> </TD></TR> <MM-Confirm-Password>
</TD>
<TD> </TD>
</TR>
<tr> <tr>
<TD BGCOLOR="#dddddd">Which language do you prefer to display your messages?</TD> <TD BGCOLOR="#dddddd">Which language do you prefer to display your
<TD> <MM-list-langs></TD> messages?</TD>
<TD> </TD></TR> <TD>
<MM-list-langs>
</TD>
<TD> </TD>
</TR>
<mm-digest-question-start> <mm-digest-question-start>
<tr> <tr>
<td>Would you like to receive list mail batched in a daily <td>Would you like to receive list mail batched in a daily
digest? digest?
</td> </td>
<td><MM-Undigest-Radio-Button> No <td>
<MM-Undigest-Radio-Button> No
<MM-Digest-Radio-Button> Yes <MM-Digest-Radio-Button> Yes
</TD> </TD>
</tr> </tr>
<mm-digest-question-end> <mm-digest-question-end>
<tr> <tr>
<td colspan="3"> <td colspan="3">
<center><MM-Subscribe-Button></center> <center>
<MM-Subscribe-Button>
</center>
</td> </td>
</tr> </tr>
</TABLE> </TABLE>
@ -121,7 +147,11 @@
<TR> <TR>
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0"> <TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0">
<a name="subscribers"> <a name="subscribers">
<B><FONT COLOR="#000000"><MM-List-Name> Subscribers</FONT></B></a> <B>
<FONT COLOR="#000000">
<MM-List-Name> Subscribers
</FONT>
</B></a>
</TD> </TD>
</TR> </TR>
<tr> <tr>
@ -136,6 +166,7 @@
</td> </td>
</tr> </tr>
</table> </table>
<MM-Mailman-Footer> <MM-Mailman-Footer>
</BODY> </BODY>
</HTML> </HTML>
Write Preview
Loading…
Cancel
Save