mirror of
https://github.com/lubuntu-team/lists-html.git
synced 2025-03-04 03:51:08 +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: #555555;
|
||||
margin: 0;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #1E73BE;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
body div {
|
||||
margin: 0;
|
||||
/* padding: 0 0 0 1rem; */
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div.header {
|
||||
background-color: #0074B9;
|
||||
color: #FFFFFF;
|
||||
height: 4rem;
|
||||
padding: .5rem;
|
||||
height: 4em;
|
||||
padding: .5em;
|
||||
}
|
||||
|
||||
div.header img {
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.header-spacer img {
|
||||
height: 6rem;
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
div.section {
|
||||
padding: 0 0 0 2rem;
|
||||
padding: 0 0 0 2em;
|
||||
}
|
||||
|
||||
div.section-header {
|
||||
background-color: #0074B9;
|
||||
color: #FFFFFF;
|
||||
padding: .25rem .25rem .25rem 2rem;
|
||||
color: #0074B9;
|
||||
padding: 0 0 0 2em;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.5em;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
div.header img {
|
||||
height: 4rem;
|
||||
margin: .5rem 0 0 .5rem;
|
||||
height: 4em;
|
||||
margin: .5em 0 0 .5em;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 26px;
|
||||
form div {
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
tr td[bgcolor] {
|
||||
background-color: #0074B9;
|
||||
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;
|
||||
}
|
||||
|
||||
font[color] {
|
||||
color: #FFFFFF;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
td[bgcolor] {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
table {
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
b {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #1E73BE;
|
||||
font-size: 13px;
|
||||
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 $ -->
|
||||
<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">
|
||||
</HEAD>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
|
||||
<BODY>
|
||||
<body>
|
||||
<!-- START HEADER -->
|
||||
<div class="header">
|
||||
<img class="logo" src="https://lubuntu.me/wp-content/uploads/2018/10/g5586.png"
|
||||
alt="The official Lubuntu user mailing list">
|
||||
@ -17,156 +17,107 @@
|
||||
<h1><!---<MM-List-Name> -- --><MM-List-Description></h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-spacer">
|
||||
<img class="header-spacer-img" src="https://lubuntu.me/wp-content/uploads/2018/02/rect5512-2.png" alt="Image of the night sky">
|
||||
<!-- END HEADER -->
|
||||
<!-- START ABOUT SECTION -->
|
||||
<div id="about-section-header" class="section section-header">
|
||||
<h2>About <MM-List-Name></h2>
|
||||
</div>
|
||||
<div class="section section-header">
|
||||
<h1>
|
||||
About <MM-List-Name>
|
||||
</h1>
|
||||
</div>
|
||||
<div class="section about-section">
|
||||
<div id="about-section-content" class="section about-section">
|
||||
<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>.
|
||||
<MM-Restricted-List-Message>
|
||||
</p>
|
||||
</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>
|
||||
<TABLE BORDER="0" CELLSPACING="4" CELLPADDING="5">
|
||||
<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.
|
||||
</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 -->
|
||||
|
||||
<div id="subscription-subscribe" class="form-action input-group">
|
||||
<div> </div>
|
||||
<MM-Subscribe-Button>
|
||||
</div>
|
||||
<MM-Form-End>
|
||||
</div>
|
||||
<!-- END SUBSCRIPTION SECTION -->
|
||||
<!-- START SUBSCRIBERS SECTION -->
|
||||
<div id="subscribers-section-header" class="section section-header">
|
||||
<h2><MM-List-Name> Subscribers</h2>
|
||||
</div>
|
||||
<div id="subscribers-section-content" class="section">
|
||||
<MM-Roster-Form-Start>
|
||||
<MM-Roster-Option>
|
||||
<MM-Form-End>
|
||||
|
||||
<p>You can subscribe to the list, or change your existing
|
||||
subscription, in the sections below.
|
||||
</td>
|
||||
</tr>
|
||||
<TR>
|
||||
<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.
|
||||
<MM-Options-Form-Start>
|
||||
<MM-Editing-Options>
|
||||
<MM-Form-End>
|
||||
</div>
|
||||
<!-- END SUBSCRIBERS SECTION -->
|
||||
|
||||
<br><br>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>
|
||||
</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>
|
||||
<!-- START FOOTER -->
|
||||
<MM-Mailman-Footer>
|
||||
<!-- END FOOTER -->
|
||||
</BODY>
|
||||
|
||||
</HTML>
|
||||
Loading…
x
Reference in New Issue
Block a user