mirror of
https://github.com/lubuntu-team/lists-html.git
synced 2025-05-09 16:01:29 +00:00
remove homepage-like image band, clean up uncessary code, and make more responsive
This commit is contained in:
Kevin Kondratuk
parent
713be6090e
commit
62b001e19f
@ -6,81 +6,86 @@ body {
|
|||||||
/* color: #AAAAAA; */
|
/* color: #AAAAAA; */
|
||||||
color: #555555;
|
color: #555555;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
text-rendering: optimizeLegibility;
|
||||||
|
|
||||||
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 {
|
|
||||||
font-size: 26px;
|
|
||||||
}
|
|
||||||
|
|
||||||
tr td[bgcolor] {
|
|
||||||
background-color: #0074B9;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
font[color] {
|
|
||||||
color: #FFFFFF;
|
|
||||||
font-size: 26px;
|
|
||||||
}
|
|
||||||
|
|
||||||
td[bgcolor] {
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-spacing: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
b {
|
|
||||||
font-weight: 300;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #1E73BE;
|
color: #1E73BE;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body div {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.header {
|
||||||
|
background-color: #0074B9;
|
||||||
|
color: #FFFFFF;
|
||||||
|
height: 4em;
|
||||||
|
padding: .5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.header img {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.section {
|
||||||
|
padding: 0 0 0 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.section-header {
|
||||||
|
color: #0074B9;
|
||||||
|
padding: 0 0 0 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 1.5em;
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.header img {
|
||||||
|
height: 4em;
|
||||||
|
margin: .5em 0 0 .5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
form div {
|
||||||
|
margin: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=text], input[type=email], input[type=password] {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
display: block;
|
||||||
|
margin: 0;
|
||||||
|
width: 20rem;
|
||||||
|
max-width: 30rem;
|
||||||
|
height: 2rem;
|
||||||
|
line-height: 3rem;
|
||||||
|
font-size: 2rem;
|
||||||
|
border: 1px solid #bbb;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
button[type=submit] {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
display: block;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 2.5rem;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: bold;
|
||||||
|
height: 2.5em;
|
||||||
|
width: 20rem;
|
||||||
|
max-width: 30rem;
|
||||||
|
background: #fdfdfd;
|
||||||
|
/* background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%);
|
||||||
|
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>
|
<p>
|
||||||
<TABLE BORDER="0" CELLSPACING="4" CELLPADDING="5">
|
You can subscribe to the list, or change your existing
|
||||||
<TR>
|
subscription, in the sections below.
|
||||||
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0">
|
</p>
|
||||||
<B>
|
</div>
|
||||||
<FONT COLOR="#000000">Using <MM-List-Name>
|
<!-- END USING SECTION -->
|
||||||
</FONT>
|
<!-- START SUBSCRIPTION SECTION -->
|
||||||
</B>
|
<div id="subscription-section-header" class="section section-header">
|
||||||
</TD>
|
<h2>Subscribing to <MM-List-Name></h2>
|
||||||
</TR>
|
</div>
|
||||||
<tr>
|
<div id="subscription-section-content" class="section">
|
||||||
<td colspan="2">
|
<p>Subscribe to <MM-List-Name> by filling out the following form. <MM-List-Subscription-Msg></p>
|
||||||
To post a message to all the list members, send email to
|
<MM-Subscribe-Form-Start>
|
||||||
<A HREF="mailto:<MM-Posting-Addr>">
|
<div id="subscription-email" class="input-group">
|
||||||
<MM-Posting-Addr>
|
<label for="email">Your email address:</label><MM-Subscribe-Box>
|
||||||
</A>.
|
</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>You can subscribe to the list, or change your existing
|
<div id="subscription-subscribe" class="form-action input-group">
|
||||||
subscription, in the sections below.
|
<div> </div>
|
||||||
</td>
|
<MM-Subscribe-Button>
|
||||||
</tr>
|
</div>
|
||||||
<TR>
|
<MM-Form-End>
|
||||||
<TD COLSPAN="2" WIDTH="100%" BGCOLOR="#FFF0D0">
|
</div>
|
||||||
<B>
|
<!-- END SUBSCRIPTION SECTION -->
|
||||||
<FONT COLOR="#000000">Subscribing to <MM-List-Name>
|
<!-- START SUBSCRIBERS SECTION -->
|
||||||
</FONT>
|
<div id="subscribers-section-header" class="section section-header">
|
||||||
</B>
|
<h2><MM-List-Name> Subscribers</h2>
|
||||||
</TD>
|
</div>
|
||||||
</TR>
|
<div id="subscribers-section-content" class="section">
|
||||||
<tr>
|
<MM-Roster-Form-Start>
|
||||||
<td colspan="2">
|
<MM-Roster-Option>
|
||||||
<P>
|
<MM-Form-End>
|
||||||
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
|
<MM-Options-Form-Start>
|
||||||
automatically generated for you, and it will be sent to
|
<MM-Editing-Options>
|
||||||
you once you've confirmed your subscription. You can
|
<MM-Form-End>
|
||||||
always request a mail-back of your password when you edit
|
</div>
|
||||||
your personal options.
|
<!-- END SUBSCRIBERS SECTION -->
|
||||||
<MM-Reminder>
|
|
||||||
</TD>
|
<!-- START FOOTER -->
|
||||||
</TR>
|
<MM-Mailman-Footer>
|
||||||
<TR>
|
<!-- END FOOTER -->
|
||||||
<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…
x
Reference in New Issue
Block a user