diff --git a/trac/htdocs/libcaca.css b/trac/htdocs/libcaca.css index 9c21de4..1129663 100644 --- a/trac/htdocs/libcaca.css +++ b/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; -}