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

remove homepage-like image band, clean up uncessary code, and make more responsive

Browse Source
master
Kevin Kondratuk 6 years ago
parent 713be6090e
commit 62b001e19f
2 changed files with 150 additions and 194 deletions
Show Stats Download Patch File Download Diff File

95
lubuntu_style.css
Unescape View File

@ -6,81 +6,86 @@ body {
/* color: #AAAAAA; */ /* color: #AAAAAA; */
color: #555555; color: #555555;
margin: 0; margin: 0;
text-rendering: optimizeLegibility;
}
a {
color: #1E73BE;
font-size: 13px;
} }
body div { body div {
margin: 0; margin: 0;
/* padding: 0 0 0 1rem; */
padding: 0; padding: 0;
} }
div.header { div.header {
background-color: #0074B9; background-color: #0074B9;
color: #FFFFFF; color: #FFFFFF;
height: 4rem; height: 4em;
padding: .5rem; padding: .5em;
} }
div.header img { div.header img {
float: left; float: left;
} }
div.header-spacer img {
height: 6rem;
width: 100%;
object-fit: cover;
}
div.section { div.section {
padding: 0 0 0 2rem; padding: 0 0 0 2em;
} }
div.section-header { div.section-header {
background-color: #0074B9; color: #0074B9;
color: #FFFFFF; padding: 0 0 0 2em;
padding: .25rem .25rem .25rem 2rem;
} }
h1 { h1 {
font-size: 1.5em;
font-weight: 300; font-weight: 300;
} }
div.header img { div.header img {
height: 4rem; height: 4em;
margin: .5rem 0 0 .5rem; margin: .5em 0 0 .5em;
} }
h1 { form div {
font-size: 26px; margin: 1rem;
} }
tr td[bgcolor] { input[type=text], input[type=email], input[type=password] {
background-color: #0074B9; -webkit-appearance: none;
-moz-appearance: none;
display: block;
margin: 0; margin: 0;
} width: 20rem;
max-width: 30rem;
font[color] { height: 2rem;
color: #FFFFFF; line-height: 3rem;
font-size: 26px; font-size: 2rem;
} border: 1px solid #bbb;
-webkit-border-radius: 5px;
td[bgcolor] { -moz-border-radius: 5px;
color: #FFFFFF; border-radius: 5px;
} }
table { button[type=submit] {
border-spacing: 0; -webkit-appearance: none;
} -moz-appearance: none;
display: block;
p { margin: 1.5rem 0;
font-size: 14px; font-size: 1rem;
} line-height: 2.5rem;
color: #333333;
b { font-weight: bold;
font-weight: 300; height: 2.5em;
} width: 20rem;
max-width: 30rem;
a { background: #fdfdfd;
color: #1E73BE; /* background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%);
font-size: 13px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%); */
border: 1px solid #bbbbbb;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
} }

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

@ -1,15 +1,15 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- $Revision: 5865 $ --> <!-- $Revision: 5865 $ -->
<HTML> <html>
<HEAD> <head>
<TITLE> <title><MM-List-Name> Info Page</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> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<BODY> <body>
<!-- START HEADER -->
<div class="header"> <div class="header">
<img class="logo" src="https://lubuntu.me/wp-content/uploads/2018/10/g5586.png" <img class="logo" src="https://lubuntu.me/wp-content/uploads/2018/10/g5586.png"
alt="The official Lubuntu user mailing list"> alt="The official Lubuntu user mailing list">
@ -17,156 +17,107 @@
<h1><!---<MM-List-Name> -- --><MM-List-Description></h1> <h1><!---<MM-List-Name> -- --><MM-List-Description></h1>
</div> </div>
</div> </div>
<div class="header-spacer"> <!-- END HEADER -->
<img class="header-spacer-img" src="https://lubuntu.me/wp-content/uploads/2018/02/rect5512-2.png" alt="Image of the night sky"> <!-- START ABOUT SECTION -->
<div id="about-section-header" class="section section-header">
<h2>About <MM-List-Name></h2>
</div> </div>
<div class="section section-header"> <div id="about-section-content" class="section about-section">
<h1>
About <MM-List-Name>
</h1>
</div>
<div class="section about-section">
<p><MM-List-Info></p> <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> Archives </MM-Archive>. visit the <MM-Archive> <MM-List-Name> Archives </MM-Archive>.
<MM-Restricted-List-Message> <MM-Restricted-List-Message>
</p> </p>
</div> </div>
<!-- END ABOUT SECTION -->
<!-- START USING SECTION -->
<div id="using-section-header" class="section section-header">
<h2>Using <MM-List-Name></h2>
</div>
<div id="using-section-content" class="section">
<p>
To post a message to all the list members, send an email to
<a href="mailto:<MM-Posting-Addr>"><MM-Posting-Addr></a>.
</p>
<P> <p>
<TABLE BORDER="0" CELLSPACING="4" CELLPADDING="5"> You can subscribe to the list, or change your existing
<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. subscription, in the sections below.
</td> </p>
</tr> </div>
<TR> <!-- END USING SECTION -->
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0"> <!-- START SUBSCRIPTION SECTION -->
<B> <div id="subscription-section-header" class="section section-header">
<FONT COLOR="#000000">Subscribing to <MM-List-Name> <h2>Subscribing to <MM-List-Name></h2>
</FONT> </div>
</B> <div id="subscription-section-content" class="section">
</TD> <p>Subscribe to <MM-List-Name> by filling out the following form. <MM-List-Subscription-Msg></p>
</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> <MM-Subscribe-Form-Start>
<TABLE BORDER="0" CELLSPACING="2" CELLPADDING="2" WIDTH="70%"> <div id="subscription-email" class="input-group">
<TR> <label for="email">Your email address:</label><MM-Subscribe-Box>
<TD WIDTH="55%">Your email address:</TD> </div>
<TD WIDTH="33%"> <div id="subscription-name" class="input-group">
<MM-Subscribe-Box> <label for="fullname">Your name (optional):</label><mm-fullname-box>
</TD> </div>
<TD WIDTH="12%"> </TD> <p>
</TR> You may enter a privacy password below. This provides only mild security,
<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 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
it will occasionally be emailed back to you in cleartext. it will occasionally be emailed back to you in cleartext.
</p>
<br><br>If you choose not to enter a password, one will be <p>
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>
</TD> </p>
</TR> <div id="subscription-password" class="input-group">
<TR> <label for="pw">Pick a password:</label><MM-New-Password-Box>
<TD BGCOLOR="#dddddd">Pick a password:</TD> </div>
<TD> <div id="subscription-confirmation" class="input-group">
<MM-New-Password-Box> <label for="pw-conf">Re-enter password to confirm:</label><MM-New-Password-Box>
</TD> </div>
<TD> </TD> <div id="subscription-language" class="input-group">
</TR> <label for="language">Which language do you prefer to receive emails in?</label><MM-list-langs>
<TR> </div>
<TD BGCOLOR="#dddddd">Reenter password to confirm:</TD> <mm-digest-question-start><!-- not sure if this is still needed or not -->
<TD> <div id="subscription-digest" class="input-group">
<MM-Confirm-Password> <label for="digest">Would you like to receive mail batched in a daily digest?</label>
</TD> <div>
<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-Undigest-Radio-Button> No
<MM-Digest-Radio-Button> Yes <MM-Digest-Radio-Button> Yes
</TD> </div>
</tr> </div>
<mm-digest-question-end> <mm-digest-question-end><!-- not sure if this is still needed or not -->
<tr>
<td colspan="3"> <div id="subscription-subscribe" class="form-action input-group">
<center> <div>&nbsp;</div>
<MM-Subscribe-Button> <MM-Subscribe-Button>
</center> </div>
</td>
</tr>
</TABLE>
<MM-Form-End> <MM-Form-End>
</ul> </div>
<TR> <!-- END SUBSCRIPTION SECTION -->
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0"> <!-- START SUBSCRIBERS SECTION -->
<a name="subscribers"> <div id="subscribers-section-header" class="section section-header">
<B> <h2><MM-List-Name> Subscribers</h2>
<FONT COLOR="#000000"> </div>
<MM-List-Name> Subscribers <div id="subscribers-section-content" class="section">
</FONT>
</B></a>
</TD>
</TR>
<tr>
<TD COLSPAN="2" WIDTH="100%">
<MM-Roster-Form-Start> <MM-Roster-Form-Start>
<MM-Roster-Option> <MM-Roster-Option>
<MM-Form-End> <MM-Form-End>
<p>
<MM-Options-Form-Start> <MM-Options-Form-Start>
<MM-Editing-Options> <MM-Editing-Options>
<MM-Form-End> <MM-Form-End>
</td> </div>
</tr> <!-- END SUBSCRIBERS SECTION -->
</table>
<!-- START FOOTER -->
<MM-Mailman-Footer> <MM-Mailman-Footer>
<!-- END FOOTER -->
</BODY> </BODY>
</HTML> </HTML>
Write Preview
Loading…
Cancel
Save