MediaWiki:Mobile.css

Admin讨论 | 贡献2022年4月7日 (四) 17:40的版本 (HowerToShow的模板代码)

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:Ctrl-F5
/* All CSS here will be loaded for users of the MinervaNeue skin */

@import url(https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.3/css/all.min.css);

/* Hover to show by Azure Zeng */
.hover-to-show {
    color: black;
    background-color: black;
    transition: color 0.2s;
}

.hover-to-show:hover {
    color: white;
}

/* info类模板 */
.infoBox {
    margin: 0 auto;
    width: 100%!important;
}
.infoBoxTitle {
    margin: 3px auto;
    padding: 0;
    text-align: center;
    font-weight: 700;
}
.infoBoxIcon {
    display: table-cell;
    padding: 2px 0 2px .5em;
    vertical-align: middle;
}
.infoBoxText {
    display: table-cell;
    padding: .25em .5em .25em 1.3em;
    width: 100%;
    vertical-align: middle;
}
.infoBoxContent {
    border: 1px solid #ddd;
    border-left-width: 0;
    background: #fbfbfb;
}
.infoBoxBelow {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

/* Hide the images */
.geo-nondefault, .geo-multi-punct,
/* Hide stuff meant for accounts with special permissions. Made visible again in
   [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]] and
   [[MediaWiki:Group-autoconfirmed.css]]. */
.sysop-show,
.accountcreator-show,
.autoconfirmed-show,
/* Copied from Common.css - allow for hiding text in compact form e.g. clean up templates */
.hide-when-compact,
/* portal pages are badly formatted. Until this changes these should be hidden. (see https://phabricator.wikimedia.org/T86495) */
.noprint.portal {
	display: none;
}

/* Tablet specific styling */
@media all and (min-width: 768px) {
	#content .vertical-navbox,
	#content .navbox {
		display: inherit;
	}
}

/* For linked citation numbers and document IDs, where
   the number need not be shown on a screen or a handheld,
   but should be included in the printed version
TODO: Move to Citation template when templates have stylesheets
See https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
*/
@media screen, handheld {
    .citation *.printonly {
        display: none;
    }
}
/* Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box
*/
.citation {
    word-wrap: break-word;
}

/* Default styling for Navbar template
TODO: Move to Navbar template when templates have stylesheets
See https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
*/
.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 */
.infobox .navbar {
    font-size: 100%;
}
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 4.2 (2013-11-20)
   @author: [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.mw-parser-output .hlist dt:after {
    content: ": ";
}
.mw-parser-output .hlist dd:after,
.mw-parser-output .hlist li:after {
    content: " · ";
    font-weight: bold;
}
.mw-parser-output .hlist dd:last-child:after,
.mw-parser-output .hlist dt:last-child:after,
.mw-parser-output .hlist li:last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.mw-parser-output .hlist dd dd:first-child:before, .mw-parser-output .hlist dd dt:first-child:before, .mw-parser-output .hlist dd li:first-child:before,
.mw-parser-output .hlist dt dd:first-child:before, .mw-parser-output .hlist dt dt:first-child:before, .mw-parser-output .hlist dt li:first-child:before,
.mw-parser-output .hlist li dd:first-child:before, .mw-parser-output .hlist li dt:first-child:before, .mw-parser-output .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.mw-parser-output .hlist dd dd:last-child:after, .mw-parser-output .hlist dd dt:last-child:after, .mw-parser-output .hlist dd li:last-child:after,
.mw-parser-output .hlist dt dd:last-child:after, .mw-parser-output .hlist dt dt:last-child:after, .mw-parser-output .hlist dt li:last-child:after,
.mw-parser-output .hlist li dd:last-child:after, .mw-parser-output .hlist li dt:last-child:after, .mw-parser-output .hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.mw-parser-output .hlist ol {
    counter-reset: list-item;
}
.mw-parser-output .hlist ol > li {
    counter-increment: list-item;
}
.mw-parser-output .hlist ol > li:before {
    content: " " counter(list-item) " ";
}
.mw-parser-output .hlist dd ol > li:first-child:before,
.mw-parser-output .hlist dt ol > li:first-child:before,
.mw-parser-output .hlist li ol > li:first-child:before {
    content: " (" counter(list-item) " ";
}
 
/* Unbulleted lists e.g. Barack Obama page */
.plainlist ul {
    list-style: none;
}

/*
Hatnotes and disambiguation notices
Please review the default hatnote styles provided by MobileFrontend before adding here.
*/
.hatnote i {
	font-style: normal;
}
.hatnote img {
    display: none;
}

/* Geographical coordinates defaults. See [[Template:Coord/link]]
   for how these are used. The classes "geo", "longitude", and
   "latitude" are used by the [[Geo microformat]]. */
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.longitude, .latitude             { white-space: nowrap; }

/* 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
*/
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
    white-space: nowrap;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
    white-space: normal;
}

.client-js .content_block.coordinates {
    display: none;
    text-align: right;
    margin-bottom: 0.5em;
    font-size: smaller;
}

.client-js .content_block.coordinates .latitude {
    display:none;
    padding-left: 20px;
    background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Edge-firefox.png/50px-Edge-firefox.png);
    background-repeat: no-repeat;
    -webkit-background-size: auto 15px;
    background-size: auto 15px;
}

/* Until Geohack is mobile optimised and/or there is a nice alternative e.g. map namespace */
.alpha #li-coordinates {
    display: list-item;
}

.client-js .beta .content_block.coordinates {
    display: block;
}

.client-js .beta .content_block.coordinates .latitude {
    display:inline;
}

/* hidden sortkey for tablesorter */
td .sortkey,
th .sortkey {
    display: none;
    speak: none;
}

/* For the new main page design */
#mainpage .floatleft,
#mainpage .floatright,
#mp-2012-body .floatleft,
#mp-2012-body .floatright {
	text-align: center;
}

/* HACK to workaround VE and badly written CGroups */
.noteTA {
    display: none;
}

.mw-newarticletext {
    padding: 0 2.5em;
    border: solid 1px #a2a9b1;
}
.mw-newarticletext .title {
    margin: 1em 0;
    padding: 0;
    color: #d33;
    font-size: 1.5em;
    border: none;
    text-align: center;
}
.mw-newarticletext li {
    margin: 0.4em 0;
}
.mw-newarticletext .buttons {
    margin: 1.5em 0;
    text-align: center;
}
.mw-newarticletext .buttons a {
    margin: 0.25em;
    display: inline-block;
}
.mw-newarticletext .note {
    color: #72777d;
    font-size: 87.5%;
}

[class|='mw-content'] table.infobox {
	font-size: 30px
}
.content table.infobox {
	font-size: 90%;
	position: relative;
	border: 1px solid #eaecf0;
	margin-bottom: 2em;
	background-color: #f8f9fa;
	display: flex;
	flex: 1 1 100%;
	flex-flow: column nowrap
}

.content table.infobox caption {
	padding: 10px 10px 0;
	text-align: center
}

.content table.infobox th,
.content table.infobox td {
	vertical-align: top;
	border: 0;
	border-bottom: 1px solid #eaecf0;
	padding: 7px 10px
}

.content table.infobox tbody>tr>td,
.content table.infobox tbody>tr>th {
	flex: 1 0
}

.content table.infobox td:only-child,
.content table.infobox th:only-child {
	width: 100%
}

.content table.infobox tr:last-child th,
.content table.infobox tr:last-child td {
	border: 0
}

.content table.infobox>tbody,
.content table.infobox>caption {
	display: flex;
	flex-flow: column nowrap
}

.content table.infobox>tbody>tr {
	min-width: 100%;
	display: flex;
	flex-flow: row nowrap
}

.content .mw-content-ltr table.infobox {
	text-align: left
}

.content .mw-content-rtl table.infobox {
	text-align: right
}

@media all and (min-width:720px) {
	table.infobox {
		margin: 0.5em 0 1em 35px !important;
		max-width: 320px;
		width: auto !important;
		float: right !important;
		clear: right !important
	}
}