git-svn-id: file:///srv/caca.zoy.org/var/lib/svn/web/trunk@4539 92316355-f0b4-4df1-b90c-862c8a59935f

trac/htdocs/libcaca.css

@@ -1,8 +1,8 @@
 /*
-
+  TRAC THEME - cacalabs 2010 by Cacacrew
 */
 
-/* = styles généraux = */
+/* = GENERAL STYLES = */
 
 body {
     background: #4E6A91;
@@ -11,17 +11,17 @@ body {
     padding: 0;
     margin: 0;
 }
-
 body, td, th, h1, h2, h3, h4, #main {
     font-family: "URW Gothic L", Helvetica, Verdana;
 }
-
+h1 :link, h1 :visited {
+    color: #674e4e;
+}
 .corps {
     margin: 0 5px;
     min-width: 750px;
     position: relative;
 }
-
 h1, h2, h3 {
   border-style: solid;
   background-color: inherit;
@@ -30,7 +30,6 @@ h1, h2, h3 {
   border-color: #4E6A91;
   color: #674e4e;
 }
-
 h1 {
   font-size: 1.6em;
 }
@@ -61,16 +60,37 @@ ul, ol {
 dd {
     margin-left: 0;
 }
+
+/* links */
 :link, :visited {
     color: #4E6A91;
     border-bottom: none;
 }
-
 :link:hover, :visited:hover {
     color: #2C1F1C;
     background-color: inherit;
 }
-
+a.ext-link .icon {
+    background-position: right center;
+    padding-right: 16px;
+    padding-left: 0;
+}
+a.missing:link, 
+a.missing:visited,
+a.missing:link:hover, 
+a.missing:visited:hover {
+    background: #EEEEAA;
+    color: #2C1F1C;
+}
+a.missing:link:after, 
+a.missing:visited:after,
+a.missing:hover:after {
+    content: ' missing!';
+    font-size: 10px;
+    color:  #2C1F1C;
+    vertical-align: top;
+    padding-left: 3px;
+}
 dt em {
     border-bottom:none;
     color: #674e4e;
@@ -80,19 +100,17 @@ dt em {
 dt :link:hover, dt :visited:hover {
     background-color: #D7E6FF;
 }
-table.listing tbody tr:hover { background: #D7E6FF !important }
-table.listing tbody tr.focus { background: #D7E6FF !important }
-/*   = HEADER = */
+
+/* = LAYOUT = */
+/*   == HEADER == */
 
 .nav ul {
     text-align: right;
     font-size: 12px;
 }
-
 .nav li.last {
     border-right: none !important;
 }
-
 #main {
     background: #fff;
     color: #2C1F1C;
@@ -108,12 +126,14 @@ table.listing tbody tr.focus { background: #D7E6FF !important }
     top: 1px;
     z-index: 10;
 }
-
+#siteheader p {
+    margin-top: 0.3em;
+}
 #siteheader, #banner, #mainnav, .nav {
     font-family:"Arial","Geneva",sans-serif;
 }
 
-/* == MENU PRINCIPAL == */
+/* == MAINNAV == */
 
 #mainnav {
     margin: 107px 0 0;
@@ -125,7 +145,6 @@ table.listing tbody tr.focus { background: #D7E6FF !important }
     position: relative;
     border: 1px solid #2C1F1C;
 }
-
 #mainnav li {
     border-right-color: #674e4e;
     padding: 0;
@@ -136,18 +155,17 @@ table.listing tbody tr.focus { background: #D7E6FF !important }
     border-color: #2C1F1C;
     padding-left: 8px; padding-right: 8px;
 }
-
 #mainnav :link, 
 #mainnav :visited,
 #mainnav :link:hover,
 #mainnav :visited:hover,
 #mainnav .active :link, 
 #mainnav .active :visited,
-#mainnav .active :link:hover, #mainnav .active :visited:hover {
+#mainnav .active :link:hover, 
+#mainnav .active :visited:hover {
     border-right: none;
     color: #fff;
 }
-
 #mainnav li.last,
 #mainnav li.last :link:hover,
 #mainnav li.last :visited:hover,
@@ -157,18 +175,21 @@ table.listing tbody tr.focus { background: #D7E6FF !important }
 #mainnav li.last.active :visited:hover {
     -moz-border-radius-topright: 5px;
 }
-
-#mainnav .active :link, #mainnav .active :visited {
+#mainnav .active :link, 
+#mainnav .active :visited {
     background: #fff;
     color: #2C1F1C;
 }
-
-#mainnav :link:hover, #mainnav :visited:hover, #mainnav .active :link:hover, #mainnav .active :visited:hover {
+#mainnav :link:hover, 
+#mainnav :visited:hover, 
+#mainnav .active :link:hover, 
+#mainnav .active :visited:hover {
     background: #2C1F1C;
     color: #fff;
 }
 
-/* == Subnav == */
+/* == SUBNAVS == */
+
 .nav li {
  border-right: 1px solid #674E4E;
 }
@@ -178,34 +199,28 @@ table.listing tbody tr.focus { background: #D7E6FF !important }
     right: 0;
     font-weight: bold;
 }
-
 #metanav :link:hover, #metanav :visited:hover { 
     color: #fff;
     background: inherit;
 }
-
-#loginguest a:hover, #metanav :link, #metanav :visited {
-    color:  #2C1F1C;
-}
-
-#siteheader p {
-    margin-top: 0.3em;
-}
-
 #siteheader .nav :link, #siteheader .nav :visited {
     color: #674e4e;
 }
-
 #siteheader .nav :visited:hover, #siteheader .nav :link:hover {
     color: #674e4e;
     background: inherit;
     border-bottom: 1px dotted #674e4e;
 }
-
 #ctxtnav ul {
     padding: 0.2em 0;
 }
 
+/* == login ==  */
+
+#loginguest a:hover, #metanav :link, #metanav :visited {
+    color:  #2C1F1C;
+}
+
 /* = FOOTER = */
 
 #footer {
@@ -215,25 +230,44 @@ table.listing tbody tr.focus { background: #D7E6FF !important }
     background: none;
 }
 
-/* = PAGES ET MODULES = */
-
-/* == Styles for images in documentation and articles == */
+/* = PAGES & MODULES = */
 
+/* == WIKI CONTENT : Styles for images in documentation and articles == */
+.centertxt {
+    text-align: center;
+}
+.lefttxt {
+    text-align: left;
+}
+.righttxt {
+    text-align: right;
+}
+.floatleft {
+    float: left;
+}
+.floatright {
+    float: right;
+}
+.floatright img, imgfloatright {
+    margin-left: 0.2em;
+    margin-bottom: 0.2em;
+}
+.floatleft img, imgfloatleft {
+    margin-right: 0.2em;
+    margin-bottom: 0.2em;
+}
 img.inline, img.inlinetop {
   border: solid 2px;
   padding: 2px;
 }
-
 img.inlinetop {
   vertical-align: top;
 }
-
 img.math {
   vertical-align: middle;
   margin-left: 10px;
   margin-right: 10px;
 }
-
 img.matrix {
   vertical-align: top;
   margin-right: 30px;
@@ -242,7 +276,9 @@ img.matrix {
 
 /* == FORMS == */
 
-input[type="button"], input[type="submit"], input[type="reset"] {
+input[type="button"], 
+input[type="submit"], 
+input[type="reset"] {
     background: #674e4e;
     color: #fff;
     border: 1px solid #2C1F1C;
@@ -250,12 +286,19 @@ input[type="button"], input[type="submit"], input[type="reset"] {
     white-space: normal;
     cursor: pointer;
 }
-input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
+input[type="button"]:hover, 
+input[type="submit"]:hover, 
+input[type="reset"]:hover {
     background: #2C1F1C;
     border: 1px solid #674e4e;
     color: #fff;
 }
-#attachments input[type="button"], #attachments input[type="submit"], #attachments input[type="reset"], .buttons input[type="button"], .buttons input[type="submit"], .buttons input[type="reset"] {
+#attachments input[type="button"], 
+#attachments input[type="submit"], 
+#attachments input[type="reset"], 
+.buttons input[type="button"], 
+.buttons input[type="submit"], 
+.buttons input[type="reset"] {
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
@@ -264,9 +307,17 @@ input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hove
     border: 0;
     border-bottom: 1px solid #2C1F1C;
     padding-top: 90px;
-    width:148px;
+    width: 148px;
 }
-#attachments input[type="button"]:hover, #attachments input[type="submit"]:hover, #attachments input[type="reset"]:hover, .buttons input[type="button"]:hover, .buttons input[type="submit"]:hover, .buttons input[type="reset"]:hover,  .buttons input[type="button"]:active, .buttons input[type="submit"]:active, .buttons input[type="reset"]:active {
+#attachments input[type="button"]:hover, 
+#attachments input[type="submit"]:hover, 
+#attachments input[type="reset"]:hover, 
+.buttons input[type="button"]:hover, 
+.buttons input[type="submit"]:hover, 
+.buttons input[type="reset"]:hover,  
+.buttons input[type="button"]:active, 
+.buttons input[type="submit"]:active, 
+.buttons input[type="reset"]:active {
     background: #2C1F1C url(boutonhover.png) no-repeat center top;
     border: 0;
     border-bottom: 1px solid #674e4e;
@@ -327,11 +378,6 @@ fieldset {
     -webkit-border-radius: 5px;
     border-radius: 5px;
 }
-a.ext-link .icon {
-    background-position: right center;
-    padding-right: 16px;
-    padding-left: 0;
-}
 
 /* === FORM TICKETS === */
 
@@ -341,7 +387,6 @@ a.ext-link .icon {
     font-size: 100%;
     font-weight: bold;
 }
-
 #ticket {
     background-color: #C1CFE5;
     border: 1px solid #674e4e;
@@ -357,7 +402,6 @@ div#ticket.ticketdraft {
     margin: 6px;
     color: #674e4e;
 }
-
 form #comment {
     width: 692px;
 }
@@ -377,35 +421,30 @@ form #comment {
 #content.ticket fieldset {
     border: 1px solid #674e4e;
 }
-
 .wikitoolbar {
     width: 252px;
 }
-
 .wikitoolbar :link, .wikitoolbar :visited {
     border: 1px solid #674E4E;
     margin-left: 2px
 }
-
 .wikitoolbar :active, .wikitoolbar :hover {
     border: 1px solid #2C1F1C;
 }
-/* == search == */
+
+/* == SEARCH == */
 
 #content.search #results dt a {
     color: #674e4e;
 }
-
 #content.search #results .author, #results .date {
     color: #674e4e;
     font-style: italic;
 }
-
 .searchword0 {
     background: #FFBB22;
     color: #2C1F1C
 }
-
 #content.search #results dd {
     font-size: 1em;
 }
@@ -414,34 +453,29 @@ form #comment {
     border: 1px solid  #a3c37a;
     background: #674e4e;
 }
-
 #content .paging :link, #content .paging :visited {
     border: 1px solid  #a3c37a;
     color: #674e4e;
 }
-
 #content .paging :link:hover, #content .paging :visited:hover {
     background: #FFBB22;
     color: #674e4e;
     border: 1px solid  #a3c37a;
 }
-
 #content .paging .previous a,
 #content .paging .next a,
 #content .paging .previous a:hover, #content .paging .next a:hover {
     border: none;
 }
-
 #content .paging .previous a:hover, #content .paging .next a:hover {
     color: #FFBB22;
 }
 
-/* roadmap */
+/* == ROADMAP == */
 
 .milestone .info .date, .milestone .info h2 em {
     color: #2C1F1C;
 }
-
 #prefs {
     background: #fff;
     border: 1px solid #4E6A91;
@@ -449,16 +483,7 @@ form #comment {
     font-size: 11px;
 }
 
-/* browser */
-table.listing {
-    border: 1px solid #674E4E;
-    border-collapse: collapse;
-}
-table.listing thead th, 
-table.listing tbody td, 
-table.listing tbody th {
-    border: 1px solid #674E4E;
-}
+/* == BROWSER == */
 
 #dirlist td.age {
     border-top: 1px solid #2C1F1C
@@ -471,7 +496,6 @@ div.code, pre.wiki, pre.literal-block {
     background: #fff;
     border: 1px dotted #2C1F1C;
 }
-
 .wiki-toc, #prefs, #tabs {
     background: #fff;
     border: 1px solid #4E6A91;
@@ -491,53 +515,34 @@ div.code, pre.wiki, pre.literal-block {
     border: 1px solid #D7E6FF;
     background: #D7E6FF;
 }
-.wiki-toc :link, .wiki-toc :visited {
+.wiki-toc :link, 
+.wiki-toc :visited {
     color: #2C1F1C
 }
-a.missing:link, a.missing:visited,
-a.missing:link:hover, a.missing:visited:hover {
-    background: #BFADAD;
-    color: #2C1F1C;
-    font-style: italic;
-}
-
-a.missing:link:after, a.missing:visited:after,
-a.missing:hover:after {
-    content: ' missing!';
-    font-size: 9px;
-    color:  #2C1F1C;
-    vertical-align: top;
-    padding-left: 5px;
-}
-
 .wiki-toc .active {
     font-weight: bold;
 }
 
-h1 :link, h1 :visited {
-    color: #674e4e;
+/* == TABLE (FORUM, TIMELINE & DIFF) == */
+table.listing {
+    border: 1px solid #674E4E;
+    border-collapse: collapse;
 }
-
-.floatleft {
-    float: left;
+table.listing thead { 
+    background: #674E4E;
+    color: #fff;
 }
-
-.floatright {
-    float: right;
+table.listing thead th, 
+table.listing tbody td, 
+table.listing tbody th {
+    border: 1px solid #674E4E;
 }
-
-.floatright img, imgfloatright {
-    margin-left: 0.2em;
-    margin-bottom: 0.2em;
+table.listing thead th {
+    text-align: center;
 }
-
-.floatleft img, imgfloatleft {
-    margin-right: 0.2em;
-    margin-bottom: 0.2em;
+table.listing thead th a {
+    color: #fff
 }
-/* forum */
-
-
 table.listing thead th.moderators, 
 table.listing tbody td.moderators, 
 table.listing tbody th.moderators,
@@ -546,21 +551,14 @@ table.listing tbody td.id,
 table.listing tbody th.id {
     display: none;
 }
+table.listing tbody tr:hover { background: #D7E6FF !important }
+table.listing tbody tr.focus { background: #D7E6FF !important }
+
 table.listing tbody td.lasttopic, 
 table.listing tbody td.author,
 table.listing tbody td.founded, 
 table.listing tbody td.lastreply {
     text-align: left;
-} 
-table.listing thead th {
-    text-align: center;
-}
-table.listing thead { 
-    background: #674E4E;
-    color: #fff;
-}
-table.listing thead th a {
-    color: #fff
 }
 table.listing tbody td.topics, 
 table.listing tbody td.new_topics, 
@@ -568,10 +566,12 @@ table.listing tbody td.replies,
 table.listing tbody td.new_replies {
     text-align: right;
 }
+
+/* === FORUM === */
+
 .forum-list tr > td {
     padding: 0.2em 0.2em !important
 }
-
 .forum-list th.group, .topic-list th {
     background-color: #4E6A91;
     border: 1px solid #674E4E;
@@ -579,58 +579,78 @@ table.listing tbody td.new_replies {
     color: #fff;
     text-align: left;  
 }
-.topic-list th :link, .topic-list th :visited {
-    color: #2C1F1C;
+.forum-list th.group div.name { 
+    float: left;
+    text-align: right;
+    width: 40%;
 }
-.topic-list th :active, .topic-list th :hover {
-    color: #fff;
+.forum-list th.group div.name:after {
+    content: ':';
 }
 .forum-list th.group .description {
     float: left;
 }
-.topic-list h1, .topic-list h2 {
-    border-bottom: none;
-    font-size: 20px;
-    font-weight: bold;
-    margin-top: 0;
-    padding-top: 0;
+.forum-list th.group div.description {
+    float: right;
+    text-align: left;
+    width: 59%;
 }
+
 .topic-list h1 {
     float: left;
     text-align: right;
     width: 49%;
     color: #2C1F1C;
 }
+.topic-list h1:after {
+    content: ':';
+}
+.topic-list h1, .topic-list h2 {
+    border-bottom: none;
+    font-size: 20px;
+    font-weight: bold;
+    margin-top: 0;
+    padding-top: 0;
+}
 .topic-list h2 {
     float: right;
     text-align: left;
     width: 49%;
     color: #4E6A91;
 }
-.topic-list h1:after {
-    content: ':';
+.topic-list th :link, .topic-list th :visited {
+    color: #2C1F1C;
 }
-.forum-list th.group div.name { 
-    float: left;
-    text-align: right;
-    width: 49%;
+.topic-list th :active, .topic-list th :hover {
+    color: #fff;
 }
-.forum-list th.group div.name:after {
-    content: ':';
+
+/* === DIFF === */
+
+.diff h2 {
+    color: #fff;
+    background: #4e6a91;
 }
-.forum-list th.group div.description {
-    float: right;
-    text-align: left;
-    width: 49%;
+dt .time {
+    color: #2C1F1C;
 }
-
-/* admin */
+.diff table tbody th {
+    background: #D7E6FF;
+    color: #674E4E;
+}
+.diff li.entry, .diff table th {
+    border-color: #4e6a91;
+}
+table#info li {
+    background-image: none;
+}
+/* == admin == */
 
 .admin #tabs li, .admin fieldset {
     background: #fff;
 }
 
-/* pastebin */
+/* == PASTEBIN == */
 
 div.sidebar {
     -moz-border-radius: 5px;
@@ -643,25 +663,3 @@ div.sidebar {
     padding: 10px;
     width: 180px;
 }
-/* diff */
-.diff table tbody th {
-    background: #D7E6FF;
-    color: #674E4E;
-}
-.diff h2 {
-    color: #fff;
-    background: #4e6a91;
-}
-.diff li.entry, .diff table th {
-    border-color: #4e6a91;
-}
-/*  */
-table#info li {
-    background-image: none;
-}
-.ohloh {
-    text-align: center;
-}
-dt .time {
-    color: #2C1F1C;
-}