MediaWiki:Mobile.css: Difference between revisions

no edit summary
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 19: Line 19:
*/
*/


/* Reset user agent styles. We don't reset small or blockquote here deliberately */
/* Default styles [[File:Mobile-header.png]] */
cite,
:root {
dfn {
--mobile-header-background: url('filepath://Mobile-header.png');
font-style: inherit;
--mobile-header-background-color: #58B5FE;
--content-background-color: #E6EFF4;
--content-text-color: #202122;
}
}


q {
/* Dungeons [[File:Mobile-header-dungeons.png]] */
quotes: '"' '"' "'" "'";
html body.rootpage-Minecraft_Dungeons,
html body.rootpage-Talk_Minecraft_Dungeons,
html body.ns-10000,
html body.ns-10001  {
--mobile-header-background: url('filepath://Mobile-header-dungeons.png');
--mobile-header-background-color: #FEA158;
--content-background-color: #F2EEE7;
}
}


/* Hide the images */
/* Earth [[File:Mobile-header-earth.png]] */
.geo-nondefault, .geo-multi-punct,
html body.rootpage-Minecraft_Earth,
/* Hide stuff meant for accounts with special permissions. Made visible again in
html body.rootpage-Talk_Minecraft_Earth,
  [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-patroller.css]] and
html body.ns-10002,
  [[MediaWiki:Group-autoconfirmed.css]]. */
html body.ns-10003 {
.checkuser-show,
--mobile-header-background: url('filepath://Mobile-header-earth.png');
.sysop-show,
--mobile-header-background-color: #58B5FE;
.templateeditor-show,
--content-background-color: #E5EDFF;
.extendedmover-show,
}
.patroller-show,
 
.extendedconfirmed-show,
/* Legends [[File:Mobile-header-legends.png]] */
.autoconfirmed-show,
html body.rootpage-Minecraft_Legends,
/* Copied from Common.css - allow for hiding text in compact form e.g. clean up templates */
html body.rootpage-Talk_Minecraft_Legends,
.hide-when-compact,
html body.ns-10006,
/* portal pages are badly formatted. Until this changes these should be hidden. (see https://phabricator.wikimedia.org/T86495) */
html body.ns-10007 {
.noprint.portal {
--mobile-header-background: url('filepath://Mobile-header-legends.png');
--mobile-header-background-color: #58B5FE;
--content-background-color: #DAEAE9;
}
 
/* Story Mode [[File:Mobile-header-storymode.png]] */
body.rootpage-Minecraft_Story_Mode,
body.rootpage-Talk_Minecraft_Story_Mode,
body.rootpage-Minecraft_Story_Mode_-_Season_Two,
body.rootpage-Talk_Minecraft_Story_Mode_-_Season_Two,
body.ns-10004,
body.ns-10005 {
--mobile-header-background: url('filepath://Mobile-header-storymode.png');
--mobile-header-background-color: #9E9AE4;
--content-background-color: #e5edff;
}
 
/** Minecraft skin **/
.overlay.search-overlay,
.overlay.editor-overlay {
padding-top: 90px;
}
 
/* Grass header background */
.skin-minerva #mw-mf-page-center .header-container,
.skin-minerva .search-overlay .header-container {
    position: relative;
    background: var(--mobile-header-background) left bottom repeat-x var(--mobile-header-background-color);
    background-size: 48px auto;
    right: 0;
    left: 0;
    height: 96px;
}
 
.skin-minerva .header-container {
    background-color: transparent;
    box-shadow: none;
}
 
.overlay-header,
.minerva-header {
padding-top: 7px;
}
 
/* Hide grass when editing on small screens to maximise editing space */
@media all and (max-width: 999px) {
.overlay-enabled .editor-overlay {
padding-top: 3.35em;
}
.overlay-enabled .overlay.editor-overlay .header-container:after {
bottom: 0;
background-position: left bottom -29px;
}
}
 
.overlay .overlay-header-container.header-container {
z-index: 2;
}
 
.minerva-header .branding-box {
    opacity: 1;
}
 
/* Background color */
.overlay-enabled,
.overlay-content,
.mw-body {
background-color: var(--content-background-color);
}
 
/* Hide duplicate sidebar entries */
.mw-ui-icon-minerva-home,
.mw-ui-icon-minerva-random {
display: none;
display: none;
}
}


/*
/* Fix editor colour */
.infobox
#wikitext-editor {
DO NOT style infobox's here. That should be taken care of in the associated templates via template styles. Styles here will lead to flash of unstyled content on mobile.
background-color: #FFF;
*/
}
/* removed inline from module as we work toward Tstyles support
 
* Use three classes to match specificity of MobileFrontend/Minerva selectors */
/* Give the footer the stone texture: [[File:Mobile-background.png]] */
.content .mw-parser-output .infobox-header,
.minerva-footer {
.content .mw-parser-output .infobox-subheader,
background: url('filepath://Mobile-background.png') #202020;
.content .mw-parser-output .infobox-above,
}
.content .mw-parser-output .infobox-title,
 
.content .mw-parser-output .infobox-image,
footer,
.content .mw-parser-output .infobox-full-data,
footer a:active,
.content .mw-parser-output .infobox-below {
#footer,
text-align: center;
#footer a:active {
color: #FFF;
}
 
footer a,
#footer a,
footer a:visited,
#footer a:visited {
    color: #BFBFBF;
}
 
.last-modified-bar {
background-color: #EAECF0;
}
 
/* Fix dumb default styling */
.content code,
.content pre {
background-color: #f9f9f9;
border: 1px solid #ddd;
color: black;
}
}


/* Unbulleted lists e.g. Barack Obama page*/
.content code {
.plainlist ul {
border-radius: 2px;
list-style: none;
padding-left: 0; /* Reset Minerva defaults */
}
}


/* Prevent line breaks in silly places:
@media all and (max-width: 768px) {
  1) Where desired
.gallerybox .thumb > div {
  2) Links when we don't want them to
margin: 15px !important;
*/
width: auto !important;
.mw-parser-output .nowrap,
}
.nowraplinks a {
white-space: nowrap;
}
}
.mw-parser-output .infobox .nowrap {
 
white-space: normal !important;
td {
background-color: #FFF;
}
}
/* But allow wrapping where desired: */
 
.wrap,
/* Use black bullet points, instead of blue circles: [[File:List bullet.svg]] */
.wraplinks a {
.content ul {
white-space: normal;
list-style-image: url('filepath://List_bullet.svg');
}
}


/* Generic class texhtml class for inline math */
/* Fix footer hlist separator colour */
span.texhtml {
.footer-content .hlist-separated li:after {
font-family: serif;
color: #FFF;
white-space: nowrap;
}
}


/* Prevent flags in tables from collapsing
/* Fix changes autocollapsing in recent changes */
Fix for T116318
.mw-changeslist-edit, .mw-changeslist-line {
*/
display: table-row !important;
.flagicon img {
}
min-width: 25px;
.mw-changeslist-line-inner {
padding-top: 1.5em;
}
.mw-enhanced-rc-nested {
    padding-top: 0.5em;
}
}


/* Prevent unnecessary margin at the bottom of centralnotices */
/* Alternating cell background */
.cnotice {
.alternatecells:nth-child(odd) {
margin-bottom: 0 !important;
background-color: #F9F9F9;
}
}


/* Alternating table rows, primarily used with [[Template:Infobox row]] */
.alternaterows tr:nth-child(even),
.infobox-rows tr:nth-child(even),
.alternaterows tr:nth-child(even) td,
.infobox-rows tr:nth-child(even) td {
background-color: #F9F9F9;
}


/* The message body cell(s), such as for {{Commonscat}}.
/* Show TOC */
* this is a very small subset of the styles from Common.css
@media (max-width: 512px) {
* just to make sure the box isn't squashed without any spacing
.skin-minerva .toc-mobile {
* which looks out of place with visuals of other nearby elements
display: block;
*/
}
.mbox-text {
/* @noflip */
padding: 0.25em 0.9em;
}
}


/* Normal font styling for wikitable row headers with scope="row" tag */
/* Turn a list into a tree view style (See [[.minecraft]]) */
.wikitable.plainrowheaders th[scope=row],
.treeview {
.wikitable.plainrowheaders th[scope=rowgroup] {
margin-top: 0.3em;
font-weight: normal;
/* @noflip */
text-align: left;
}
}


.treeview .treeview-header {
padding-left: 3px;
font-weight: bold;
}
.treeview .treeview-header:last-child {
border-color: #636363 !important;
border-left-style: dotted;
}
.treeview .treeview-header:not(:last-child):before {
content: none;
}
.treeview .treeview-header:last-child:before {
border-bottom: 0;
}


/**
.treeview ul,
******************DEPRECATED STYLES ************************************
.treeview li {
These styles will be removed shortly. Please see inline comments.
margin: 0;
**/
padding: 0;
list-style-type: none;
list-style-image: none;
}


.treeview li li {
position: relative;
padding-left: 13px;
margin-left: 7px;
border-left: 1px solid #636363;
}
.treeview li li:before {
content: "";
position: absolute;
top: 0;
left: -1px;
width: 11px;
height: 11px;
border-bottom: 1px solid #636363;
}


/*
.treeview li li:last-child:not(.treeview-continue) {
FIXME: DUPLICATES Template:Hlist/styles.css
border-color: transparent;
Note the mobile skin provides a `hlist-separated` class for this purpose. Use this class name alongside the hlist class instead as this will result in a FOUC.
}
Should be removed and moved to templates.
.treeview li li:last-child:not(.treeview-continue):before {
*/
border-left: 1px solid #636363;
/* Counter hlist indenting of Minerva*/
width: 10px;
/*.mw-parser-output .hlist ul,*/
}
/*.mw-parser-output .hlist ol {*/
/* padding-left: 0;*/
/*}*/
/* reset hlist margins of Minerva
do not add li here (see T235416) */
/*.mw-parser-output .hlist dd,*/
/*.mw-parser-output .hlist dt {*/
/* margin-right: 0;*/
/*}*/
/* do not add li here. Minerva provides it already*/
/*.mw-parser-output .hlist dd:after {*/
/* content: " · ";*/
/* font-weight: bold;*/
/*}*/
/*.mw-parser-output .hlist dt:after {*/
/* content: ": ";*/
/*}*/


/* Should be removed and moved to templates once TemplateStyles is live */
.nbttree-inherited {
/*.heading-holder .hlist li:after,*/
background-color: #E6E6FA;
/*.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 */
/* Should be removed and moved to templates once TemplateStyles is live */
/*.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;*/
/*}*/
/* Should be removed and moved to templates once TemplateStyles is live */
/*.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: ") " !important; /* Override hlist-separated being dumb */
/* font-weight: normal;*/
/* padding-left: 0;*/
/*}*/


/* Put ordinals in front of ordered list items */
/* Try to use nearest neighbour scaling for pixelated images */
/* Should be removed and moved to templates once TemplateStyles is live */
.pixel-image,
/*.mw-parser-output .hlist ol {*/
.invslot-item-image,
/* counter-reset: listitem;*/
.sprite {
/*}*/
image-rendering: optimizeSpeed;
image-rendering: -webkit-optimize-contrast;
image-rendering: optimize-contrast;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: crisp-edges;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
}


/* Should be removed and moved to templates once TemplateStyles is live */
/* Simulate link styling for JS only links */
/*.mw-parser-output .hlist ol > li {*/
.jslink {
/* counter-increment: listitem;*/
color: #0645AD;
/*}*/
-webkit-user-select: none;
  -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
.jslink:hover {
text-decoration: underline;
cursor: pointer;
}
.jslink:active {
color: #FAA700;
}


/* Should be removed and moved to templates once TemplateStyles is live */
/* Hatnotes and disambiguation notices */
/*.mw-parser-output .hlist ol > li:before {*/
.hatnote {
/* content: " " counter(listitem) " ";*/
font-style: italic;
/* white-space: nowrap;*/
}
/*}*/
.hatnote i {
font-style: normal;
}
div.hatnote {
padding-left: 1.6em;
margin-bottom: 0.5em;
}
div.hatnote + div.hatnote {
margin-top: -0.5em;
}


/* Should be removed and moved to templates once TemplateStyles is live */
/* Fix animated infobox images shifting the screen when images have different dimensions */
/*.mw-parser-output .hlist dd ol > li:first-child:before,*/
.content span.animated a > img,
/*.mw-parser-output .hlist dt ol > li:first-child:before,*/
.content span.animated a > .lazy-image-placeholder,
/*.mw-parser-output .hlist li ol > li:first-child:before {*/
.content noscript span.animated > img {
/* content: " (" counter(listitem) " ";*/
    max-width: initial !important;
/*}*/
}


/* https://phabricator.wikimedia.org/T180396#5317728 */
body.page-Main_Page #firstHeading {
    display: none;
}


@media print {
/* Hide nomobile */
.navbox,
.nomobile {
.hatnote,
display: none;
.ambox {
display: none !important;
}
}
}