template alternating colors

diff --git a/templates-dist/admin/commentlist.template b/templates-dist/admin/commentlist.template
index bc6c253..9f619fc 100755 (executable)
--- a/templates-dist/admin/commentlist.template
+++ b/templates-dist/admin/commentlist.template
@@ -36,41 +36,40 @@
        </td>
   </tr>
 
-  <tr bgcolor="#006600" >
-       <td><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="-1">
-       <b>${lang("comment.date")}</b></font></td>
-       <td><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="-1">
-       <b>${lang("comment.title")}<br>${lang("comment.creator")}</b></font></td>
-    <td><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="-1">
-       <b>${lang("comment.text")}</b></font></td>
-    <td><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="-1">
-       <b>${lang("comment.article")}</b></font></td>
+  <tr class="head">
+       <td><p class="head">${lang("comment.date")}</p></td>
+               <td><p class="head">${lang("comment.title")}<br>${lang("comment.creator")}</p></td>
+    <td><p class="head">${lang("comment.text")}</p></td>
+    <td><p class="head">${lang("comment.article")}</P></td>
   </tr>
+
 <if data.contentlist>
-  
+
   <list data.contentlist as entry>
-  <tr <if grey=="1"><assign grey="0">bgcolor="#dddddd" <else><assign grey="1"> </if> >
-       <td>${entry.date}<br>
+  <tr <if grey=="1"><assign grey="0">class="list1"<else><assign grey="1">class="list"</if>>
+
+               <td>${entry.date_formatted}<br>
        <if entry.is_published=="0"><font color="Brown">V</font><else>-</if>
-       </td>
+               </td>
 
-       <td>
-               <b>${entry.title}</b><br>${entry.creator}
-       </td>
-       
-       <td>
-               <font size="-1">${entry.description}</font>
-               <a href="${config.actionRoot}?module=Comment&do=edit&order=${data.order}&offset=${data.offset}&id=${entry.id}">${lang("edit")}</a>
-       </td>
+               <td>
+                       <b>${entry.title}</b><br>${entry.creator}
+               </td>
 
-       <td>
-               <a href="${config.actionRoot}?module=Content&do=edit&id=${articleHash[entry.to_media]["id"]}">
-               ${articleHash[entry.to_media]["title"]}</a>
-       </td>
+               <td>
+                       <font size="-1">${entry.description}</font>
+                       <a href="${config.actionRoot}?module=Comment&do=edit&order=${data.order}&offset=${data.offset}&id=${entry.id}">${lang("edit")}</a>
+               </td>
 
-       <td><font size="1">&nbsp;<a href="${config.actionRoot}?module=Comment&do=delete&id=${entry.id}">${lang("delete")}</a>
-    </font></td>
-  </tr>
+               <td>
+                               <a href="${config.actionRoot}?module=Content&do=edit&id=${articleHash[entry.to_media]["id"]}">
+                               ${articleHash[entry.to_media]["title"]}</a>
+               </td>
+
+               <td><font size="1">&nbsp;<a href="${config.actionRoot}?module=Comment&do=delete&id=${entry.id}">${lang("delete")}</a>
+                       </font></td>
+
+       </tr>
   </list>
   
   <tr>

diff --git a/web/admin.css b/web/admin.css
index f81ecaa..31bbea9 100755 (executable)
--- a/web/admin.css
+++ b/web/admin.css
@@ -1,126 +1,163 @@
-<STYLE TYPE="text/css">   
-
-   <!--
-
-   a:link  {
-
-       color : #006600;
-
-       text-decoration : none;
-
-   }
-
-   
-
-   a:visited  {
-
-       color : #009900;
-
-       text-decoration : none;
-
-   }
-
-   
-
-   a:active  {
-
-       color : White;
-
-       text-decoration : none;
-
-       background-color : #006600;
-
-   }
-
-   
-
-   a:hover  {
-
-       color : White;
-
-       text-decoration : none;
-
-       background-color : #006600;
-
-   }
-
-   
-
-   body,ol,div,td,th,address,blockquote,nobr,form  {
-
-       font-family : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
-
-   }
-
-   
-
-   h1,h2,h4  {
-
-       font-family : Trebuchet MS, Verdana, Arial, Helvetica,sans-serif;
-
-   }
-
-   
-
-   h3  {
-
-       font-family : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
-
-       font-size : 11pt;
-
-   }
-
-   
-
-   pre  {
-
-       font-family : Courier New, Courier, mono, Arial, Helvetica, sans-serif;
-
-       font-size : 8pt;
-
-   }
-
-   
-
-   ul,li,p,ol,b,i  {
-
-       font-family : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
-
-   }
-
-   
-
-   p.small  {
-
-       font-family : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
-
-       font-size : 8pt;
-
-   }
-
-   
-
-   p.dir  {
-
-       font-family : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
-
-       font-size : 10pt;
-
-       margin-top : 0cm;
-
-       margin-bottom : 0cm;
-
-   }
-
-   
-
-   a.black  {
-
-       color : Black;
-
-   }
-
-   -->
-
-   </STYLE>
-
+<!-- style interne masken -->
+<STYLE TYPE="text/css">
+<!--
+
+a:link {color:#2222FF; text-decoration:none;font-size:10pt;
+               font-family:Verdana,Arial,Helvetica,sans-serif;}
+a:visited {color:#2222FF; text-decoration:none;font-size:10pt;
+               font-family:Verdana,Arial,Helvetica,sans-serif;}
+
+
+option {
+               margin-bottom:0px;
+               font-weight:bold;
+               font-size:10pt;
+               font-family:Verdana,Arial,Helvetica,sans-serif;
+               background-color: #FFFFFF;
+               }
+
+a.help {
+               font-weight:bold;
+               color:#FF0000;
+               font-size:14pt;
+               font-family:Verdana,Arial,Helvetica,sans-serif;
+               }
+
+a.bg {
+               text-align:center;
+               font-weight:normal;
+               color:#FF0000;
+               font-size:10pt;
+               font-family:Verdana,Arial,Helvetica,sans-serif;
+               }
+
+
+p.headline {
+               margin-bottom:0px;
+               border-style:none;border-width:thick;
+               width:10em;
+               font-weight: normal;
+               font-size: 12pt;
+               font-family: Verdana, Arial, Helvetica, sans-serif;
+               background-color: #DDDDDD;
+               }
+p.small {
+               font-weight: normal;
+               font-size: 10pt;
+               font-family: Verdana, Arial, Helvetica, sans-serif;
+               color:#000000;
+               }
+
+p.head {
+               text-align:left;
+               margin-bottom:0px;
+               border-style:none;border-width:thick;
+               width:2em;
+               font-weight: normal;
+               font-size: 12pt;
+               font-family: Verdana, Arial, Helvetica, sans-serif;
+               background-color: #DDDDDD;
+               }
+
+div.headline {
+               margin-bottom:0px;
+               border-style:none;border-width:thick;
+               width:10em;
+               font-weight: bold;
+               font-size: 10pt;
+               font-family: Verdana, Arial, Helvetica, sans-serif;
+               background-color: #DDDDDD;
+               }
+
+div.sorry {
+               color:#FF0000;
+               text-align:center;
+               margin-bottom:0px;
+               border-style:none;border-width:thick;
+               width:8em;;
+               font-weight: bold;
+               font-size: 9pt;
+               font-family: Verdana, Arial, Helvetica, sans-serif;
+               background-color: #DDDDDD;
+               }
+
+div.inverse {
+               margin-bottom:0px;
+               border-style:none;border-width:thick;
+               width:10em;
+               font-family: Verdana, Arial, Helvetica, sans-serif;
+               background-color: #FEFFE1;
+               }
+
+p.inverse {
+               margin-bottom:0px;
+               border-style:none;border-width:thick;
+               width:6em;
+               font-weight: bold;
+               font-size: 10pt;
+               font-family: Verdana, Arial, Helvetica, sans-serif;
+               background-color: #FEFFE1;
+               }
+
+
+tr.head {
+               background-color: #000000;
+               background-position: top left;
+               font-family: Verdana, Arial, Helvetica, sans-serif;
+               }
+
+tr.list1 {
+               background-color: #FEFFE1;
+               background-position: top left;
+               }
+
+tr.list2 {
+               background-color: #DDDDDD;
+               background-position: top left;
+               }
+
+td.desc {
+               background-color: #000000;
+               font-weight: bold;
+               text-align: right;
+               font-family: Verdana, Arial, Helvetica, sans-serif;
+               background-position: top left;
+               }
+
+td.listhead {
+               color:#ffffff;
+               background-color: #000000;
+               font-family: Verdana, Arial, Helvetica, sans-serif;
+               background-position: top left;
+               }
+
+td.list {
+               font-size:10pt;
+               font-family:Verdana, Arial, Helvetica, sans-serif;
+               background-position:top left;
+               background-color:#AADDDD;
+               }
+
+td.element {
+               vertical-align:top;
+               background-color: #AAAAAA;
+               text-align:right;
+               font-family:Verdana, Arial, Helvetica, sans-serif;
+               }
+
+td.data {
+               vertical-align:top;
+               background-position:top left;
+               font-size:10pt;
+               text-align:left;
+               font-family:Verdana, Arial, Helvetica, sans-serif;
+               }
+
+body {
+               background-color: #FEFFE1;
+               font-family: Verdana, Arial, Helvetica, sans-serif;
+               }
+
+  -->
+
+</STYLE>