MediaWiki:Mobile.css: Difference between revisions

← Older edit

MediaWiki:Mobile.css (view source)

Revision as of 11:45, 16 September 2020

2,061 bytes added , 16 September 2020

m

Added various missing classes needed from Common.css

Patrick

Bureaucrats, Interface administrators, Administrators

15,465

edits

@@ Line 180: / Line 180: @@
 border: 0.5px solid black;
 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;
 }