je repars du style actuel du site,

on travaillera que dans libcaca.css git-svn-id: file:///srv/caca.zoy.org/var/lib/svn/web/branches/test@3648 92316355-f0b4-4df1-b90c-862c8a59935f
vor 16 Jahren · 46dff3d107
--- a/trac/htdocs/main.css
+++ b/trac/htdocs/main.css
@@ -1,127 +1,54 @@
 body {
   background: #290c00;
 }
 #banner, #main, #footer {
   background: #fff;
   color: #290c00;
 }
 #banner, #mainnav, #main { 
   margin-top: 0;
   margin-bottom: 0;
   border-left: 2px solid #88AA77;
   border-right: 2px solid #945973;
   border-bottom: 2px solid #945973;
 }
 #main {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
 }
 #mainnav li {
   border-right: 1px solid #290c00;
 }
 #mainnav :link, #mainnav :visited, #mainnav :link:hover, #mainnav :visited:hover {
   color: #290c00;
   background-image: none;
   border-bottom: none;
 }
 #mainnav :link:hover, #mainnav :visited:hover {
   background: #88AA77;
 }
 #mainnav .active :link, #mainnav .active :visited {
   color: #290c00;
 }
 #mainnav .active :link, #mainnav .active :visited {main.css (ligne 18)
   color: #290c00;
   background: #88AA77;
 }
 #mainnav .active :link:hover, #mainnav .active :visited:hover {
   color: #290c00;
   background: none;
 }
 :link, :visited { color: #3a5; }
 :link:hover, :visited:hover { color: #a2d; }

 #siteheader {
   overflow: hidden;
   width: 500px;
   float: right;
 }
 dt em { 
    color: #88AA77;
 }
 .buttons {
    margin: 0.5em 0;
    text-align: center;
    
 }
 #jumprev, #jumploc {
    margin: 0.2em 0 0.6em;
 body, th, td {
 font-family: 'Bitstream Vera Serif',times,serif;
 }
 #prefs {
    background: #88AA77;
    border: 2px solid;
    border-color: #945973 #290C00 #290C00 #945973;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
 }
 table, table.listing {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
 }
 fieldset {
    background: #88AA77;
    border-color: #290c00;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
 }
 legend {
    color: #290c00;
    border-bottom: 1px solid #290c00;
    background: #fff;
    opacity: 0.7;
 }
 th {
    background: #88AA77;
    color: #fff;
    font-weight: bold;

 h1, h2, h3, h4 {
 font-family: 'Bitstream Vera Serif',times,serif;
 }
 th a {
    color: #290c00;

 #mainnav {
 font-family: 'Bitstream Vera Serif',times,serif;
 }
 input[type="checkbox"], input[type="button"], input[type="submit"], input[type="reset"] {
    background: #945973;
    border: 1px solid #945973;
    color: #290c00;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

 #mainnav :link, #mainnav :visited {
 padding-left: 8px; padding-right: 8px;
 }
 input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
    background: #EEEEEE;
    border: 1px solid #290c00;
    color: #290c00;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

 h1, h2, h3 {
  text-indent: 0.5em;
  border-style: solid;
  border-color: #88aa77;
  background-color: inherit;
 }
 select, input[type="text"], input.textwidget, textarea {
    background: white;
    border: 1px solid #945973;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

 h1 {
  font-size: 1.6em;
  font-variant: small-caps;
  color: #002200;
  border-width: 0 0 2px 0;
 }
 #loginguest {
    float: right;
    font-size: 0.9em;
    color: #945973;

 h2 {
  font-size: 1.3em;
  font-variant: small-caps;
  color: #224422;
  border-width: 0 0 2px 0;
 }
 #loginguest a {
    color: #945973;
    border-bottom: 1px dotted #88AA77;
    font-size: 0.9em;

 h3 {
  font-size: 1.1em;
  color: #335533;
  border-width: 0 0 1px 0;
 }
 .milestone .info h2 em {
    color: #945973;

 p {
  text-indent: 1em;
  text-align: inherit;
 }
 #tabs { 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

 #footer {
  display: none;
 }
--- a/trac/htdocs/site/libcaca.css
+++ b/trac/htdocs/site/libcaca.css
@@ -0,0 +1,5 @@
 body {
    background: #2C1F1C;
    color: white;
    width: 90%
 }
--- a/trac/templates/site.html
+++ b/trac/templates/site.html
@@ -1,7 +1,8 @@
 <html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:py="http://genshi.edgewall.org/"
      py:strip="">

    <link rel="stylesheet" type="text/css"
          href="${href.chrome('site/libcaca.css')}" />
  <!--! Add site-specific style sheet -->
  <head py:match="head" py:attrs="select('@*')">
    ${select('*|comment()|text()')}