MediaWiki:Mobile.css: Difference between revisions

From Rhythm Heaven Wiki
Jump to navigation Jump to search
mNo edit summary
(further infobox fixes)
Line 17: Line 17:
     color: #E6E6E6;
     color: #E6E6E6;
     font-family: "Kurokane", "Arial";
     font-family: "Kurokane", "Arial";
}
#content, .mw-body {
  color: #E6E6E6;
  font-family: "Rodin","Arial";
}
}
.portable-infobox {
.portable-infobox {
     background-color: #000B10;
     background-color: #000B10;
     border-color: #3A4246;
     border-color: #3A4246;
}
.portable-infobox .pi-data > p {
    text-align: right;
    color: #E6E6E6;
    font-family: "Kurokane","Arial";
    width: 40%;
}
}
.portable-infobox .pi-data-label {
.portable-infobox .pi-data-label {
     text-align: right;
     display: none !important;
}
}
.portable-infobox .pi-horizontal-group .pi-data-label {
.portable-infobox .pi-horizontal-group .pi-data-label {
    display: revert !important;
     text-align: center !important;
     text-align: center !important;
    color: #E6E6E6;
}
}
.portable-infobox > p {
.portable-infobox > p {
Line 37: Line 49:
     font-size: 1.75em;
     font-size: 1.75em;
     line-height: 1.5;
     line-height: 1.5;
    padding: var(--pi-item-spacing);
}
}
.portable-infobox .pi-title {
.portable-infobox .pi-title {
Line 42: Line 55:
}
}
.oo-ui-tabSelectWidget-mobile .oo-ui-tabOptionWidget:last-child {
.oo-ui-tabSelectWidget-mobile .oo-ui-tabOptionWidget:last-child {
margin-right: 0;
margin-right: 0 !important;
}
}
.oo-ui-tabSelectWidget-mobile::after {
.oo-ui-tabSelectWidget-mobile::after {
display: none;
display: none !important;
}
}

Revision as of 11:12, 18 July 2023

/* All CSS here will be loaded for users of the mobile site */
@font-face { 
    font-family: Kurokane;
    src: url(/w/images/0/0b/FOT-KurokaneStd-EB.otf);
}
@font-face { 
    font-family: Rodin;
    src: url(/w/images/4/4c/FOT-RodinNTLGPro-DB.otf);
}
#firstHeading,
h1, #bodyContent h1,
h2, #bodyContent h2,
h3, #bodyContent h3,
h4, #bodyContent h4,
h5, #bodyContent h5,
h6, #bodyContent h6 {
    color: #E6E6E6;
    font-family: "Kurokane", "Arial";
}
#content, .mw-body {
  color: #E6E6E6;
  font-family: "Rodin","Arial";
}
.portable-infobox {
    background-color: #000B10;
    border-color: #3A4246;
}
.portable-infobox .pi-data > p {
    text-align: right;
    color: #E6E6E6;
    font-family: "Kurokane","Arial";
    width: 40%;
}
.portable-infobox .pi-data-label {
    display: none !important;
}
.portable-infobox .pi-horizontal-group .pi-data-label {
    display: revert !important;
    text-align: center !important;
    color: #E6E6E6;
}
.portable-infobox > p {
    background-color: #4A31FF;
    color: white;
    text-align: center;
    font-family: "Kurokane", "Arial";
    border: 0;
    margin: 0;
    font-size: 1.75em;
    line-height: 1.5;
    padding: var(--pi-item-spacing);
}
.portable-infobox .pi-title {
  display:none !important;
}
.oo-ui-tabSelectWidget-mobile .oo-ui-tabOptionWidget:last-child {
	margin-right: 0 !important;
}
.oo-ui-tabSelectWidget-mobile::after {
	display: none !important;
}