MediaWiki:Mobile.css: Difference between revisions
Jump to navigation
Jump to search
Google Fonts likely faster |
No edit summary |
||
(3 intermediate revisions by the same user not shown) | |||
Line 5: | Line 5: | ||
.impact { | .impact { | ||
font-family: Impact, 'Anton'; | font-family: Impact, 'Anton'; | ||
} | |||
.plainbutton { | |||
appearance: none; | |||
background: none; | |||
color: #3366cc; | |||
margin: 0; | |||
padding: 0; | |||
border: 0; | |||
font: inherit; | |||
cursor: pointer; | |||
} | |||
.link-inherit-color a, .link-inherit-color a.new { | |||
color: inherit; | |||
} | } | ||
Line 85: | Line 100: | ||
.no-mobile { | .no-mobile { | ||
display: none !important; | display: none !important; | ||
} | } |
Latest revision as of 06:19, 25 July 2023
/* CSS placed here will affect users of the mobile site */
/* Anton is an open-source font similar to Impact. This is to be used as a backup for Impact, for devices that don't have Impact installed such as iPhone. */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
.impact {
font-family: Impact, 'Anton';
}
.plainbutton {
appearance: none;
background: none;
color: #3366cc;
margin: 0;
padding: 0;
border: 0;
font: inherit;
cursor: pointer;
}
.link-inherit-color a, .link-inherit-color a.new {
color: inherit;
}
/* Default styling for Navbar template */
.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}
.navbar ul {
display: inline;
white-space: nowrap;
}
.navbar li {
word-spacing: -0.125em;
}
.navbar.mini li span {
font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.navbox .navbar,
.infobox .navbar {
font-size: 100%;
}
.navbox .navbar {
display: block;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
width: 6em;
}
/* Unbulleted lists e.g. Barack Obama page*/
.plainlist ul {
list-style: none;
padding-left: 0; /* Reset Minerva defaults */
}
.visualhide {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
/* Geographical coordinates hidden in mobile. Any styles relating to them should be put inside
.[[Template:Coord/link]]
*/
/* Prevent line breaks in silly places:
1) Where desired
2) Links when we don't want them to
3) Bold "links" to the page itself
4) Ref tags with group names <ref group="Note"> --> "[Note 1]"
Please document here what pages use this
Enabled
*/
.mw-parser-output .nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
white-space: nowrap;
}
.mw-parser-output .infobox .nowrap {
white-space: normal !important;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}
.no-mobile {
display: none !important;
}