1/******************************************************************************/ 2/* GENERAL */ 3/******************************************************************************/ 4* { 5 font-family: Verdana, Helvetica, Arial, sans-serif; 6 font-size: small; 7} 8html { 9 background: #7f7f8e url(images/background.png) repeat-x; 10 color: #fff; 11} 12body { 13 background: #fff; 14 color: #000; 15 border: solid 5px #9494A5; 16} 17/********************************** ACRONYM ***********************************/ 18acronym { cursor: help; } 19/************************************ IMG *************************************/ 20img { 21 border: none; 22} 23img.illustration { 24 border: solid 2px #ccc; 25} 26img.illustration:hover { 27 border: solid 2px #a07027; 28} 29/************************************* A **************************************/ 30a[href], a.internal, a.wikilink1 { 31 background: url(images/link_internal.gif) no-repeat .2em .2em; 32 padding-left: 16px; 33 text-decoration: underline; 34 color: #ca8d31; 35 background-color: inherit; 36} 37a img { 38 margin-left: -16px; 39 vertical-align: bottom !important; 40} 41a:hover { 42 text-decoration: underline; 43 color: #a07027; 44 background-color: inherit; 45} 46a:visited { 47 color: #805007; 48 background-color: inherit; 49} 50a:visited:hover { 51 color: #a07027; 52 background-color: inherit; 53} 54a[hreflang]:after { 55 content: "\0000a0[" attr(hreflang) "]"; 56} 57a.external, a.urlextern, a.interwiki { 58 background: url(images/link_external.gif) no-repeat .2em .2em; 59 padding-left: 16px; 60} 61a.internalbad, a.wikilink2 { 62 color: #f00; 63 background: url(images/link_error.gif) no-repeat .1em .1em; 64 background-color: inherit; 65 padding-left: 16px; 66} 67a.comments { 68 background: url(images/link_comments.gif) no-repeat .2em .2em !important; 69 padding-left: 16px; 70} 71a.category { 72 background: url(images/link_category.gif) no-repeat .2em .2em !important; 73 padding-left: 16px; 74} 75a.archives { 76 background: url(images/link_archives.png) no-repeat .2em .2em; 77 padding-left: 16px; 78} 79a.rss { 80 background: url(images/link_rss.png) no-repeat .2em .2em; 81 padding-left: 16px; 82} 83a.mail a.mail, a[href^="mailto:"] { 84 background: url(images/link_mail.gif) no-repeat .2em .2em; 85 padding-left: 16px; 86} 87a.external:visited, a.urlextern:visited, a.interwiki:visited, a.internal:visited, a.wikilink1:visited { 88 background: url(images/link_visited.gif) no-repeat .2em .2em; 89 padding-left: 16px; 90} 91a[href^="http:"] { 92 background: url(images/link_external.gif) no-repeat .2em .2em; 93 padding-left: 16px; 94} 95a[href^="http:"]:visited { 96 background: url(images/link_visited.gif) no-repeat .2em .2em; 97 padding-left: 16px; 98} 99a[href^="http:"] img { 100 margin-left: -16px; 101 vertical-align: bottom; 102} 103pre a, .footnotes a, a[href^="#"] { 104 background-image: none !important; 105 padding-left: 0 !important; 106 text-decoration: none !important; 107} 108 109/************************************ EM **************************************/ 110em { 111 color: #666; 112 background-color: inherit; 113} 114/********************************* TEXTAREA ***********************************/ 115textarea { 116 font-family: "Courier New",Courier,monospace; 117 font-size: 1em; 118} 119/********************************* SUP, SUB ***********************************/ 120sup, sub { font-size: .7em; } 121/********************************* DEFINITION *********************************/ 122dl dt { 123 color: #86875f; 124 background: #fff; 125 font-weight: bold; 126} 127dl dt a { 128 color: #86875f; 129 background: #fff; 130} 131dl dd.date { 132 border-right: solid 1px #ccc; 133} 134/*********************************** TABLE ************************************/ 135table { 136 border: solid 1px #999; 137} 138table th { 139 border: solid 1px #999; 140 background-color: #eee; 141 color: inherit; 142 padding: 2px 5px 2px 5px; 143} 144table td { 145 border: solid 1px #ccc; 146 padding: 2px 5px 2px 5px; 147} 148/* 149Ca génère une erreur de validation 150table td.rightalign { text-align: right; } 151table td.centeralign { text-align: center; } 152table td.leftalign { text-align: left; } 153*/ 154table tr:hover { 155 background-color: #ffffe5; 156 color: inherit; 157} 158/************************************ CODE ************************************/ 159pre { 160 overflow: auto; 161 border: solid 1px #a5a3af; 162} 163 164pre * { 165 font-size: 1em; 166 font-family: "Courier New",Courier,monospace; 167} 168pre.code, pre.php, pre.actionscript, pre.css, pre.html4strict, pre.javascript, pre.bash, pre.xml, pre.xul, pre.xbl, pre.rdf, pre.ini, pre.mysql, pre.sqlite, pre.ruby, pre.xsl { 169 background: #fffff5 url(images/code.png) no-repeat; 170 color: inherit; 171 padding: 21px 2px 2px 4px; 172 font-family: "Courier New",Courier,monospace; 173 border-left: solid 2px #a5a3af; 174} 175pre.php { background-image: url(images/codephp.png); } 176pre.actionscript { background-image: url(images/codeactionscript.png); } 177pre.css { background-image: url(images/codecss.png); } 178pre.html4strict { background-image: url(images/codehtml.png); } 179pre.javascript { background-image: url(images/codejavascript.png); } 180pre.bash { background-image: url(images/codebash.png); } 181pre.xml { background-image: url(images/codexml.png); } 182pre.xul { background-image: url(images/codexul.png); } 183pre.xbl { background-image: url(images/codexbl.png); } 184pre.xsl { background-image: url(images/codexsl.png); } 185pre.rdf { background-image: url(images/coderdf.png); } 186pre.ini { background-image: url(images/codeini.png); } 187pre.mysql { background-image: url(images/codemysql.png); } 188pre.sqlite { background-image: url(images/codesqlite.png); } 189pre.ruby { background-image: url(images/coderuby.png); } 190 191pre .br0 { color: #6c6 !important; background-color: inherit; } 192pre .co1 { color: #808080 !important; font-style: normal !important; background-color: #f0f0f0 !important; } 193pre .co2 { color: #808080 !important; font-style: normal !important; background-color: #f0f0f0 !important; } 194pre .coMULTI { color: #808080 !important; font-style: normal !important; background-color: #f0f0f0 !important; } 195pre .es0 { color: #009 !important; font-weight: normal !important; background-color: inherit; } 196pre .kw1 { color: #990 !important; font-weight: bold !important; background-color: inherit; } 197pre .kw2 { color: #666 !important; font-weight: bold !important; background-color: inherit; } 198pre .kw3 { color: #66a !important; font-weight: bold !important;background-color: inherit; } 199pre .kw4 { color: #933 !important; background-color: inherit; } 200pre .kw5 { color: #77f !important; background-color: inherit; } 201pre .me0 { color: #060 !important; background-color: inherit; } 202pre .nu0 { color: #c6c !important; background-color: inherit; } 203pre .re0 { color: #77f !important; background-color: inherit; } 204pre .re1 { color: #77f !important; background-color: inherit; } 205pre .re2 { color: #77f !important; background-color: inherit; } 206pre .re4 { color: #099 !important; background-color: inherit; } 207pre .sc0 { color: #0bd !important; background-color: inherit; } 208pre .sc1 { color: #db0 !important; background-color: inherit; } 209pre .sc2 { color: #090 !important; background-color: inherit; } 210pre .st0 { color: #00f !important; background-color: inherit; } 211code { 212 color: inherit; 213 background-color: #fffff5; 214 border: 1px dotted #8cacbb; 215 font-size: 1em; 216 font-family: "Courier New",Courier,monospace; 217} 218/******************************************************************************/ 219/* HEADER */ 220/******************************************************************************/ 221#header #avoid ul li, #header #avoid ul li a { 222 font-size: .9em; 223} 224#header #avoid ul li { 225 color: #999; 226 background: inherit; 227} 228#header #avoid ul li:before { 229 content: " | "; 230} 231#header #avoid ul li:first-child:before { 232 content: ""; 233} 234#header #avoid ul li a { 235 color: #999; 236 background: inherit; 237 text-decoration: none; 238} 239#header #avoid ul li a:hover { 240 color: #fff; 241 background: inherit; 242} 243#header #banner{ 244 background: url(images/avatar.png) no-repeat; 245} 246#header a { 247 background: transparent; 248 padding: 0; 249} 250#header h1{ 251 color: #fefefe; 252 background: inherit; 253 font-family: "Trebuchet MS", Arial, sans-serif; 254} 255/******************************************************************************/ 256/* MENU */ 257/******************************************************************************/ 258#menu { 259 background: #e39e37 url(images/menu_background.png) repeat-x; 260 color: #fff; 261} 262#menu ul{ 263 list-style: none; 264 border-left: solid 2px #fff; 265} 266#menu ul li { 267 background: #e39e37; 268 border-right: solid 2px #fff; 269 color: #fff; 270} 271#menu ul li.selected { 272 background: #1ba6b2; 273 color: #fff; 274} 275#menu ul li.selected:hover { 276 background: #1ba6b2; 277 color: #fff; 278} 279#menu ul li:hover { 280 background: #f9ae3d; 281 color: #fff; 282} 283#menu ul li a { 284 color: #fff; 285 background: #e39e37 url(images/menu_a.png) repeat-x; 286 text-decoration: none; 287} 288#menu ul li a:hover { 289 color: #fff; 290 background: #f9ae3d; 291} 292#menu ul li.selected a { 293 color: #fff; 294 background: #1ba6b2 url(images/submenu_a.png) repeat-x; 295 font-weight: bold; 296} 297#menu ul li.selected a:hover { 298 color: #fff; 299 background: #1ba6b2; 300} 301/******************************************************************************/ 302/* SUBMENU */ 303/******************************************************************************/ 304#submenu { 305 background: #1ba6b2 url(images/submenu_background.jpg) repeat-x; 306 color: #fff; 307} 308#submenu ul{ 309 list-style: none; 310 border-left: solid 2px #fff; 311} 312#submenu ul li { 313 background: #1ba6b2; 314 border-right: solid 2px #fff; 315 color: #fff; 316} 317#submenu ul li.selected { 318 border-bottom: solid 5px #B7B7B7; 319 color: #fff; 320 background: #1ba6b2; 321} 322#submenu ul li:hover { 323 background: #1eb6c4; 324 color: #fff; 325} 326#submenu ul li a { 327 color: #fff; 328 background: #1ba6b2 url(images/submenu_a.png) repeat-x; 329 text-decoration: none; 330 font-variant: small-caps; 331} 332#submenu ul li.selected a { 333 font-weight: bold; 334} 335#submenu ul li a:hover { 336 color: #fff; 337 background: #1eb6c4; 338} 339#submenu ul.children { 340 border: solid 1px #fff; 341} 342#submenu #search { 343 border-left: solid 2px #fff; 344 background: #1eb6c4 url(images/search.gif) no-repeat 1em; 345 color: #fff; 346} 347#submenu #search label{ 348 font-variant: small-caps; 349 display: none; 350} 351#submenu #search label:after{ 352 content: "\0000a0:"; 353} 354#submenu #search input[type=text] { 355 border: none; 356 background: #9fd8dd; 357 color: #666; 358} 359#submenu #search input[type=text]:focus { 360 background: #fff; 361 color: #000; 362} 363#submenu #qsearch_out { 364 color: #1ba6b2; 365 background: #fff; 366 border: solid 1px #1ba6b2; 367} 368#submenu #qsearch_out li { 369 background: #fff; 370 color: #1ba6b2; 371} 372#submenu #qsearch_out li a { 373 background: #fff; 374 color: #1ba6b2; 375} 376/******************************************************************************/ 377/* BODY */ 378/******************************************************************************/ 379#body { 380 border: solid 1px #fff; 381} 382/*********************************** HEADER ***********************************/ 383#body h1, #body h2, #body h3, #body h4, #body h5, #body h1 a, #body h2 a, #body h3 a, #body h4 a, #body h5 a { 384 font-family: Georgia, "Times New Roman", serif; 385 background-image: none !important; 386 text-decoration: none !important; 387} 388#body h1 { 389 font-size: 2em; 390 color: #e39e37; 391 background: #fff; 392 border-bottom: solid 1px #e39e37; 393} 394#body h1 a { 395 font-size: 1em; 396 color: #e39e37; 397 background: #fff; 398} 399#body h2 { 400 font-size: 1.8em; 401 color: #1ba6b2; 402 background: #fff; 403 border-bottom: solid 1px #1ba6b2; 404} 405#body h2 a { 406 font-size: 1em; 407 color: #1ba6b2; 408 background: #fff; 409} 410#body h2 a:hover { 411 color: #1eb6c4; 412 background: #fff; 413 text-decoration: none; 414} 415#body h3 { 416 color: #6d6e23; 417 background: #fff; 418 font-size: 1.5em; 419 font-weight: normal; 420} 421#body h3 a { 422 color: #6d6e23; 423 background: #fff; 424 font-size: 1em; 425} 426#body h3 a:hover { 427 color: #6d6e23; 428 background: #fff; 429 text-decoration: underline; 430} 431#body h4 { 432 color: #86875f; 433 background: #fff; 434 font-size: 1.2em; 435 font-weight: bold; 436} 437#body h4 a { 438 color: #86875f; 439 background: #fff; 440 font-size: 1em; 441} 442#body h4 a:hover { 443 color: #929367; 444 background: #fff; 445 text-decoration: underline; 446} 447#body h5 { 448 color: #96976f; 449 background: #fff; 450 font-size: 1.1em; 451 font-weight: bold; 452} 453#body h5 a { 454 color: #96976f; 455 background: #fff; 456 font-size: 1em; 457} 458#body h5 a:hover { 459 color: #a6a77f; 460 background: #fff; 461 text-decoration: underline; 462} 463/********************************** SUBTITLE **********************************/ 464#body .subtitle { 465 font-size: .8em; 466 border-bottom: dotted 1px #ccc; 467} 468#body .subtitle a { 469 font-size: 1em; 470} 471/********************************* BLOCKQUOTE *********************************/ 472#body blockquote { 473 border-top: solid 1px #ccc; 474 border-right: solid 1px #ccc; 475 border-bottom: solid 1px #ccc; 476 border-left: solid 3px #ccc; 477 background-image: url(images/blockquote.png); 478 background-repeat: no-repeat; 479 background-color: #f9f9f9; 480 color: #333; 481} 482/********************************* COMMENTLIST ********************************/ 483#body #commentlist { 484 list-style: none; 485} 486#body #commentlist li { 487 border: solid 1px #a8a989; 488 padding: .5em; 489} 490#body .meta { 491 font-size: .8em; 492 border-top: dotted 1px #ccc; 493} 494#body .meta a { 495 font-size: 1em; 496} 497#body ul { 498 list-style: url(images/arrow.gif); 499} 500/******************************************************************************/ 501/* SIDEBAR */ 502/******************************************************************************/ 503#sidebar { 504 /*background: #fff url(images/sidebar_bg.gif) repeat-y;*/ 505 color: #000; 506 background: #fff; 507} 508#sidebar .panel { 509 border: solid 1px #1ba6b2; 510} 511#sidebar h2 { 512 font-family: Verdana, Helvetica, Arial, sans-serif; 513 background: #1ba6b2; 514 color: #fff; 515 font-size: 1em; 516 font-variant: small-caps; 517} 518#sidebar ul { 519 list-style: none; 520} 521#sidebar ul.archives li a, #sidebar #archives ul li a { 522 background: url(images/link_archives.png) no-repeat .2em .2em; 523 padding-left: 16px; 524} 525#sidebar ul.links li a, #sidebar #links ul li a { 526 background: url(images/link_external.gif) no-repeat .2em .2em; 527 padding-left: 16px; 528} 529/******************************************************************************/ 530/* FOOTER */ 531/******************************************************************************/ 532#footer { 533 border-top: solid 2px #ccc; 534} 535#footer p { 536 font-size: .8em; 537} 538#footer p a strong { 539 font-weight: normal; 540 font-size: 1em; 541} 542#footer p a { 543 text-decoration: none; 544 font-size: 1em; 545} 546#footer a:hover { 547 text-decoration: underline; 548} 549#footer a img { 550 border: solid 1px #fff; 551} 552#footer a:hover img { 553 border: solid 1px #e39e37; 554} 555