m (Forgot the hover :3) |
m (Male and female text color classes) |
||
| Line 182: | Line 182: | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
.statbarRight { | .statbarRight { | ||
border-top-right-radius: 20px; | border-top-right-radius: 20px; | ||
| Line 205: | Line 204: | ||
/* Gender ratio bars */ | /* Gender ratio bars */ | ||
.male { | |||
color: #3355FF; | |||
} | |||
.female { | |||
color: #FF77DD; | |||
} | |||
.maleOnly { | .maleOnly { | ||
background: #3355FF; | background: #3355FF; | ||
} | } | ||
.femaleOnly { | .femaleOnly { | ||
background: #FF77DD; | background: #FF77DD; | ||
} | } | ||
.genderless { | .genderless { | ||
background: #6E6E6E; | background: #6E6E6E; | ||
} | } | ||
.male87 { | .male87 { | ||
float: left; | float: left; | ||
| Line 223: | Line 225: | ||
border-right-width: 0px; | border-right-width: 0px; | ||
} | } | ||
.male75 { | .male75 { | ||
float: left; | float: left; | ||
| Line 230: | Line 231: | ||
border-right-width: 0px; | border-right-width: 0px; | ||
} | } | ||
.male50 { | .male50 { | ||
float: left; | float: left; | ||
| Line 237: | Line 237: | ||
border-right-width: 0px; | border-right-width: 0px; | ||
} | } | ||
.male25 { | .male25 { | ||
float: left; | float: left; | ||
| Line 244: | Line 243: | ||
border-right-width: 0px; | border-right-width: 0px; | ||
} | } | ||
.female12 { | .female12 { | ||
float: left; | float: left; | ||
| Line 251: | Line 249: | ||
border-left-width: 0px; | border-left-width: 0px; | ||
} | } | ||
.female25 { | .female25 { | ||
float: left; | float: left; | ||
| Line 258: | Line 255: | ||
border-left-width: 0px; | border-left-width: 0px; | ||
} | } | ||
.female50 { | .female50 { | ||
float: left; | float: left; | ||
| Line 265: | Line 261: | ||
border-left-width: 0px; | border-left-width: 0px; | ||
} | } | ||
.female75 { | .female75 { | ||
float: left; | float: left; | ||
| Line 272: | Line 267: | ||
border-left-width: 0px; | border-left-width: 0px; | ||
} | } | ||
.genderless, .femaleOnly, .maleOnly { | .genderless, .femaleOnly, .maleOnly { | ||
width: 100%; | width: 100%; | ||
| Line 323: | Line 317: | ||
box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.5); | box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.5); | ||
} | } | ||
.mapHover { | .mapHover { | ||
display: inline-block; | display: inline-block; | ||