1/* ================================ GENERAL ================================ */ 2/* 3 * bleu #5d5d9a 4 * orange #d68c03 5 * bleu h2 #70548c 6 * bleu h3 #614979 7 */ 8* { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: small; } 9body { background-color: #bdbdbe; } 10acronym { cursor: help; } 11form { margin: 0; padding: 0; } 12textarea { border: solid 1px #70548c; width: 99%; } 13input[type='text'], input[type='password'] { border: solid 1px #70548c; } 14dl, li { margin: 0; padding: 0; } 15ul, ol { margin: .5em 0 0 2em; padding: 0; } 16ul { list-style-image: url(images/ulpuce.gif); } 17ol { list-style-type: decimal; list-style-image: none; } 18em { color: #666; } 19a { text-decoration: none; color: #5d5d9a; } 20a:hover { color: #d68c03; } 21textarea { font-family: "Courier New",Courier,monospace; font-size: 1em; } 22div.error { font-size: 1em; color: #fff; font-weight: bold; padding: 3px 3px 3px 20px; background: #f00 url(images/error.png) 3px 4px no-repeat; border-bottom: solid 1px #000; border-top: solid 1px #000; } 23div.success { font-size: 1em; color: #fff; font-weight: bold; padding: 3px 3px 3px 20px; background: #3f3 url(images/thumbup.gif) 1px 1px no-repeat; border-bottom: solid 1px #000; border-top: solid 1px #000; } 24sup, sub { font-size: .7em; } 25.user { display: none; } 26hr.clear{ clear: both; visibility: hidden; } 27 28/* ================================= HEADER ================================= */ 29#header { margin: 0 0 0 286px; background: url(images/header_bg.png); } 30#header #logo { position: absolute; left: 0; top: 0; height: 100px; width: 286px; background: transparent url(images/header.png) no-repeat; } 31 32/* ================================== MENU ================================== */ 33#header #menu { position: absolute; top: 55px; margin-left: -20px; } 34#header #menu ul { list-style: none; margin: 0px; } 35#header #menu ul li { float: left; margin-right: 20px; } 36#header #menu ul li a { color: #5d5d9a; text-decoration: none; font-size: 1.2em; font-weight: bold; font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; } 37#header #menu ul li a:hover { color: #d68c03; } 38#header #menu ul li:hover ul{ display: block; } 39#header #menu ul li ul { display: none; position: absolute; padding: 3px; border: solid 2px #5d5d9a; background-color: #fff; } 40#header #menu ul li ul li { float: none; display: block; } 41 42/* ============================== SEARCH FORM =============================== */ 43#searchform { float: right; margin: 50px 5px 0 0; } 44#searchform input { border: solid 1px #5d5d9a; margin-left: 1em; } 45#searchform input.edit { width: 10em; } 46 47/* ============================== SEARCH ============================= */ 48.search_result { background-color: #e9e9e9; border: solid 1px #999; padding: 5px 0 0 5px; margin-top: 10px;} 49.search_snippet { background-color: #fff; border-top: solid 1px #999; border-left: solid 1px #999; padding: 5px; margin: 2px 0 0 -6px; } 50.search_hit { background-color: #75f31d; color: #fff; } 51#qsearch_out { display: none; background: #fff; border: solid 1px #70548c; padding: 5px; position: absolute; right: 20em; top: 84px; } 52 53/* =============================== NAVIGATION =============================== */ 54#navigation ul { list-style: none; margin: 0; padding: 0; } 55#navigation ul li { display: inline; padding: 0 .5em 0 .5em; } 56#navigation ul li a { color: #70548c; font-weight: bold; } 57#navigation ul li a:hover { color: #c4891b; font-weight: bold; } 58 59/* ================================= INDEX ================================== */ 60.idx li { list-style-image: url(images/page.gif); } 61.idx li.closed { list-style-image: url(images/folder.gif); } 62.idx li.open { list-style-image: url(images/folderopen.gif); } 63 64/* ================================ HEADERS ================================= */ 65h1 { 66 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; 67 font-size: 1.5em; 68 font-variant: small-caps; 69 color: #d68c03; 70 border-bottom: solid 2px #d68c03; 71 margin: 0; 72} 73h2 { 74 font-size: 1em; 75 font-variant: small-caps; 76 color: #70548c; 77 border-bottom: solid 1px #70548c; 78 margin: 1em 0 0 2em; 79 background: url(images/puce.png) no-repeat 0 .5em; 80 padding: 0 0 0 1em; 81} 82h3 { 83 font-size: 1em; 84 color: #614979; 85 border-bottom: solid 1px #bbb; 86 margin: 1em 0 0 3em; 87 background: url(images/puce2.png) no-repeat 0 .5em; 88 padding: 0 0 0 1em; 89} 90h4 { 91 font-size: 1em; 92 color: #614979; 93 border-bottom: solid 1px #ddd; 94 margin: 1em 0 0 4em; 95} 96h5 { 97 font-size: 1em; 98 color: #614979; 99 border-bottom: dotted 1px #ddd; 100 margin: 1em 0 0 5em; 101} 102 103/* ================================= LEVELS ================================= */ 104div.level1 { margin: 1em 0 0 0; } 105h1+div.level1 { margin: -2px 0 0 0; padding-top: 2px; background: url(images/h1.png) no-repeat; min-height: .5em; } 106div.level2 { margin: 1em 0 0 3em; } 107h2+div.level2 { margin: -1px 0 0 2em; padding-top: 2px; background: url(images/h2.png) no-repeat; min-height: .5em; } 108div.level3 { margin: 1em 0 0 4em; } 109h3+div.level3 { margin: -1px 0 0 3em; padding-top: 2px; background: url(images/h3.png) no-repeat; min-height: .5em; } 110div.level4 { margin: 1em 0 0 5em; } 111h4+div.level4 { margin: -1px 0 0 4em; padding-top: 2px; } 112div.level5 { margin: 1em 0 0 6em; } 113h5+div.level5 { margin: -1px 0 0 5em; padding-top: 2px; } 114 115/* =================================== TOC ================================== */ 116#content div.toc { margin-left: 10px; margin-bottom: 10px; } 117#content div.toc .tocheader { background-color: #d68c03; color: #fff; font-weight: bold; padding: 2px 5px 2px 5px; } 118#content div.toc .tocheader a { color: #fff; font-weight: bold; text-decoration: none; } 119#content div.toc #tocinside { margin: 0 0 0 20px; padding: 3px; } 120#content div.toc #tocinside ul.toc { margin: 0; padding: 0; list-style-image: url(images/tocpuce.gif);} 121#content div.toc #tocinside ul.toc li.level1 { margin: 0; list-style-type: none; } 122#content div.toc #tocinside ul.toc li.level1 li { margin: 0 0 0 15px; } 123#content div.toc #tocinside ul.toc li.level1 a { color: #d68c03; font-weight: bold; } 124#content div.toc #tocinside ul.toc li.level1 a:hover { text-decoration: underline; } 125#content div.toc #tocinside ul.toc li.level2 a { color: #70548c; font-weight: normal; } 126#content div.toc #tocinside ul.toc li.level2 a:hover { color: #d68c03; text-decoration: none; } 127#content div.toc #tocinside ul.toc li.level3 a { color: #614979; } 128 129/* =================================== EDIT ================================= */ 130.secedit { text-align: right; } 131.secedit .button .button { border: solid 1px #000000; } 132 133/* ================================== FORMS ================================= */ 134form fieldset { 135 width: 300px; 136} 137form fieldset label { 138 text-align: right; 139 display: block; 140} 141 142/* ================================= TABLES ================================= */ 143#content table { margin: 5px 0 5px 0; border: solid 1px #999; border-collapse: collapse; } 144#content table th { border: solid 1px #999; background-color: #eee; padding: 2px 5px 2px 5px; } 145#content table td { border: solid 1px #ccc; padding: 2px 5px 2px 5px; } 146#content table td.rightalign { text-align: right; } 147#content table td.centeralign { text-align: center; } 148#content table td.leftalign { text-align: left; } 149#content table tr:hover { background-color: #ffffe5; } 150 151/* =============================== PARAGRAPH ================================ */ 152p { margin: .5em 0 0 0; } 153 154/* ================================== PRE =================================== */ 155pre { 156 padding: 2px; 157 border: 1px dotted #8cacbb; 158 color: #000000; 159 160 overflow: auto; 161} 162 163/* ================================= CODE =================================== */ 164.code { 165 background: #fffff5 url(images/code.png) no-repeat; 166 padding: 21px 2px 2px 4px; 167 font-family: "Courier New",Courier,monospace; 168 white-space: pre; 169 border-left: solid 2px #a5a3af; 170} 171pre.php { background-image: url(images/codephp.png); } 172pre.actionscript { background-image: url(images/codeactionscript.png); } 173pre.css { background-image: url(images/codecss.png); } 174pre.html4strict { background-image: url(images/codehtml.png); } 175pre.javascript { background-image: url(images/codejavascript.png); } 176pre.bash { background-image: url(images/codebash.png); } 177 178pre * { background-color: #fffff5; font-size: 1em; font-family: "Courier New",Courier,monospace; } 179pre.code .br0 { color: #66cc66; } 180pre.code .co1 { color: #808080; font-style: normal; background-color: #f0f0f0; } 181pre.code .co2 { color: #808080; font-style: normal; background-color: #f0f0f0; } 182pre.code .coMULTI { color: #808080; font-style: normal; background-color: #f0f0f0; } 183pre.code .es0 { color: #000099; font-weight: normal; } 184pre.code .kw1 { color: #b1b100; } 185pre.code .kw2 { color: #000000; font-weight: normal; } 186pre.code .kw3 { color: #000066; } 187pre.code .kw4 { color: #993333; } 188pre.code .kw5 { color: #7777ff; } 189pre.code .me0 { color: #006600; } 190pre.code .nu0 { color: #cc66cc; } 191pre.code .re0 { color: #7777ff; } 192pre.code .re1 { color: #7777ff; } 193pre.code .re2 { color: #7777ff; } 194pre.code .re4 { color: #009999; } 195pre.code .sc0 { color: #00bbdd; } 196pre.code .sc1 { color: #ddbb00; } 197pre.code .sc2 { color: #009900; } 198pre.code .st0 { color: #0000ff; } 199code { background-color: #fffff5; border: 1px dotted #8cacbb; font-size: 1em; font-family: "Courier New",Courier,monospace; } 200 201/* ================================ PREVIEW ================================= */ 202.preview { border: dotted 1px #999; margin: 1em; padding: 1em; } 203 204/* ============================== BLOCKQUOTE ================================ */ 205blockquote { border-left: solid 2px #a58fbb; margin: 0; padding: 0 0 0 .5em; } 206 207/* ================================= IMAGES ================================= */ 208img { border: none; } 209img.media { margin: 3px; } 210img.medialeft { float: left; margin: 0 3px 0 0; } 211img.mediaright { float: right; margin: 0 0 0 3px; } 212img.mediacenter { display: block; margin-left: auto; margin-right: auto; } 213 214/* ================================== LINKS ================================= */ 215.interwiki { background-image: url(../../images/interwiki/doku.gif); background-repeat: no-repeat; padding-left: 18px; } 216.urlextern { background-image: url(images/link_icon.gif); background-position: 0px -1px; background-repeat: no-repeat; padding-left: 18px; } 217.mail { background-image: url(images/mail_icon.gif); background-repeat: no-repeat; padding-left: 18px; } 218/* Lien interne qui existe */ 219.wikilink1 { } 220/* Lien interne qui n'existe pas */ 221.wikilink2 { color: #f00; background-image: url(images/link_error.gif); background-position: -4px 0px; background-repeat: no-repeat; padding-left: 10px;} 222 223/* ================================ FOOTNOTE ================================ */ 224.fn { border-top: dashed 1px #999; background-color: #ffe; margin-top: 20px; } 225.fn+.fn { border-top: none; margin-top: 0; } 226.fn_top { font-size: .7em; vertical-align: super; } 227.fn_bot { font-size: .7em; vertical-align: super; } 228 229/* ================================== DIFF ================================== */ 230.diff-deletedline { background-color: #ff9999; } 231.diff-addedline { background-color: #9999ff; } 232.diffchange { background-color: #ffff66;} 233 234/* ================================= MEDIA ================================== */ 235#media ul { margin: 0px 0px 0px 10px; padding: 0px; } 236#media li { margin-left: 15px; list-style-image: url(images/folder.gif); } 237#media .mediaselect-right li { list-style-image: url(images/page.gif); } 238#media .uploadform { margin-top: 20px; } 239