MediaWiki:Common.css: Difference between revisions

Revision as of 20:37, 2 December 2015

/* CSS placed here will be applied to all skins */
* {
font-family: Verdana,Arial,Helvetica,sans-serif;
}

/* Table for navigational menu on drop page */
td.nav {
opacity: 1;
filter: alpha(opacity=100);
}

td.nav:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}

table.dex {
color: #fff;
text-shadow: 0 0 3px #0f0f0f, 0 0 5px #1a1a1a;
box-shadow: 0 0 3px #0f0f0f, 0 0 5px #1a1a1a;
background-color: #a80101;
border: 2px solid #a00101;
border-radius: 10px;
padding: 0 10px 0 10px;
}

/* Info panel, float right */

info-panel-right {
float: right;
}

/* Type background-colors */

.container-bug { background-color: #A8B820; }
.container-electric { background-color: #F8D030; }
.container-dark { background-color: #705848; }
.container-psychic { background-color: #F85888; }
.container-normal { background-color: #A8A878; }
.container-fighting { background-color: #C03028; }
.container-flying { background-color: #A890F0; }
.container-poison { background-color: #A040A0; }
.container-ground { background-color: #E0C068; }
.container-rock { background-color: #B8A038; }
.container-ghost { background-color: #705898; }
.container-dragon { background-color: #7038F8; }
.container-fairy { background-color: #EE99AC; }
.container-grass { background-color: #78C850; }
.container-steel { background-color: #B8B8D0; }
.container-ice { background-color: #98D8D8; }
.container-fire { background-color: #F08030; }
.container-water { background-color: #6890F0; }
/* Background for attack table headers */
.container-attacks { background-color: #A80101 }

.container-bug,.container-electric,.container-dark,.container-psychic,.container-normal,.container-fighting,.container-flying,.container-poison,.container-ground,.container-rock,.container-ghost,.container-dragon,.container-fairy,.container-grass,.container-steel,.container-ice,.container-fire,.container-water {
border: 3px solid rgba(0,0,0,0.1);
padding: 10px;
margin: 10px;
}

.bug,.electric,.dark,.psychic,.normal,.fighting,.flying,.poison,.ground,.rock,.ghost,.dragon,.fairy,.grass,.steel,.ice,.fire,.water,.attacks {
color: rgba(0,0,0,0.7);
background-color: #fff;
border: 3px solid rgba(0,0,0,0.1);
border-radius: 10px;
padding: 10px;
background: rgba(255,255,255,0.5);
}

/* StatBar Div
 * Anything where you need to display something in a small bar
 * For example, gender ratio or HP - This can be used
 */

.statbarLeft{
border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-khtml-border-top-left-radius: 20px;
-icab-border-top-left-radius: 20px;
-o-border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-khtml-border-bottom-left-radius: 20px;
-icab-border-bottom-left-radius: 20px;
-o-border-bottom-left-radius: 20px;
color: #FFF;
height: 10px;
border: 0.5px solid black;
overflow: hidden;
}

.statbarRight{
border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-khtml-border-top-right-radius: 20px;
-icab-border-top-right-radius: 20px;
-o-border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-khtml-border-bottom-right-radius: 20px;
-icab-border-bottom-right-radius: 20px;
-o-border-bottom-right-radius: 20px;
color: #000;
height: 10px;
border: 0.5px solid black;
overflow: hidden;
}