15,045
edits
No edit summary Tags: Mobile edit Mobile web edit |
m (Added various missing classes needed from Common.css) Tags: Mobile edit Mobile web edit |
||
(4 intermediate revisions by 2 users not shown) | |||
Line 13: | Line 13: | ||
opacity: 0.5; | opacity: 0.5; | ||
filter: alpha(opacity=50); | filter: alpha(opacity=50); | ||
} | } | ||
Line 86: | Line 78: | ||
/* Background for attack table headers */ | /* Background for attack table headers */ | ||
.container-attacks,.container-pkmn { background-color: #A80101 } | .container-attacks,.container-pkmn { background-color: #A80101 } | ||
/*Background for Sidequests*/ | |||
.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-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 { | .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-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 { | ||
Line 99: | Line 94: | ||
} | } | ||
table.container-grass { | table.container-grass,table.container-electric,table.container-dark,table.container-psychic,table.container-normal,table.container-fighting,table.container-flying,table.container-poison,table.container-ground,table.container-rock,table.container-ghost,table.container-dragon,table.container-fairy,table.container-steel,table.container-ice,table.container-fire,table.container-water,table.container-unknown { | ||
width: 100%; | width: 100% !important; | ||
border: 3px solid rgba(0,0,0,0.1); | border: 3px solid rgba(0,0,0,0.1); | ||
border-radius: 10px; | border-radius: 10px; | ||
Line 185: | Line 180: | ||
border: 0.5px solid black; | border: 0.5px solid black; | ||
overflow: hidden; | overflow: hidden; | ||
} | |||
/* Gender ratio bars */ | |||
.male { | |||
color: #3355FF; | |||
} | |||
.female { | |||
color: #FF77DD; | |||
} | |||
.maleOnly { | |||
background: #3355FF; | |||
} | |||
.femaleOnly { | |||
background: #FF77DD; | |||
} | |||
.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; | |||
} | |||
/* 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; | |||
} | } |