odd-wiki-hive - odd-wiki-
center-en
odd-wiki-Zentrum-de odd-wiki-centre-fr odd-wiki-centro-it edit
today's
talk
wiki list changes special

CssSidebarLeft

/* 
  Laurent Lunati - je test et c'est pas encore çà ...
   Public Domain
*/

html, body { 
     background-image: url("http://static.flickr.com/38/110394671_8ac6c716ec_o.png");
    background-position: center top;
    background-repeat: repeat-y;
    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.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; }

div.rss {padding: 5px;}

.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:#666;}

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:#36C;}
div.journal h1, div.journal h1 a { color:#FFF; background-color:#666;}
div.journal h2, div.journal h3, div.journal h2 a { color:#36C; 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: #222;}
span.bar a { 	color: #fff; }

/* sidebar */
div.sidebar p strong {  color : #7F2D77;}
div.sidebar h3, div.sidebar h2 {color: #FFF;  background-color: #EA3;}
div.sidebar h3, div.sidebar h2 {
    background-image: url("http://static.flickr.com/55/110394713_a64164cf84_o.png");
    background-position: right top;
    background-repeat: no-repeat;
}
/* 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: #666; color:#999;}
div.footer a { color: #EEE;}

/*   RC   */
div.old { background-color:#ffd; }
div.new { background-color:#dfd; }
div.rss { background-color:#E0E0D6; }

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

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: #333;}
div.sidebar div.month {    background-color: transparent;}
div.content div.month pre {	color: #AAA;	background-color: transparent;}
div.sidebar div.month  pre { color: #AAA;	background-color: transparent;}
div.month a.edit {color:#FFF; }
div.month a.local {  color: #EA3; }


a.near { 
    padding-right: 15px;
    background-image: url("http://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("http://static.flickr.com/43/111847971_451cfdfff4_o.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;}

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

h1, h2, h3 {
    font-weight:bold;
    clear:right;
    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: 195px 0 0 0;
    background-image: url("http://static.flickr.com/43/114534113_8829c37c80_o.jpg");
    background-position: right top;
    background-repeat: no-repeat;
}
div.header h1 {
		position: absolute;
		display: table-cell;
		vertical-align: bottom;
		text-align: left;
		right: 0px;
		width: 540px;
	  height: 100px;
    padding: 50px 0 0 15px;
    margin: 0;
    font-size: 2.6em;
    text-transform: capitalize;
    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 15px 5px 5px;
    text-align: right;
   }
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: 150px 15px 0 195px;
	text-align: left;
}
/* xxxxxxxxxxxxxxx */
/*     sidebar     */
/* xxxxxxxxxxxxxxx */


div.sidebar {
    float: left;
    width: 180px;
    border: 0;
    text-align: left;
    overflow: hidden;
    
   }
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;
text-align:right;
    font-size: 1em;
	  text-transform: uppercase;
    padding:3px 5px 3px 3px;
    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 {
    border-bottom:solid;
    clear:    both;
    margin:  3em 0 0 0;
    padding:  1ex;
    border-top:2px solid;
}

div.footer hr {
    display:none;
}

    
/* xxxxxxxxxxxxxxx */
/*        RC       */
/* xxxxxxxxxxxxxxx */
div.rc { 
     margin-top:4ex;
     text-align:left;
    font-size: 1.2em;
	line-height: 1.6em;
	padding: 0px 15px 0 195px;
}
div.rc ul {margin-bottom: 1.5em;}
div.rc ul li {margin-bottom: 0.8em;}
div.rc hr { display:none; }


div.diff {
    padding-left:2ex;
    padding-right:2ex;
    border-style:dashed;
    width: 66%;
    margin: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 { 
	padding:1ex;
	font-size: 1.4em;
	margin:0;
	padding-bottom: 2em;
	}
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: left;
    width: 180px;
    height: 170px;
    margin: 0 0 -15px  0 !important;
    margin : 0 0 -25px 0; 
    background-image: url("http://static.flickr.com/40/110394710_86cda78653_o.png");
    background-position:  left top;
    background-repeat: no-repeat;
}
div.content div.month {
		float: left;
    width: 170px;
    height: 170px;
    margin: 0 0 2em 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.header h1 {
		_right /**/:auto;
		_left /**/: 180px;
		}
		
div.header span.gotobar {
    _width /**/: 740px; 
    }

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

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





/* 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; }