css

/* 
  Laurent Lunati - je test et c'est pas encore çà ... and updated suggestion by MarkDilley
   Public Domain
  yawn
*/

/* ------------------ -------*/
/* ---------temporaire -------*/
/* ------------------ -------*/
div.comment{ 
	margin: 40px 195px 20px 15px;
	text-align: left;
	padding-top: 20px;
	border-top: 1px dashed #333;
	}
div.comment textarea#aftertext { 
	width:510px; height:100px; 
	background-color: #e9f9ff;
	font-size: 130%;
	font-weight: bold;
	color: #888;
	}
div.comment textarea#aftertext:focus { 
	width:510px; height:100px; 
	background-color: #FAFFDE;
	font-size: 130%;
	font-weight: normal;
	color: #333;
	}
form.comment{
	padding: 10px;}
form.comment p label{
	display: block;
	font-size: 130%;
	font-weight: bold;
	color: #888;
	margin: 10px 0 0 0;
	}
form.comment p input#homepage, form.comment p input#username{
	width: 250px;
	font-size: 130%;
	color: #333;
	border: 1px solid #333;
	background-color: #e9f9ff;
	}
form.comment p input#homepage:focus, form.comment p input#username:focus{
	background-color: #FAFFDE;

}
/* ------------------ -------*/
/* --------/temporaire -------*/
/* ------------------ -------*/
html, body { 
    margin:0;
    padding:0;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode',  Verdana, sans-serif;

}

body{
   	text-align: center;
   	font-size: 62.5%;
   	width: 740px;
   	margin: auto;
}

.XML {
    vertical-align:top;
}

br + p.result { display: none; }

a {  text-decoration:none; font-weight:normal; }
a:active { }
a:visited { }
a.near, a.outside, a[class="url number"] {}
a.tag:before { content:"\2601\ "; }
a.tag { text-decoration:none; }
div.search p.links a { padding-right:2ex; }
a.number { text-decoration:none; }
a.local {   }
a.near { padding-right : 15px;}
a.alias { text-decoration:none; border-bottom: thin dashed; }
a.footnote { font-size:50%; vertical-align:super }

p.plink, li.plink {
    border: 2px solid ;
    padding: 2px;
}
p a.plink, li a.plink {
    display:none;
}
p:hover a.plink, p a:hover.plink,
li:hover a.plink, li a:hover.plink {
    text-decoration: none;
    display: inline;
}

body.arrows a.near:before, body.arrows a.outside:before { content:"↗"; }
body.arrows a.near, body.arrows a.outside { text-decoration:none; }





dl.irc dt { width:20ex; float:left; text-align:right; clear:left; }
dl.irc dt span.time { float:left; }
dl.irc dd { margin-left:22ex; }

.right {
    float:right;
    margin: 0 0 1.5em 2em;
}

.left {
    float:left;
    margin: 0 2em 1.5em 0;
}

/* xxxxxxxxxxxxxxx */
/*     colors      */
/* xxxxxxxxxxxxxxx */



html, body { color:#000; background-color:#444;}

a { color:#36f;}
a:active { color:#cf0019; }
a:visited { color:#39F; }
p.plink, li.plink {  border: #36f; }

h1, h2, h3, h1 a, h2 a, h3 a{ color:#FFBA08;}
div.journal h1, div.journal h1 a { color:#FFF; background-color:#669;}
div.journal h2, div.journal h3, div.journal h2 a { color:#FFBA08; background-color:transparent;}

p:hover a.plink, p a:hover.plink, li:hover a.plink, li a:hover.plink { color: #a020f0;}

h1 a:hover, h2 a:hover, h3 a:hover { color: #000; }

a.definition:hover, a.near:hover, a:hover { color:#f00; }

/* header */
div.header h1, div.header h1 a, div.header h1 a:link, div.header h1 a:active, div.header h1 a:visited, div.header h1 a:hover { color : #000 ;}
div.header span.gotobar {background-color: #000;}
span.bar a { 	color: #fff; }

/* sidebar */
div.sidebar p strong {  color : #7F2D77;}
div.sidebar h3, div.sidebar h2 {color: #FFF;  background-color: #191970;}
div.sidebar a, div.sidebar a:visited {color: #fff;}
div.sidebar a:hover {color: #30f;}
div.sidebar a.image img{border: 5px solid white;}

/* message */
div.message {background-color:#fee; color:#f00; border:solid #f00;}
span.specialdays { color : #4c6b1b ;}

/* vrac a reclasser*/
span.permanentanchor, a.definition {color:#000;}
p > a.definition, p > span.permanentanchor {    color:#fff; background:#84d600; }
div.footnotes hr { color:black; background-color:#000;}

/*     footer      */
div.footer { background-color: #D5DCE0; color:black;}
div.footer a { color: #16345A;}
div.footer > span.edit a{color: #FFF;}
div.footer > span.edit a:hover{color: #36f;}
div.footer > span.edit {background-color: #7690B6;}
input#search {	border: 1px solid #333; background-color: #FFFFFF;}
/*   RC   */
div.old { background-color:#ffd; }
div.new { background-color:#dfd; }
div.rss { background-color:#D1DCEB; }
body.gray div.rss {background-color:#dec;}

/*     bottom      */
div.sister {background-color: #fff; border: #000; }
div.near {background-color: #fff;	}
div.near a.local, div.near a.local:link, div.near a.local:visited, div.near a.local:active, div.near a.local:hover  { color: #000;}


pre{ border: #777; background-color: #fff; color: black;}

img.portrait { background-color:#fff; border:#999;}
div.portrait a { color:#999;}
div.one {background-color: #efb;}


/*     calendar     */
div.content div.month {    background-color: #446699;}
div.content div.month pre {	color: #DA4;	background-color: #446699;;}
div.sidebar div.month {    background-color: transparent;}
div.sidebar div.month pre {	color: #DA4;	background-color: transparent;}
div.month a.edit {color:#FFF; }
div.month a.local {  color: #DA4; }

/* xxxxxxxxxxxxxxx */
/*     images      */
/* xxxxxxxxxxxxxxx */

html, body { 
     background-image: url("https://static.flickr.com/36/123759757_52c8587728_o.png");
    background-position: center top;
    background-repeat: repeat-y;
}
div.header {
    background-image: url("https://img.skitch.com/20120930-1154k2rrd6yc8wr8amin2i1uu1.png");
    background-position: left top;
    background-repeat: no-repeat;
}

form.search input[type=submit] {
		background-color: transparent;
		background-image: url("https://static.flickr.com/108/277297122_efae69d2c6_o.png");
    background-position: left top;
    background-repeat: no-repeat;
}

div.sidebar div.month {
    background-image: url("https://static.flickr.com/44/127416019_5ccfba4bb1_o.png");
    background-position: right top;
    background-repeat: no-repeat;
}

div.sidebar h3, div.sidebar h2 {  
}

a.near { 
    padding-right: 15px;
    background-image: url("https://static.flickr.com/49/111333897_9f72663feb_o.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;}

div.sidebar a.near { 
    padding-right: 15px;
    background-image: url("https://c5.staticflickr.com/1/54/135796788_4a52c8222d.jpg");
    background-position: 100% 50%;
    background-repeat: no-repeat;}
div.footer > span.edit {
	background-color: transparent;
	background-image: url("https://static.flickr.com/55/140742030_6cc19ea907_o.png");
	background-position: left top;
	background-repeat: no-repeat;
}


/* xxxxxxxxxxxxxxx */
/*     titles      */
/* xxxxxxxxxxxxxxx */

h1, h2, h3 {
    font-weight:bold;
    clear:left;
    padding:0.3ex;
}
h1 {    font-size:2.4em;}
h2 {    font-size:2em;}
h3 {    font-size:1.8em;}
h4 {    font-size:1.6em;}
h2 a, div.journal h1 a, h3 a, div.journal h2 a {text-decoration:none;}

/* xxxxxxxxxxxxxxx */
/*     header      */
/* xxxxxxxxxxxxxxx */
div.header {
		position: relative;
    margin:  auto;
    padding: 75px 0 0 0;
}
div.header h1 {
		position: absolute;
		display: table-cell;
		vertical-align: bottom;
		text-align: left;
		right: 185px;
		width: 540px;
	  height: 50px;
    padding: 6px 0 0 5px;
    margin: 0;
    font-size: 2.4em;
    letter-spacing: 3px;
    }

div.header h1 a, div.header h1 a:link, div.header h1 a:active, div.header h1 a:visited {
    text-decoration:none; 
     font-weight: bold;
}
div.header span.gotobar {
    display:block;
    padding: 5px 5px 5px 15px;
    text-align: center;
   }
span.bar a { 
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 10px 0 0;
}
/* xxxxxxxxxxxxxxx */
/*     content     */
/* xxxxxxxxxxxxxxx */
div.content {
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 50px 195px 0 15px;
	text-align: left;
}
/* xxxxxxxxxxxxxxx */
/*     sidebar     */
/* xxxxxxxxxxxxxxx */


div.sidebar {
    float: right;
    width: 180px;
    border: 0;
    text-align: left;
    overflow: hidden;
    padding-bottom: 40px;
   }
div.sidebar hr{display: none;}
div.sidebar ul, div.sidebar p  {
    display:block;
    margin:0;
    padding:0 3px 0 10px;
    list-style-type: none;
}

div.sidebar li {
    display:block;
    line-height: 1.5em;
    margin:0;
    padding:0;
}

div.sidebar a:before {
    content:"";
}


div.sidebar h3, div.sidebar h2 {
    font-weight: bold;
    font-size: 1em;
	  text-transform: uppercase;
    padding:3px 3px 3px 5px;
    margin: 1em 5px;
    clear: both;
}

/* xxxxxxxxxxxxxxx */
/*     message     */
/* xxxxxxxxxxxxxxx */
div.message {
    position: absolute;
    top: 150px;
    left:0;
    right:0;
    font-weight:bold;
    padding:0.1em 0 0.1em 1em;
    z-index: 5;
}
div.message p {
    display:inline;
}

img.logo { 
    position:absolute;
    top:1ex;
    right:1ex;
    border:none;
    z-index:10;
}

span.specialdays { 
    margin-left : 1em ;
    font-style : italic ;
}


/* xxxxxxxxxxxxxxx */
/*    divers     */
/* xxxxxxxxxxxxxxx */
span.permanentanchor, a.definition {
    text-decoration:none;
    border-bottom:thin dashed;
}

p > a.definition, p > span.permanentanchor {
    font-weight:bold; font-size:larger;
    padding:0.7ex;
    text-decoration:none; display:block; margin-bottom:1ex;
    border-bottom:none;
}

div.footnotes hr {
    border:none;
    height:1px; 
    margin-top:2ex;
}

div.footnotes hr + p {
    font-weight:bold;
}
/* xxxxxxxxxxxxxxx */
/*     footer      */
/* xxxxxxxxxxxxxxx */
div.footer {
    clear:    both;
    margin:  3em 195px 0 15px;
    padding:  1ex;
}
div.footer hr, div.footer br,div.footer span.gotobar {
    display:none;
}
div.footer > span.edit {
	position: fixed;
	bottom: 0px;
	left: 50%;
	padding:  25px 0 0 0 ;
	width : 175px;
	height: 0px;
	margin-left: 193px;
}
div.footer > span.edit:hover {
	position: fixed;
	bottom: 0px;
	left: 50%;
	padding:  40px 0 0 0 ;
	margin-left: 193px;
	width : 175px;
	height: 60px;	
}

div.footer > span.edit a{
	display: block;
	height: 15px;
	width: 175px;
	overflow: hidden;
	text-align: center;
}
div.footer > span.edit br{
	display: none;
}

div.footer > span.edit a.edit{
position: relative;
top: 32px;
}

div.footer > span.edit a.history,
div.footer > span.edit a.admin{
position: relative;
top: -14px;
}

form.search {
position: absolute;
top: 5px;
left: 50%;
_left /**/:0px; 
width: 360px;
_width /**/:730px;
text-align: right;
}
form.search p{ margin: 0px;}
form.search label{ display: none;}
form.search input[type=submit] {
	width: 40px;
	height:16px;
	font-size: 12px;
	text-indent: 40px;
	cursor: pointer;
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
	}
form.search input#search {
	width: 100px;
	height: 12px;
	font-size: 10px;
	margin: 0;
	padding: 1px;
}
/* xxxxxxxxxxxxxxx */
/*        RC       */
/* xxxxxxxxxxxxxxx */
div.rc { 
     margin-top:4ex;
     text-align:left;
    font-size: 1.2em;
	line-height: 1.6em;
	padding: 0px 195px 0 15px;
}
div.rc ul {margin-bottom: 1.5em;}
div.rc ul li {margin-bottom: 0.8em;}
div.rc hr { display:none; }


div.diff {
    padding: 2ex;
    border-style:dashed;
    width: 66%;
    margin:160px 2em 1em 2em;
}
div.diff + hr {
    display: none;
}
div.refer {
    padding-left:5%;
    padding-right:5%;
}
div.refer hr {
    display: none;
}


/* xxxxxxxxxxxxxxx */
/*     bottom      */
/* xxxxxxxxxxxxxxx */

div.sister {
		text-align: center;
    border-bottom:1px dashed ; 
}
div.sister p { padding:1ex; margin:0; }
div.sister hr { display:none; }


div.near { 
	clear:    both;
  margin:  1em 195px 0 15px;
  padding:  1ex;
	padding-bottom: 2em;
	text-align: left;
	}
div.near p { margin: 0; }
div.near a.local {
	padding: 0px 5px;
	font-size: 1.6em;
}
div.near a.edit {
	padding: 0px 5px;
}

body hr { display:none; }
/* xxxxxxxxxxxxxxx */
/*      blog       */
/* xxxxxxxxxxxxxxx */

div.journal hr { display:none; }
div.journal h1, div.journal h2, div.journal h3, div.journal h4 {
    font-size:medium;
    border:0;
}

span.description { font-weight:bold; }
span.new { display:inline; font-weight:bold; }

table.user { border-collapse:collapse; border:thin dotted; padding:1ex;
    margin-bottom:1ex; width:inherit; margin:0 5%; }
table.user tr td { padding: 0.5ex 1em; border: thin dotted; text-align:left; }

dt { font-weight:bold; }
dd, li {
    margin-bottom: 0.5ex;
    margin-left: 2em;
}
dl, ol, ul { margin-left:0em; }

textarea#text { width:100%; height:70%; }
textarea#summary { width:100%; height:10%; }

img { border:0; }
pre{
    border:1px solid; padding: 0.5em;
    margin-left: 1em; margin-right: 2em;
    white-space: pre;
    overflow: hidden;
}

img.portrait {
    float:left; clear:left;
    border: 1px solid;
    padding:10px;
    margin:10px;
}
div.portrait {
    float:left; clear:left;
    font-size:xx-small;
    padding-left:10px;
}
div.portrait img.portrait {
    float:none;
    margin:10px 10px 0 0;
}
div.portrait a {
    text-decoration:none;
}
div.color {
    clear: left;
    min-height:105px;
    margin:0;
    padding:0;
}

hr {
    display:block;
    clear: left;
}

/* XXXXXXXXXXXXXXXX */
/*     calendar     */
/* XXXXXXXXXXXXXXXX */

div.sidebar div.month {
		float: right;
    width: 180px;
    height: 170px;
    margin: 0 0 -15px 0 !important;
    margin: 0 0 -15px 0; 
}

div.content div.month {
		float: left;
    width: 170px;
    height: 170px;
    margin: 0 0 3em 0; 
}

div.month pre {;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.4em;
		border: 0;
		margin: 0;
		text-align: center;
}

div.content div.month pre {
		font-size: 12px;
		font-weight: bold;
		line-height: 1.8em;
		border: 0;
		margin: 0;
		text-align: center;
}

div.month a.edit { 
    font-weight:bold;
}

div.month a.local { 
    font-weight:bold;
}

@media print {
    div.header span.gotobar { display:none; }
    span.specialdays { display:none; }
    div.refer { display:none; }
    div.footer { display:none; }
    div.near { display:none; }
    div.sister { display:none; }
    div.languages { display:none; }
    div.message { display:none; }
    img.logo { display:none; }
    /* portraits */
    div.portrait {
	margin:0;
	padding:0;
	font-size:inherit;
	float:none;
	display:inline;
    }
    div.portrait + * { display:inline; }
    div.portrait p { margin:0; padding:0; display:inline; }
    div.portrait a.newauthor, div.portrait br { display:none; }
    div.portrait a.local:after { content:": "; }
    div.portrait a.local { color:inherit; }
    div.color {
	min-height:0;
	background: inherit;
    }
}

div.languages {
    border-top:1px solid;
    clear:both;
}
div.languages form {
    margin: 1em 1ex 3em 1ex;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*         hack old IE         */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXX */

body {
_text-align /**/: left;
_background-position /**/: -80px top;
}

div.sidebar {
_position /**/: absolute;
_left /**/: 560px;
}

div.header h1 {
		_left /**/: 0px;}
div.header span.gotobar {
    _width /**/: 740px; }

div.content {
	_width /**/: 530px;
	_padding /**/: 150px 0px 0 0px;
	_margin /**/: 0px 195px 0 15px;
}

div.footer, div.near, div.sister {
	_width /**/: 740px;
	_text-align /**/: center;
	 _margin /**/: 3em 0 0 0;
}
div.near {
	_margin /**/:  0;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*     gestion des langues     */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXX */

span[lang=en], .en { background-color:#ddf; }
span[lang=fr], .fr { background-color:#fdd; }
span[lang=de], .de { background-color:#ffd; }
span[lang=it], .it { background-color:#dfd; }
span[lang=pt], .pt { background-color:#bfb; }
span[lang=es], .es { background-color:#fec; }
span[lang=sv], .sv { background-color:#adf; }

body.simple div.footer p.note { display:none; }
body.simple div.footer span.gotobar + br { display:none; }
body.simple div.footer span.gotobar { display:none; }
body.simple div.sister { display:none; }
body.simple div.near { display:none; }
body.simple div.languages { display:none; }

body.explicit a.near[title=MeatBall]:before { content:"MeatBall:"; }
body.explicit a.near[title=WikiFeatures]:before { content:"WikiFeatures:"; }
body.explicit a.near[title=CraoWiki]:before { content:"CraoWiki:"; }
body.explicit a.near[title=InterWiki]:before { content:"InterWiki:"; }
body.explicit a.near[title=OpenMeatballWiki]:before { content:"OpenMeatballWiki:"; }

body.nolang span[lang] { background-color:inherit; }

body[class~=en] span[lang] { display:none; }
body[class~=de] span[lang] { display:none; }
body[class~=fr] span[lang] { display:none; }
body[class~=it] span[lang] { display:none; }
body[class~=pt] span[lang] { display:none; }
body[class~=en] span[lang=en] { display:inline; }
body[class~=de] span[lang=de] { display:inline; }
body[class~=fr] span[lang=fr] { display:inline; }
body[class~=it] span[lang=it] { display:inline; }
body[class~=pt] span[lang=pt] { display:inline; }

span.debug { display:none; }