15,045
edits
mNo edit summary |
mNo edit summary |
||
(27 intermediate revisions by 3 users not shown) | |||
Line 15: | Line 15: | ||
} | } | ||
table.dex tr td a { | |||
color: #ffffff !important; | |||
} | |||
table.dex { | table.dex { | ||
color: #fff; | color: #fff; | ||
Line 21: | Line 24: | ||
background-color: #a80101; | background-color: #a80101; | ||
border: 2px solid #a00101; | border: 2px solid #a00101; | ||
border-radius: 10px; | border-top-left-radius: 10px; | ||
-moz-border-radius: 10px; | border-top-right-radius: 10px; | ||
-webkit-border-radius: 10px; | border-bottom-left-radius: 10px; | ||
-khtml-border-radius: 10px; | border-bottom-right-radius: 10px; | ||
-icab-border-radius: 10px; | -moz-border-top-left-radius: 10px; | ||
-o-border-radius: 10px; | -moz-border-top-right-radius: 10px; | ||
-moz-border-bottom-left-radius: 10px; | |||
-moz-border-bottom-right-radius: 10px; | |||
-webkit-border-top-left-radius: 10px; | |||
-webkit-border-top-right-radius: 10px; | |||
-webkit-border-bottom-left-radius: 10px; | |||
-webkit-border-bottom-right-radius: 10px; | |||
-khtml-border-top-left-radius: 10px; | |||
-khtml-border-top-right-radius: 10px; | |||
-khtml-border-bottom-left-radius: 10px; | |||
-khtml-border-bottom-right-radius: 10px; | |||
-icab-border-top-left-radius: 10px; | |||
-icab-border-top-right-radius: 10px; | |||
-icab-border-bottom-left-radius: 10px; | |||
-icab-border-bottom-right-radius: 10px; | |||
-o-border-top-left-radius: 10px; | |||
-o-border-top-right-radius: 10px; | |||
-o-border-bottom-left-radius: 10px; | |||
-o-border-bottom-right-radius: 10px; | |||
padding: 0 10px 0 10px; | padding: 0 10px 0 10px; | ||
} | } | ||
Line 38: | Line 59: | ||
/* Type background-colors */ | /* Type background-colors */ | ||
.container-bug,.bug-dex { background-color: #A8B820; } | .container-bug,.bug-dex,.bug-header { background-color: #A8B820; } | ||
.container-electric,.electric-dex { background-color: #F8D030; } | .container-electric,.electric-dex,.electric-header { background-color: #F8D030; } | ||
.container-dark,.dark-dex{ background-color: #705848; } | .container-dark,.dark-dex,.dark-header{ background-color: #705848; } | ||
.container-psychic,.psychic-dex { background-color: #F85888; } | .container-psychic,.psychic-dex,.psychic-header { background-color: #F85888; } | ||
.container-normal,.normal-dex { background-color: #A8A878; } | .container-normal,.normal-dex,.normal-header { background-color: #A8A878; } | ||
.container-fighting,.fighting-dex { background-color: #C03028; } | .container-fighting,.fighting-dex,.fighting-header { background-color: #C03028; } | ||
.container-flying,.flying-dex { background-color: #A890F0; } | .container-flying,.flying-dex,.flying-header { background-color: #A890F0; } | ||
.container-poison,.poison-dex { background-color: #A040A0; } | .container-poison,.poison-dex,.poison-header { background-color: #A040A0; } | ||
.container-ground,.ground-dex { background-color: #E0C068; } | .container-ground,.ground-dex,.ground-header { background-color: #E0C068; } | ||
.container-rock,.rock-dex { background-color: #B8A038; } | .container-rock,.rock-dex,.rock-header { background-color: #B8A038; } | ||
.container-ghost,.ghost-dex { background-color: #705898; } | .container-ghost,.ghost-dex,.ghost-header { background-color: #705898; } | ||
.container-dragon,.dragon-dex { background-color: #7038F8; } | .container-dragon,.dragon-dex,.dragon-header { background-color: #7038F8; } | ||
.container-fairy,.fairy-dex { background-color: #EE99AC; } | .container-fairy,.fairy-dex,.fairy-header { background-color: #EE99AC; } | ||
.container-grass,.grass-dex { background-color: #78C850; } | .container-grass,.grass-dex,.grass-header { background-color: #78C850; } | ||
.container-steel,.steel-dex { background-color: #B8B8D0; } | .container-steel,.steel-dex,.steel-header { background-color: #B8B8D0; } | ||
.container-ice,.ice-dex { background-color: #98D8D8; } | .container-ice,.ice-dex,.ice-header { background-color: #98D8D8; } | ||
.container-fire,.fire-dex { background-color: #F08030; } | .container-fire,.fire-dex,.fire-header { background-color: #F08030; } | ||
.container-water,.water-dex { background-color: #6890F0; } | .container-water,.water-dex,.water-header { background-color: #6890F0; } | ||
.container-unknown,.unknown-dex,.unknown-header { background-color: #68A090; } | |||
.container-attacks { background-color: #A80101 } | .container-attacks,.container-pkmn { background-color: #A80101 } | ||
.container-sidequests { background-color: #DA9919 } | |||
.container-sidequestsub { background-color: #FFC966 } | |||
.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,.container-attacks,.bug-dex,.electric-dex,.dark-dex,.psychic-dex,.normal-dex,.fighting-dex,.flying-dex,.poison-dex,.ground-dex,.rock-dex,.ghost-dex,.dragon-dex,.fairy-dex,.grass-dex,.steel-dex,.ice-dex,.fire-dex,.water-dex { | .container-sidequestsub,.container-sidequests,.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,.container-unknown,.container-attacks,.bug-dex,.electric-dex,.dark-dex,.psychic-dex,.normal-dex,.fighting-dex,.flying-dex,.poison-dex,.ground-dex,.rock-dex,.ghost-dex,.dragon-dex,.fairy-dex,.grass-dex,.steel-dex,.ice-dex,.fire-dex,.water-dex,.unknown-dex { | ||
border: 3px solid rgba(0,0,0,0.1); | border: 3px solid rgba(0,0,0,0.1); | ||
border-radius: 10px; | border-top-left-radius: 10px; | ||
border-top-right-radius: 10px; | |||
border-bottom-left-radius: 10px; | |||
border-bottom-right-radius: 10px; | |||
-moz-border-top-left-radius: 10px; | |||
-moz-border-top-right-radius: 10px; | |||
-moz-border-bottom-left-radius: 10px; | |||
-moz-border-bottom-right-radius: 10px; | |||
-webkit-border-top-left-radius: 10px; | |||
-webkit-border-top-right-radius: 10px; | |||
-webkit-border-bottom-left-radius: 10px; | |||
-webkit-border-bottom-right-radius: 10px; | |||
-khtml-border-top-left-radius: 10px; | |||
-khtml-border-top-right-radius: 10px; | |||
-khtml-border-bottom-left-radius: 10px; | |||
-khtml-border-bottom-right-radius: 10px; | |||
-icab-border-top-left-radius: 10px; | |||
-icab-border-top-right-radius: 10px; | |||
-icab-border-bottom-left-radius: 10px; | |||
-icab-border-bottom-right-radius: 10px; | |||
-o-border-top-left-radius: 10px; | |||
-o-border-top-right-radius: 10px; | |||
-o-border-bottom-left-radius: 10px; | |||
-o-border-bottom-right-radius: 10px; | |||
padding: 10px; | padding: 10px; | ||
margin: 10px; | margin: 10px; | ||
} | } | ||
.bug,.electric,.dark,.psychic,.normal,.fighting,.flying,.poison,.ground,.rock,.ghost,.dragon,.fairy,.grass,.steel,.ice,.fire,.water,.attacks { | .bug,.electric,.dark,.psychic,.normal,.fighting,.flying,.poison,.ground,.rock,.ghost,.dragon,.fairy,.grass,.steel,.ice,.fire,.water,.unknown,.attacks,.pkmn { | ||
color: rgba(0,0,0,0.7); | color: rgba(0,0,0,0.7); | ||
background-color: #fff; | background-color: #fff; | ||
border: 3px solid rgba(0,0,0,0.1); | border: 3px solid rgba(0,0,0,0.1); | ||
border-radius: 10px; | border-top-left-radius: 10px; | ||
-moz-border-radius: 10px; | border-top-right-radius: 10px; | ||
-webkit-border-radius: 10px; | border-bottom-left-radius: 10px; | ||
-khtml-border-radius: 10px; | border-bottom-right-radius: 10px; | ||
-icab-border-radius: 10px; | -moz-border-top-left-radius: 10px; | ||
-o-border-radius: 10px; | -moz-border-top-right-radius: 10px; | ||
-moz-border-bottom-left-radius: 10px; | |||
-moz-border-bottom-right-radius: 10px; | |||
-webkit-border-top-left-radius: 10px; | |||
-webkit-border-top-right-radius: 10px; | |||
-webkit-border-bottom-left-radius: 10px; | |||
-webkit-border-bottom-right-radius: 10px; | |||
-khtml-border-top-left-radius: 10px; | |||
-khtml-border-top-right-radius: 10px; | |||
-khtml-border-bottom-left-radius: 10px; | |||
-khtml-border-bottom-right-radius: 10px; | |||
-icab-border-top-left-radius: 10px; | |||
-icab-border-top-right-radius: 10px; | |||
-icab-border-bottom-left-radius: 10px; | |||
-icab-border-bottom-right-radius: 10px; | |||
-o-border-top-left-radius: 10px; | |||
-o-border-top-right-radius: 10px; | |||
-o-border-bottom-left-radius: 10px; | |||
-o-border-bottom-right-radius: 10px; | |||
padding: 10px; | padding: 10px; | ||
background: rgba(255,255,255,0.5); | background: rgba(255,255,255,0.5); | ||
Line 97: | Line 161: | ||
/* StatBar | /* | ||
* StatBar | |||
* Anything where you need to display something in a small bar | * Anything where you need to display something in a small bar | ||
* For example, gender ratio or HP - This can be used | * For example, gender ratio or HP - This can be used | ||
*/ | */ | ||
.statbarLeft{ | .statbarLeft { | ||
border-top-left-radius: 20px; | border-top-left-radius: 20px; | ||
-moz-border-radius-topleft: 20px; | -moz-border-radius-topleft: 20px; | ||
-webkit-border-top-left-radius: 20px; | -webkit-border-top-left-radius: 20px; | ||
-khtml-border-top-left-radius: 20px; | -khtml-border-top-left-radius: 20px; | ||
-icab-border-top-left-radius: 20px; | -icab-border-top-left-radius: 20px; | ||
-o-border-top-left-radius: 20px; | -o-border-top-left-radius: 20px; | ||
border-bottom-left-radius: 20px; | border-bottom-left-radius: 20px; | ||
-moz-border-radius-bottomleft: 20px; | -moz-border-radius-bottomleft: 20px; | ||
-webkit-border-bottom-left-radius: 20px; | -webkit-border-bottom-left-radius: 20px; | ||
-khtml-border-bottom-left-radius: 20px; | -khtml-border-bottom-left-radius: 20px; | ||
-icab-border-bottom-left-radius: 20px; | -icab-border-bottom-left-radius: 20px; | ||
-o-border-bottom-left-radius: 20px; | -o-border-bottom-left-radius: 20px; | ||
color: #FFF; | color: #FFF; | ||
height: 10px; | height: 10px; | ||
border: 0.5px solid black; | border: 0.5px solid black; | ||
overflow: hidden; | 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; | |||
} | } | ||
. | |||
border- | /* Gender ratio bars */ | ||
-moz-border-radius | |||
-webkit-border- | .male { | ||
- | color: #3355FF; | ||
- | } | ||
- | .female { | ||
color: #FF77DD; | |||
- | } | ||
- | .maleOnly { | ||
- | background: #3355FF; | ||
- | } | ||
- | .femaleOnly { | ||
background: #FF77DD; | |||
height: | } | ||
.genderless { | |||
background: #6E6E6E; | |||
} | |||
.male87 { | |||
float: left; | |||
background: #3355FF; | |||
width: 86.5%; | |||
border-right-width: 0px; | |||
} | |||
.male75 { | |||
float: left; | |||
background: #3355FF; | |||
width: 74%; | |||
border-right-width: 0px; | |||
} | |||
.male50 { | |||
float: left; | |||
background: #3355FF; | |||
width: 49%; | |||
border-right-width: 0px; | |||
} | |||
.male25 { | |||
float: left; | |||
background: #3355FF; | |||
width: 24%; | |||
border-right-width: 0px; | |||
} | |||
.female12 { | |||
float: left; | |||
background: #FF77DD; | |||
width: 11.5%; | |||
border-left-width: 0px; | |||
} | |||
.female25 { | |||
float: left; | |||
background: #FF77DD; | |||
width: 24%; | |||
border-left-width: 0px; | |||
} | |||
.female50 { | |||
float: left; | |||
background: #FF77DD; | |||
width: 49%; | |||
border-left-width: 0px; | |||
} | |||
.female75 { | |||
float: left; | |||
background: #FF77DD; | |||
width: 74%; | |||
border-left-width: 0px; | |||
} | |||
.genderless, .femaleOnly, .maleOnly { | |||
width: 100%; | |||
float: left; | |||
-moz-border-radius: 20px; | |||
-webkit-border-radius: 20px; | |||
-khtml-border-radius: 20px; | |||
-icab-border-radius: 20px; | |||
-o-border-radius: 20px; | |||
color: #FFF; | |||
height: 10px; | |||
border: 0.5px solid black; | |||
overflow: hidden; | |||
} | |||
.dragon-dex a, .dragon-dex a:visited, .dragon-dex a:active, .poison-dex a, .poison-dex a:visited, .poison-dex a:active, .ghost-dex a, .ghost-dex a:visited, .ghost-dex a:active, .dark-dex a, .dark-dex a:visited, .dark-dex a:active { | |||
color: #ffffff; | |||
} | |||
/* Various global classes */ | |||
.width-100 { width: 100%; } | |||
.width-50 { width: 50%; } | |||
.text-left { text-align: left; } | |||
.text-right { text-align: right; } | |||
.text-center { text-align: center; } | |||
.float-left { float: left; } | |||
.float-right { float: right; } | |||
.margin-right-10 { margin-right: 10px; } | |||
.margin-right-3 { margin-right: 3px; } | |||
.margin-left-10 { margin-left: 10px; } | |||
.margin-left-3 { margin-left: 3px; } | |||
.margin-top-20 { margin-top: 20px; } | |||
.margin-top-10 { margin-top: 10px; } | |||
.margin-bottom-20 { margin-bottom: 20px; } | |||
.margin-bottom-10 { margin-bottom: 10px; } | |||
.border-rad-10 { | |||
-moz-border-radius: 10px; | |||
-webkit-border-radius: 10px; | |||
-khtml-border-radius: 10px; | |||
-icab-border-radius: 10px; | |||
-o-border-radius: 10px; | |||
border-radius: 10px; | |||
} | |||
/* Map selection */ | |||
.mapSelection { | |||
height: 150px; | |||
width: 150px; | |||
box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.5); | |||
} | |||
.mapHover { | |||
display: inline-block; | |||
vertical-align: middle; | |||
-webkit-transform: perspective(1px) translateZ(0); | |||
transform: perspective(1px) translateZ(0); | |||
box-shadow: 0 0 1px transparent; | |||
-webkit-transition-duration: 0.3s; | |||
transition-duration: 0.3s; | |||
-webkit-transition-property: transform; | |||
transition-property: transform; | |||
-webkit-transition-timing-function: ease-out; | |||
transition-timing-function: ease-out; | |||
} | |||
.mapHover:hover, .mapHover:focus, .mapHover:active { | |||
-webkit-transform: translateY(-8px); | |||
transform: translateY(-8px); | |||
} | |||
.pokeFont { | |||
font-family: 'Pokemon DP', sans-serif; | |||
} | } |