MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

body{background-color: rgb(0, 0, 0);background-image:none;position: relative;
min-width: 1280px;}


#okk{
background-image: url(http://i.imgur.com/U6DJc5n.png);
background-repeat:no-repeat;
display: block;
height: 120px;
width: 120px;
position: relative;
top: -1120px;
left: 368px;

}


#okk a{display: block;
height: 100%;
text-indent: -9999px;}



#okk:hover{
background-image: url(http://i.imgur.com/kCVQ5Ah.png);

}





#mw-page-base {
height:165px;
background-color: white;
background-image: url(http://i.imgur.com/uEuHKpt.jpg);
background-position: -125px 0px;
background-repeat: repeat-x;
}

#p-logo a {

width: 14em;
}

#p-personal{

background-image: url(http://i.imgur.com/Uqk8VnI.png);
background-position: bottom right;
background-repeat: no-repeat;
background-size:145px;
height: 109px;
}


#image {
margin: auto;
width: 1100px;}

#p-search{

height: 40px;
}

#banner{
color: rgb(255,255,255);
font-size: 125%;
text-align: center;
border-style: none;
margin: auto;
padding-top: 23px;
width: 448px;
text-shadow: 2px 2px 2px rgb(44,40,40);
background-image: url(http://i.imgur.com/SA6OmH1.png);
background-repeat: no-repeat;
background-position: 6px -16px;
text-indent: -9999px;

}

div#content,.mw-body
{
background-color: rgb(236, 236, 236);
background-position: top center;
background-repeat: no-repeat;

}






div#footer {

background-color: rgb(255, 255, 255);
background-image:none;
border-top: 1px solid rgb(182, 174, 174);

}

#left-navigation {
top: 7.8em;
}

#right-navigation {
margin-top: 7.8em;
}

#right-navigation {

background-color: white;
}

div#mw-panel div.portal {

margin-left: -11px;
}

div#mw-panel div.portal h5 {

color: rgb(255, 255, 255);

}

#test{

background-image: url(http://i.imgur.com/iNfZjjy.jpg);
background-position: -19px -708px;
border: solid 3px rgb(160,122,26);
box-shadow: 2px 2px 2px rgb(99,94,94);
height: 47px;
}


div#mw-panel div.portal div.body ul li a:visited {
color: rgb(165, 165, 165);
}

div#mw-panel div.portal div.body ul li a {
color: rgb(139, 161, 197);
}




#boule{
margin: auto;
width: 600px;
}

#boulebis{
margin: auto;
width:  704px;
}

#boulebisbis
{
width:878px;
margin:auto;
}

#bouleter{
margin: auto;
width: 1192px;


}

#boulequa{
margin: auto;
width: 1012px;

}

#boulequabis{

margin: auto;
width: 674px;
}

#p-personal ul {
list-style: none;
margin: 0;
padding-left: 0em;
width: 104%;
padding-bottom: 4px;
height: 20px;
border-radius: 16px;
background-color: rgba(224,224,224,0.6);
font-weight: bold;
box-shadow: 0px 0px 2px rgba(27, 27, 27,0.6)
}


a.new, #p-personal a.new {
color: rgb(92, 48, 1);
}

#right-navigation {
background-color: rgba(255, 255, 255,0.4);
}

div.vectorTabs ul li {
background-color: rgba(255, 255, 255,0.1);
background-image:none;

}



div.vectorTabs li a {

color: rgb(255, 255, 255);
font-weight: bold;
}


div.vectorTabs li.selected {
background-color: rgb(236, 236, 236);
background-image: none;
}

div.vectorTabs li.new a, div.vectorTabs li.new a:visited {
color: rgb(236, 184, 154);
}

#firstHeading {
color: rgb(92,48,1);
font-weight: 500;
}

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
color: rgb(92,48,1);
text-decoration: none;
}


div#content a.external, div#content a.external[href ^="gopher://"] {
background:none;
}


.floatleft a {display:none;}



#wolf
{position: relative;
top: 350px;
background-image: url(http://i.imgur.com/idT0go6.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
display: block;
left: 291px;
text-indent: -9999px;
background-size: 100%;
z-index:10;}

#wolf a{display: block;
height: 100%;
text-indent: -9999px;}



#wolf:hover {
background-image: url(http://img15.hostingpics.net/pics/276399wolfhover.png);
background-position: 0px 0px;
height: 374px;
width: 731px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 44px;
left: 94px;
z-index:0;
}

#tree{position: relative;
top: 282px;
background-image: url(http://i.imgur.com/NeJJhvA.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
display: block;
left: 432px;
text-indent: -9999px;
background-size: 100%;
z-index: 20;}


#tree a{display: block;
height: 100%;
text-indent: -9999px;}

#tree:hover{

background-image: url(http://img15.hostingpics.net/pics/167252treehover.png);
background-position: 0px 0px;
height: 172px;
width: 531px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 222px;
left: 376px;
z-index: 20;

}

#rat{position: relative;
top: 159px;
background-image: url(http://i.imgur.com/J3DpaAX.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
display: block;
left: 486px;
text-indent: -9999px;
background-size: 100%;
z-index: 40;}


#rat a{display: block;
height: 100%;
text-indent: -9999px;}


#rat:hover{
background-image: url(http://img15.hostingpics.net/pics/532484rathover.png);
background-position: 0px 0px;
height: 180px;
width: 230px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 48px;
left: 414px;
z-index: 40;

}

#scarab {position: relative;
top: 316px;
background-image: url(http://i.imgur.com/9gvT2LC.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
display: block;
left: 169px;
text-indent: -9999px;
background-size: 100%;
z-index: 1;}


#scarab a{display: block;
height: 100%;
text-indent: -9999px;}

#scarab:hover{
background-image: url(http://img15.hostingpics.net/pics/185752scarabhover.png);
background-position: 0px 0px;
height: 188px;
width: 333px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 214px;
left: 85px;
z-index: 1;}


#stag{ position: relative;
top: 159px;
background-image: url(http://i.imgur.com/dAiVRzW.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
display: block;
left: 583px;
text-indent: -9999px;
background-size: 100%;
z-index: 90;}

#stag a{display: block;
height: 100%;
text-indent: -9999px;}


#stag:hover{
background-image: url(http://img15.hostingpics.net/pics/186770staghover.png);
background-position: 0px 0px;
height: 134px;
width: 112px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 90px;
left: 553px;
z-index: 90;}



#spider{position: relative;
top: 361px;
background-image: url(http://i.imgur.com/WAbbmC6.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
display: block;
left: 220px;
text-indent: -9999px;
background-size: 100%;
z-index: 95;}



#spider a{display: block;
height: 100%;
text-indent: -9999px;}


#spider:hover{

background-image: url(http://img15.hostingpics.net/pics/885336spiderhover.png);
background-position: 0px 0px;
height: 107px;
width: 238px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 319px;
left: 168px;
z-index: 95;}


#scorpion{position: relative;
top: 406px;
background-image: url(http://i.imgur.com/baXrkO5.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
display: block;
left: 929px;
text-indent: -9999px;
background-size: 100%;
z-index: 100;}


#scorpion a{display: block;
height: 100%;
text-indent: -9999px;}


#scorpion:hover{background-image: url(http://img15.hostingpics.net/pics/387378scorpionhover.png);
background-position: 0px 0px;
height: 364px;
width: 307px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 198px;
left: 748px;
z-index: 100;}


#ram{
position: relative;
top: 481px;
background-image: url(http://i.imgur.com/fiPD3wl.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
display: block;
left: 342px;
text-indent: -9999px;
background-size: 100%;
z-index: 105;
}


#ram a{display: block;
height: 100%;
text-indent: -9999px;}



#ram:hover{
background-image: url(http://img15.hostingpics.net/pics/239997ramhover.png);
background-position: 0px 0px;
height: 123px;
width: 134px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 438px;
left: 268px;
z-index: 105;
}

#hyena{position: relative;
top: 300px;
background-image: url(http://i.imgur.com/emSf670.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
display: block;
left: 352px;
text-indent: -9999px;
background-size: 100%;
z-index: 105;}

#hyena a{display: block;
height: 100%;
text-indent: -9999px;}


#hyena:hover{background-image: url(http://img15.hostingpics.net/pics/741239hyenahover.png);
background-position: 0px 0px;
height: 260px;
width: 482px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 201px;
left: 257px;
z-index: 1;}


#hydra{
position: relative;
top: 179px;
background-image: url(http://i.imgur.com/OXYSzw0.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
display: block;
left: 741px;
text-indent: -9999px;
background-size: 100%;
z-index: 110;}

#hydra a{display: block;
height: 100%;
text-indent: -9999px;
}


#hydra:hover{background-image: url(http://img11.hostingpics.net/pics/512378hydrahover.png);
background-position: 0px 0px;
height: 198px;
width: 259px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 73px;
left: 621px;
z-index: 1000;}