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

master
Kevin Kondratuk 5 years ago
parent 713be6090e
commit 62b001e19f

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

@ -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>
You can subscribe to the list, or change your existing
subscription, in the sections below.
</p>
</div>
<!-- END USING SECTION -->
<!-- START SUBSCRIPTION SECTION -->
<div id="subscription-section-header" class="section section-header">
<h2>Subscribing to <MM-List-Name></h2>
</div>
<div id="subscription-section-content" class="section">
<p>Subscribe to <MM-List-Name> by filling out the following form. <MM-List-Subscription-Msg></p>
<MM-Subscribe-Form-Start>
<div id="subscription-email" class="input-group">
<label for="email">Your email address:</label><MM-Subscribe-Box>
</div>
<div id="subscription-name" class="input-group">
<label for="fullname">Your name (optional):</label><mm-fullname-box>
</div>
<p>
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>
<p>
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>
</p>
<div id="subscription-password" class="input-group">
<label for="pw">Pick a password:</label><MM-New-Password-Box>
</div>
<div id="subscription-confirmation" class="input-group">
<label for="pw-conf">Re-enter password to confirm:</label><MM-New-Password-Box>
</div>
<div id="subscription-language" class="input-group">
<label for="language">Which language do you prefer to receive emails in?</label><MM-list-langs>
</div>
<mm-digest-question-start><!-- not sure if this is still needed or not -->
<div id="subscription-digest" class="input-group">
<label for="digest">Would you like to receive mail batched in a daily digest?</label>
<div>
<MM-Undigest-Radio-Button> No
<MM-Digest-Radio-Button> Yes
</div>
</div>
<mm-digest-question-end><!-- not sure if this is still needed or not -->
<P> <div id="subscription-subscribe" class="form-action input-group">
<TABLE BORDER="0" CELLSPACING="4" CELLPADDING="5"> <div>&nbsp;</div>
<TR> <MM-Subscribe-Button>
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0"> </div>
<B> <MM-Form-End>
<FONT COLOR="#000000">Using <MM-List-Name> </div>
</FONT> <!-- END SUBSCRIPTION SECTION -->
</B> <!-- START SUBSCRIBERS SECTION -->
</TD> <div id="subscribers-section-header" class="section section-header">
</TR> <h2><MM-List-Name> Subscribers</h2>
<tr> </div>
<td colspan="2"> <div id="subscribers-section-content" class="section">
To post a message to all the list members, send email to <MM-Roster-Form-Start>
<A HREF="mailto:<MM-Posting-Addr>"> <MM-Roster-Option>
<MM-Posting-Addr> <MM-Form-End>
</A>.
<p>You can subscribe to the list, or change your existing <MM-Options-Form-Start>
subscription, in the sections below. <MM-Editing-Options>
</td> <MM-Form-End>
</tr> </div>
<TR> <!-- END SUBSCRIBERS SECTION -->
<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 <!-- START FOOTER -->
automatically generated for you, and it will be sent to <MM-Mailman-Footer>
you once you've confirmed your subscription. You can <!-- END FOOTER -->
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> </BODY>
</HTML> </HTML>
Loading…
Cancel
Save