Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 15:42, 5 July 2013

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

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



#pt-login{
width: 128px;
}




#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: 638px;
text-shadow: 2px 2px 2px rgb(44,40,40);
background-image: url(http://i.imgur.com/s1qCdfO.png);
background-repeat: no-repeat;
background-position: 6px -13px;
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: 10;

}

#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://i.imgur.com/HCHoKO1.png);
background-position: 0px 0px;
height: 134px;
width: 111px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 90px;
left: 554px;
z-index: 10;}



#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/424717spiderhover.png);
background-position: 0px 0px;
height: 107px;
width: 238px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 319px;
left: 168px;
z-index: 10;}


#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/120034scorpionhover.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/491194ramhover.png);
background-position: 0px 0px;
height: 123px;
width: 134px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 438px;
left: 268px;
z-index: 10;
}

#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/508494hyenahover.png);
background-position: 0px 0px;
height: 260px;
width: 480px;
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://img15.hostingpics.net/pics/781477hydrahover.png);
background-position: 0px 0px;
height: 198px;
width: 259px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 73px;
left: 621px;
z-index: 10;}


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

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


#boar:hover{
background-image: url(http://img15.hostingpics.net/pics/816002boarhover.png);
background-position: 0px 0px;
height: 198px;
width: 259px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 68px;
left: 621px;
z-index: 10;
}


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


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

#minau:hover{
background-image: url(http://img15.hostingpics.net/pics/510670minauhover.png);
background-position: 0px 0px;
height: 222px;
width: 355px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 45px;
left: 326px;
z-index: 10;}


#griff{position: relative;
top: 407px;
background-image: url(http://i.imgur.com/1clc6eD.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
display: block;
left: 670px;
text-indent: -9999px;
background-size: 100%;
z-index: 120;
}


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


#griff:hover{
background-image: url(http://img15.hostingpics.net/pics/221390griffhover.png);
background-position: 0px 0px;
height: 254px;
width: 166px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 288px;
left: 618px;
z-index: 10;}



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

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

#drag:hover{
background-image: url(http://img15.hostingpics.net/pics/257308dragonhover.png);
background-position: 0px 0px;
height: 118px;
width: 136px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 267px;
left: 390px;
z-index: 10;}


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


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

#lion:hover{
background-image: url(http://img15.hostingpics.net/pics/717340lionhover.png);
background-position: 0px 0px;
height: 452px;
width: 372px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 234px;
left: 362px;
z-index: 10;}



#cad{
background-image: url(http://i.imgur.com/U6DJc5n.png);
background-repeat: no-repeat;
display: block;
height: 25px;
width: 25px;
position: relative;
top: 220px;
left: 407px;
z-index: 135;
background-size: 370%;
background-position: -33px -30px;
}


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



#cad:hover{
background-image: url(http://i.imgur.com/kCVQ5Ah.png);
z-index: 10;
background-position: 0px 0px;
height: 66px;
width: 93px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 188px;
left: 375px;
}



#The_Ways_of_Ligth{
background-image: url(http://i.imgur.com/K7VQqg8.png);
display: block;
background-repeat: no-repeat;
height: 81px;
width: 471px;
text-indent: -99999px;
background-position: -5px 0px;

}



#The_Meanders_of_Darkness{background-image: url(http://i.imgur.com/oJT2OC9.png);
display: block;
background-repeat: no-repeat;
height: 81px;
width: 471px;
text-indent: -99999px;
background-position: -5px 0px;}


#The_Paths_of_Destiny{background-image: url(http://i.imgur.com/Xz8WFAY.png);
display: block;
background-repeat: no-repeat;
height: 81px;
width: 471px;
text-indent: -99999px;
background-position: -5px 0px;}


#Cadwallon_City{background-image: url(http://i.imgur.com/0ZVamvg.png);
display: block;
background-repeat: no-repeat;
height: 81px;
width: 471px;
text-indent: -99999px;
background-position: -5px 0px;}

#rzz{background-image: url(http://i.imgur.com/oFm6oVE.png);
display: inline-block;
background-repeat: no-repeat;
width: 75px;
text-indent: -9999px;
margin-right: 8px;}


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


#rzzz{background-image: url(http://i.imgur.com/NbmeUmv.png);
display: inline-block;
background-repeat: no-repeat;
width: 129px;
text-indent: -9999px;
margin-right: 8px;}


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

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


#rzzd{background-image: url(http://i.imgur.com/jGn8fNq.png);
display: inline-block;
background-repeat: no-repeat;
width: 96px;
text-indent: -9999px;
margin-right: 8px;}



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


#rzzs{background-image: url(http://i.imgur.com/710oJvF.png);
display: inline-block;
background-repeat: no-repeat;
width: 96px;
text-indent: -9999px;
margin-right: 8px;}



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


#rzzb{background-image: url(http://i.imgur.com/FAFCa6O.png);
display: inline-block;
background-repeat: no-repeat;
width: 76px;
text-indent: -9999px;
margin-right: 8px;}


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


#rzzg{background-image: url(http://i.imgur.com/98OZxTx.png);
display: inline-block;
background-repeat: no-repeat;
width: 96px;
text-indent: -9999px;
margin-right: 8px;}


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


#rzzm{background-image: url(http://i.imgur.com/jHUl0BU.png);
display: inline-block;
background-repeat: no-repeat;
width: 116px;
text-indent: -9999px;
margin-right: 8px;}




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


#rzzh{background-image: url(http://img15.hostingpics.net/pics/83372530h.png);
display: inline-block;
background-repeat: no-repeat;
width: 88px;
text-indent: -9999px;
margin-right: 8px;}


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


#rzzra{background-image: url(http://img15.hostingpics.net/pics/819252ram.png);
display: inline-block;
background-repeat: no-repeat;
width: 71px;
text-indent: -9999px;
margin-right: 8px;}



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


#rzzscor{background-image: url(http://img15.hostingpics.net/pics/749631scor.png);
display: inline-block;
background-repeat: no-repeat;
width: 109px;
text-indent: -9999px;
margin-right: 8px;}


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


#rzzser{background-image: url(http://img15.hostingpics.net/pics/780665ser.png);
display: inline-block;
background-repeat: no-repeat;
width: 99px;
text-indent: -9999px;
margin-right: 8px;}




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


#rzzspi{background-image: url(http://img15.hostingpics.net/pics/16962824sp.png);
display: inline-block;
background-repeat: no-repeat;
width: 92px;
text-indent: -9999px;
margin-right: 8px;}


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


#rzzhy{background-image: url(http://img15.hostingpics.net/pics/94442877hy.png);
display: inline-block;
background-repeat: no-repeat;
width: 92px;
text-indent: -9999px;
margin-right: 8px;}


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


#rzzst{background-image: url(http://img15.hostingpics.net/pics/739199sta.png);
display: inline-block;
background-repeat: no-repeat;
width: 96px;
text-indent: -9999px;
margin-right: 8px;
height: 22px;}


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


#rzze{background-image: url(http://img15.hostingpics.net/pics/76855477e.png);
display: inline-block;
background-repeat: no-repeat;
width: 83px;
text-indent: -9999px;
margin-right: 8px;}

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


#rzzrat{background-image: url(http://img15.hostingpics.net/pics/47293971ra.png);
display: inline-block;
background-repeat: no-repeat;
width: 66px;
text-indent: -9999px;
margin-right: 8px;}

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


#rzzscar {background-image: url(http://img15.hostingpics.net/pics/504656scara.png);
display: inline-block;
background-repeat: no-repeat;
width: 90px;
text-indent: -9999px;
margin-right: 8px;}

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


#rzztr{background-image: url(http://img15.hostingpics.net/pics/79642675t.png);
display: inline-block;
background-repeat: no-repeat;
width: 123px;
text-indent: -9999px;
margin-right: 8px;}


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


#rzzw{background-image: url(http://img15.hostingpics.net/pics/36965326w.png);
display: inline-block;
background-repeat: no-repeat;
width: 96px;
text-indent: -9999px;
margin-right: 8px;}