MediaWiki:Common.css
From Wiki Confrontation
/* CSS placed here will be applied to all skins */
body{background-color: rgb(0, 0, 0);background-image:none;position: relative;
min-width: 1280px;}
#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://img4.hostingpics.net/pics/769465loup.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://img4.hostingpics.net/pics/953722arbreesprit.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://img4.hostingpics.net/pics/575396rat.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://img4.hostingpics.net/pics/373684scrarabee.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://img4.hostingpics.net/pics/253624cerf.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://img4.hostingpics.net/pics/222255araignee.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://img4.hostingpics.net/pics/502967scorpion.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://img4.hostingpics.net/pics/436494blier.png);
background-position: 0px 0px;
height: 123px;
width: 134px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 437px;
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://img4.hostingpics.net/pics/600157hyene.png);
background-position: 0px 0px;
height: 260px;
width: 480px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 200px;
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://img4.hostingpics.net/pics/545656hydre.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://img4.hostingpics.net/pics/316520sanglier.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://img4.hostingpics.net/pics/228156minautor.png);
background-position: 0px 0px;
height: 222px;
width: 355px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 54px;
left: 338px;
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://img4.hostingpics.net/pics/189782griffon.png);
background-position: 0px 0px;
height: 254px;
width: 166px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 287px;
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://img4.hostingpics.net/pics/459541dragon.png);
background-position: 0px 0px;
height: 118px;
width: 125px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 266px;
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://img4.hostingpics.net/pics/383005lion.png);
background-position: 0px 0px;
height: 452px;
width: 372px;
background-repeat: no-repeat;
display: block;
background-size: 100%;
top: 233px;
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://img11.hostingpics.net/pics/408668lulu.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://img11.hostingpics.net/pics/498460mem.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://img11.hostingpics.net/pics/366786desti.png);
display: block;
background-repeat: no-repeat;
height: 81px;
width: 471px;
text-indent: -99999px;
background-position: -5px 0px;}
#Cadwallon_City{background-image: url(http://img11.hostingpics.net/pics/980836cadi.png);
display: block;
background-repeat: no-repeat;
height: 81px;
width: 471px;
text-indent: -99999px;
background-position: -5px 0px;}
#rzz{background-image: url(http://img11.hostingpics.net/pics/472718Lion.png);
display: inline-block;
background-repeat: no-repeat;
width: 76px;
text-indent: -99999px;
background-position: 0px 1px;;}
#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://img11.hostingpics.net/pics/285849Dragongon.png);
display: inline-block;
background-repeat: no-repeat;
width: 92px;
text-indent: -9999px;
margin-right: 8px;}
#rzzs a{display: block;
height: 100%;
text-indent: -9999px;}
#rzzs{background-image: url(http://img11.hostingpics.net/pics/400129Sphinphinx.png);
display: inline-block;
background-repeat: no-repeat;
width: 89px;
text-indent: -9999px;
margin-right: 8px;;}
#rzzb a{display: block;
height: 100%;
text-indent: -9999px;}
#rzzb{background-image: url(http://img11.hostingpics.net/pics/251864Sangliere.png);
display: inline-block;
background-repeat: no-repeat;
width: 96px;
text-indent: -9999px;
margin-right: 8px;}
#rzzg a{display: block;
height: 100%;
text-indent: -9999px;}
#rzzg{background-image: url(http://img11.hostingpics.net/pics/441676Griffonfon.png);
display: inline-block;
background-repeat: no-repeat;
width: 97px;
text-indent: -9999px;
margin-right: 8px;}
#rzzm a{display: block;
height: 100%;
text-indent: -9999px;}
#rzzm{background-image: url(http://img11.hostingpics.net/pics/780295miminautor.png);
display: inline-block;
background-repeat: no-repeat;
width: 116px;
text-indent: -9999px;
margin-right: 8px;
background-position: 0px 1px;}
#rzzh a{display: block;
height: 100%;
text-indent: -9999px;}
#rzzh{background-image: url(http://img11.hostingpics.net/pics/479380hynou.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://img11.hostingpics.net/pics/357550Belier.png);
display: inline-block;
background-repeat: no-repeat;
width: 71px;
text-indent: -9999px;
margin-right: 8px;
background-position: 0px 1px;}
#rzzscor a{display: block;
height: 100%;
text-indent: -9999px;}
#rzzscor{background-image: url(http://img11.hostingpics.net/pics/217000Scorpionpion.png);
display: inline-block;
background-repeat: no-repeat;
width: 108px;
text-indent: -9999px;
margin-right: 8px;}
#rzzser a{display: block;
height: 100%;
text-indent: -9999px;}
#rzzser{background-image: url(http://img11.hostingpics.net/pics/270222serpentpent.png);
display: inline-block;
background-repeat: no-repeat;
width: 91px;
text-indent: -9999px;
margin-right: 8px;
background-position: -2px 1px;}
#rzzspi a{display: block;
height: 100%;
text-indent: -9999px;}
#rzzspi{background-image: url(http://img11.hostingpics.net/pics/884630araignegne.png);
display: inline-block;
background-repeat: no-repeat;
width: 97px;
text-indent: -9999px;
margin-right: 8px;}
#rzzhy a{display: block;
height: 100%;
text-indent: -9999px;}
#rzzhy{background-image: url(http://img11.hostingpics.net/pics/640408Hydres.png);
display: inline-block;
background-repeat: no-repeat;
width: 77px;
text-indent: -9999px;
margin-right: 8px;}
#rzzst a{display: block;
height: 100%;
text-indent: -9999px;}
#rzzst{background-image: url(http://img11.hostingpics.net/pics/676962Cerf0.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://img11.hostingpics.net/pics/457508aiaigle.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://img11.hostingpics.net/pics/208558Ratra.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://i.imgur.com/mkxkwsV.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://img11.hostingpics.net/pics/96560291AS.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://img11.hostingpics.net/pics/137324Louplouo.png);
display: inline-block;
background-repeat: no-repeat;
width: 96px;
text-indent: -9999px;
margin-right: 8px;}