MediaWiki:Mobile.css: Difference between revisions

MediaWiki interface page
mNo edit summary
m (Added gender ratio classes)
Line 180: 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;
}
}