Difference between revisions of "MediaWiki:Common.css"

/* CSS placed here will be applied to all skins */
 
/* CSS placed here will affect users of the Vector skin */
/* If you don't master CSS, don't modify this */
 
/* THE FIRST BOX ON HOMEPAGE */
 
#homepageMainBox{
width: 50%; 
height:63px;
background-color:#62888b; 
background:url(http://kagwiki.com/images/7/7f/FondTitle.png) repeat-x;
margin: 1em auto; 
text-align: center; 
padding:0.5em;
padding-bottom:0.3em;
 
/*  put some css3 because it's awesome */
border-radius:5px;
box-shadow:
0px 2px 2px 0px rgba(0, 0, 0, 0.5),
0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset;
 
}
/* Colored background to be able to read the text O_o */
#coloredBackground{
background-color: rgba(1, 1, 1, 0.15);
color:#f2f2f2;
text-shadow: 0px 1px 1px #4d4d4d;
 
/* Add shadow to the black background :O Create a nice inset effect, huuum I love it*/
-webkit-box-shadow: inset 0px 0px 6px 1px rgba(1, 1, 1, 0.3);
-moz-box-shadow: inset 0px 0px 6px 1px rgba(1, 1, 1, 0.3);
box-shadow: inset 0px 0px 6px 1px rgba(1, 1, 1, 0.3); 
 
}
 
/* 3d title was not a good idea ! :D */
#titleHomepage{
text-shadow: 0px 2px 3px #666;
}
 
#homepageMainBox a{
color:white;
}
 
/* No black text on dark background pl0x*/
 
/* THE MIDDLE ROW ON MAIN PAGE (with description and news) */
 
#homepageMiddleRow td{
background:#e3e3e3;
border-top:1px solid #a4a4a4;
border-right:1px solid #a4a4a4;
border-left:1px solid #a4a4a4;
border-bottom:1px solid #a4a4a4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
padding-right:10px;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
 
-webkit-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4);
-moz-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4);
box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); 
 
}
 
#homepageMiddleRow td b{
color:#232323;
 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://kagwiki.com/images/c/c4/Arrowdown.png");
background-origin: padding-box;
background-position: right center;
background-repeat: no-repeat;
background-size: auto auto;
padding-bottom: 0.4em;
padding-left: 0;
padding-right: 15px;
padding-top: 0.2em;
}
 
#homepageMiddleRow li{
text-align:left;
list-style-type:square;
}
 
#homepageMiddleRow li a{
color:#0c0c0c;
font-weight:bold;
}
 
#homepageMiddleRow li a:hover{
color:#222222;
text-decoration:none;
}
 
#homepageMiddleRow ul{
}
 
/* END OF MIDDLE ROW */
 
/* ALL THIS IS THE KAG-LIKE MENU */
/* It looks like the game menus, if you don't like it you should tell MM :O */
 
#homepageMenu td{
background:#687364;
border-top:1px solid #391a1a;
border-right:1px solid #391a1a;
border-left:1px solid #1f0b0b;
border-bottom:1px solid #1f0b0b;
border-radius: .7em;
-moz-border-radius: .7em;
-webkit-border-radius: .7em;
padding-top:10px;
padding-left:15px;
padding-bottom:10px;
 
-webkit-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4);
-moz-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4);
box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); 
 
}
 
#homepageMenu td b{
color:white;
text-shadow: 0 1px 1px black;
 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://kagwiki.com/images/c/c4/Arrowdown.png");
background-origin: padding-box;
background-position: right center;
background-repeat: no-repeat;
background-size: auto auto;
padding-bottom: 0.4em;
padding-left: 0;
padding-right: 15px;
padding-top: 0.2em;
}
 
#homepageMenu li{
margin-top:3px;
text-align:center;
width:85%;
padding:3px;
background:#525d4f;
list-style-type:none;
color:#0c0c0c;
text-shadow: 0 1px 1px black;
 
border-top:1px solid #7b8977;
border-right:1px solid #7b8977;
border-left:1px solid #33402e;
border-bottom:1px solid #33402e;
border-radius:1px;
}
 
#homepageMenu li:hover{
background:#677363;
}
 
#homepageMenu li a{
color:#0c0c0c;
text-shadow: 0 1px 1px #7b8977;
font-weight:bold;
}
 
#homepageMenu li a:hover{
color:#222222;
text-decoration:none;
}
 
#homepageMenu ul{
margin-top:15px;
list-style-image:none;
list-style-type:none;
}
 
/* Move the menu icons 2 px up */
.menuIcon{
position:relative;bottom:2px;
}
 
/* END OF THE KAG-LIKE MENU */
 
/*====================================== 
KAG-styled nav bar, modified from above style */
 
.navbar{
text-align: center;
width: 100%;
background-color: #687364;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
border-spacing: 0 0;
border: 1px solid #391a1a;
 
margin-bottom: 0.5em;
 
padding: 0.5em;
border-radius: .7em;
-moz-border-radius: .7em;
-webkit-border-radius: .7em
 
-webkit-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4);
-moz-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4);
box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4);
}
 
.navbar th{
color: #ffffff;
border: none;
text-shadow: 0 1px 1px black;
background-color: #687364;
padding: 0.5em;
}
 
.navbar th a{
color: #ffffff;
text-shadow: 0 1px 1px black;
}
 
.navbar th a:hover{
color: #000000;
text-decoration: none;
text-shadow: 0 1px 1px #7b8977;
}
 
.navbar td{
border: none;
padding: 0.5em;
color: #333333;
background: #687364;
}
 
.navbar td a{
color: #0c0c0c;
text-shadow: 0 1px 1px #7b8977;
}
 
.navbar td a:hover{
color: #eaeaea;
text-decoration: none;
text-shadow: 0 1px 1px black;
}
 
/*======================================
Build menu table just like in the game */
 
.buildmenu{
width: 200px;
height: 256px;
 
background-position: 0 0;
background-image: url('http://kagwiki.com/images/d/d7/Buildmenu_bg.png');
background-position: left top;
 
border-collapse: collapse;
border: solid 1px transparent;
 
text-align: center; 
padding: 0;
margin-left: 10px;
}
 
.buildmenu td{
border: solid 1px transparent;
border-spacing: 0;
padding: 1px;
margin: 0;
}
 
/*======================================
The first title, "Main Page" on the main page IT'S UGLY NOW must change it*/
 
#firstHeading{
text-shadow:;
border-bottom:;
}
 
/* This will change the ugly links and links images inside a KAG-like menu(i hope)*/ 
 
#content #homepageMenu a.external, #content #homepageMenu a[href^="gopher://"] {
    background: none;
}
 
#content #homepageMenu a.external {
    color: #0c0c0c;
}
 
#content #homepageMenu a.external:hover {
    color: #222222;
}
 
#homepageMenu a{
padding:0 !important;
}
 
/*====================================== 
This is now the main table style that follows KAG military green-ish style */
 
.wikitableShiny{
text-align: center;
width: 100%;
background-color: #f3f3f3;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
border-spacing: 0 0;
border: 1px solid #391a1a;
 
margin-bottom: 1em;
margin-top: 1em;
 
padding: 0.5em;
border-radius: .7em;
-moz-border-radius: .7em;
-webkit-border-radius: .7em
}
 
/*table header*/
 
.wikitableShiny th{
color: #ffffff;
text-shadow: 0px 1px 1px black;
background-color: #687364;
border: 1px solid #f3f3f3;
padding: 0.5em;
}
 
.wikitableShiny tr{
color: #333333;
}
 
.wikitableShiny tr:nth-of-type(odd) {
background: #C4CEC0;
}
 
.wikitableShiny td{
border: none;
padding: 0.5em;
}
 
/*======================================
build class and modifications
USAGE EXAMPLE: <class="build buildLatest"> 
*/
 
.build{
width:350px;  //200px;
background-color: #FEEFB3;
color:#9F6000;
text-align:center;
border: 1px solid;
padding:2px 2px 2px 30px;
background-repeat: no-repeat;
background-position: 10px center;
background-image:url('http://kagwiki.com/images/e/ee/BrokenHeartquest.png');
float:right;
margin-left:10px;
 
/* rounded corners */
 
border-radius: .7em;
-moz-border-radius: .7em;
-webkit-border-radius: .7em
 
-webkit-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4);
-moz-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4);
box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4);
}
 
.buildOld{
background-image:url('images/4/48/BrokenHeart.png');
}
 
.buildLatest{
background-color: #DFF2BF;
color:#4F8A10;
background-image:url('images/a/a0/GreenGem.png');
}
 
 
/*======================================
Boxes for Announcements*/
 
.infobox{
width:500px;
text-align:center;
background-color:#B2C6EA;
color:#496EAA;
border: 2px solid;
padding:2px 2px 2px 30px;
background-repeat: no-repeat;
background-position: 20px center;
background-image:url('http://kagwiki.com/images/3/36/Stoneblock8.png');
margin-left: auto;
margin-right: auto;
 
/* rounded corners */
 
border-radius: .7em;
-moz-border-radius: .7em;
-webkit-border-radius: .7em
 
-webkit-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4);
-moz-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4);
box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4);
}
 
 
/* modified from above infobox 
   add along infobox like this:
   <class="infobox obsoletebox"> */
 
.obsoletebox{
background-color:#8DA395; 
color:black;
background-image:url('http://kagwiki.com/images/6/61/Sack.png');
}
 
.removalbox{
background-color:#E06767;
color:black; 
background-image:url('http://kagwiki.com/images/b/be/Explosion32px.png');
}
 
.cleanupbox{
background-color:B5B5B5;
color:515151;
background-image:url('http://kagwiki.com/images/e/e1/Dust32px.png');
}