From 6a2e29067e5cfa456de8c43076b6d06ce571be82 Mon Sep 17 00:00:00 2001
From: Guilhem Moulin <guilhem.moulin@fripost.org>
Date: Sun, 9 Sep 2012 03:02:50 +0200
Subject: CSS

---
 css/style.css             | 85 ++++++++++++++++++-----------------------------
 template/add-list.html    |  7 ++--
 template/list-locals.html | 22 +++++++-----
 3 files changed, 49 insertions(+), 65 deletions(-)

diff --git a/css/style.css b/css/style.css
index 0084cf5..b3921df 100644
--- a/css/style.css
+++ b/css/style.css
@@ -11,6 +11,16 @@ body {
 tt {
   font-family: Inconsolata, "Lucida Console", "Droid Sans Mono", Cousine, monospace;
 }
+.inactive {
+  color: #FF0040;
+}
+.active {
+  color: #32CD32;
+}
+h1, h2, h3 {
+  margin: 15pt auto 10pt auto;
+  width: 600pt;
+}
 
 
 
@@ -61,29 +71,18 @@ td.label {
   text-align: right;
 }
 
-#columns {
-  width: 100%;
-}
-#columns .column {
-  position: relative;
-  padding:  0pt;
-  border:   0pt;
-}
-#columns .left {
-  width:      50%;
-  padding: 0 0 0 30pt;
-  float:      left;
-  text-align: left;
+
+/* Listing modes */
+#status {
+  margin: 10pt auto;
+  width: 600pt;
 }
-#columns .right {
-  width:      50%;
-  padding: 0 0 0 30pt;
-  float:      right;
-  text-align: right;
+.description {
+  text-align: justify;
+  font-style: italic;
+  margin: auto;
+  width: 450pt;
 }
-
-
-/* Listing table */
 table.list {
   border-top:1px solid #e5eff8;
   border-right:1px solid #e5eff8;
@@ -116,33 +115,33 @@ table.list thead th {
   font-weight:bold;
   color:#66a3d3
 }
-.inactive {
-  color: #FF0040;
-}
-.active {
-  color: #32CD32;
-}
 .none {
   font-size:  6pt;
   color: lightgray;
 }
+.dunno {
+  font-weight: bolder;
+  color: #888888;
+}
+.action {
+  font-weight: normal;
+  font-size: 11pt;
+  margin: 10pt;
+}
+
+
+/* Edit modes */
 .help {
   font-size:  8pt;
   text-align: justify;
   color: #6A6A6A;
   padding: 0 50pt;
 }
-h1 {
-  margin: 15pt auto 10pt auto;
-  width: 600pt;
-}
 h4.label {
   font-weight: bold;
   text-align: center;
   font-size: 12pt;
 }
-
-/* Edit forms */
 form.editform {
   margin: 0px auto;
   border: 1px solid #cccccc;
@@ -171,23 +170,3 @@ div.editform {
   color: #FF0040;
   text-align: center;
 }
-.description {
-  text-align: justify;
-  font-style: italic;
-  margin: auto;
-  width: 600px;
-}
-.edit {
-  font-weight: normal;
-  font-size: 11pt;
-  margin: 10pt;
-}
-.add {
-  font-weight: normal;
-  font-size: 11pt;
-  margin: 10pt;
-}
-.dunno {
-  font-weight: bolder;
-  color: #888888;
-}
diff --git a/template/add-list.html b/template/add-list.html
index e50db3e..bfe56a9 100644
--- a/template/add-list.html
+++ b/template/add-list.html
@@ -72,9 +72,10 @@
           <option value="schleuder" <TMPL_IF NAME=isenc>selected</TMPL_IF>>Schleuder</option>
         </select>
         <div class="help">
-          The mailing list manager (it is not possible to switch once
-          the list has been created). The two current choices are the
-          well-known <a href="http://list.org/">GNU Mailman</a>, and
+          The mailing list manager. (<i>Note</i>: It is not possible to
+          switch once the list has been created.) The two current
+          choices are the well-known
+          <a href="http://list.org/">GNU Mailman</a>, and
           <a href="http://schleuder2.nadir.org/">Schleuder</a>. The
           latter offers GPG-enagbled lists (only).
         </div>
diff --git a/template/list-locals.html b/template/list-locals.html
index 76c2951..ba47ac4 100644
--- a/template/list-locals.html
+++ b/template/list-locals.html
@@ -20,16 +20,22 @@
     <hr/>
 
     <h1>Manage domain <tt><TMPL_VAR NAME=domain></tt
-        ><TMPL_IF NAME=canEditDomain><span class="edit">[<a href="<TMPL_VAR NAME=url>/<TMPL_VAR NAME=domain>/?a=edit">edit domain</a>]<span></TMPL_IF></h1>
+        ><TMPL_IF NAME=canEditDomain><span class="action">[<a href="<TMPL_VAR NAME=url>/<TMPL_VAR NAME=domain>/?a=edit">edit domain</a>]<span></TMPL_IF></h1>
 
     <TMPL_IF NAME=description><p class="description"><TMPL_VAR NAME=description></p></TMPL_IF>
 
-    <p>Domain status: <b><TMPL_IF NAME=isactive><span class="active">Active</span><TMPL_ELSE><span class="inactive">Inactive</span></TMPL_IF></b><p>
+    <p id="status">Domain status:
+      <b>
+        <TMPL_IF NAME=isactive><span class="active">Active</span>
+        <TMPL_ELSE><span class="inactive">Inactive</span>
+        </TMPL_IF>
+      </b>
+    </p>
 
 
     <TMPL_IF NAME=listMailboxes>
     <h3>Mailboxes<TMPL_IF NAME=canAddMailbox
-       ><span class="add">[<a href="<TMPL_VAR NAME=url>/<TMPL_VAR NAME=domain>/?a=add&t=mailbox">add</a>]</span
+       ><span class="action">[<a href="<TMPL_VAR NAME=url>/<TMPL_VAR NAME=domain>/?a=add&t=mailbox">add</a>]</span
        ></TMPL_IF></h3>
 
     <a name="mailboxes"></a>
@@ -57,14 +63,13 @@
       </TMPL_LOOP>
       </tbody>
     </table>
+    <br/>
     </TMPL_IF>
 
 
-    <br/>
-
     <TMPL_IF NAME=listAliases>
     <h3>Alias<TMPL_IF NAME=canAddAlias
-       ><span class="add">[<a href="<TMPL_VAR NAME=url>/<TMPL_VAR NAME=domain>/?a=add&t=alias">add</a>]</span
+       ><span class="action">[<a href="<TMPL_VAR NAME=url>/<TMPL_VAR NAME=domain>/?a=add&t=alias">add</a>]</span
        ></TMPL_IF></h3>
 
     <a name="aliases"></a>
@@ -97,14 +102,13 @@
       </TMPL_IF>
       </tbody>
     </table>
+    <br/>
     </TMPL_IF>
 
 
-    <br/>
-
     <TMPL_IF NAME=listLists>
     <h3>Lists<TMPL_IF NAME=canAddList
-       ><span class="add">[<a href="<TMPL_VAR NAME=url>/<TMPL_VAR NAME=domain>/?a=add&t=list">add</a>]</span
+       ><span class="action">[<a href="<TMPL_VAR NAME=url>/<TMPL_VAR NAME=domain>/?a=add&t=list">add</a>]</span
        ></TMPL_IF></h3>
 
     <a name="lists"></a>
-- 
cgit v1.2.3