MediaWiki:Mobile.css: Difference between revisions
No edit summary Tags: Mobile edit Mobile web edit |
([NEW MOON 2026 REFACTOR] Same as Common.css) |
||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the mobile site */ | /* All CSS here will be loaded for users of the mobile site */ | ||
/*==General styling==*/ | |||
.mw-parser-output a:not(.mw-selflink) {text-decoration:underline; text-underline-offset:2px} | |||
.mw-parser-output a:not(.mw-selflink):hover{text-decoration-thickness:2px;text-decoration-skip-ink:none} /* underline for page links */ | |||
a.new{color:#B55} /* faded red for red links, we don't want too much visual attention on them */ | |||
.mw-parser-output li {line-height:1.25em; margin-bottom:0.75em} /* spacing for bullet points */ | |||
.wikitable ul { margin:0 0 0 0.7em } /* less spacing for bullet points in tables */ | |||
.wikitable li { margin:0 } | |||
/*==Expandables and calculations==*/ | /*==Expandables and calculations==*/ | ||
| Line 12: | Line 19: | ||
.dp3{font-family:serif; color:#333; font-weight:normal; font-size:84%; padding:0.8em 0 0 0.4em} | .dp3{font-family:serif; color:#333; font-weight:normal; font-size:84%; padding:0.8em 0 0 0.4em} | ||
.calc{font-family:monospace,sans-serif; background:#CFC; border-bottom:1px solid #CCC} | .calc{font-family:monospace,sans-serif; background:#CFC; border-bottom:1px solid #CCC} | ||
.calc a{text-decoration: | .calc a {text-decoration-style:dotted; text-decoration:underline; text-underline-offset:3px} | ||
.calc a:hover{text-decoration: | .calc a:hover{text-decoration-style:solid} | ||
.ecalc{display:none} | .ecalc{display:none} | ||
.forMore{color:#090; cursor:pointer; text-decoration: | .forMore{color:#090; cursor:pointer; text-decoration:underline; text-underline-offset:3px; text-decoration-style:dotted} | ||
.forMore:hover{text-decoration: | .forMore:hover{text-decoration-style:solid} | ||
/*==File graph==*/ | /*==File graph==*/ | ||
| Line 32: | Line 39: | ||
.altOuter {color:#8F8; cursor:pointer; display:none} | .altOuter {color:#8F8; cursor:pointer; display:none} | ||
.altInner {color:#080; border:1px solid #EEE} | .altInner {color:#080; border:1px solid #EEE} | ||
/*==MediaWiki workarounds==*/ | /*==MediaWiki workarounds==*/ | ||
.fullWidth img { width:100%; height:auto } /* fitting an image to full page width (i dont know why tf this isn't already a built-in option in mediawiki tbh): */ | .fullWidth img { width:100%; height:auto } /* fitting an image to full page width on desktop mode (i dont know why tf this isn't already a built-in option in mediawiki tbh): */ | ||
.no-bold-th th { font-weight:normal } /* sometimes you don't want table headers to be bolded, because some other cells need the emphasis instead */ | .no-bold-th th { font-weight:normal } /* sometimes you don't want table headers to be bolded, because some other cells need the emphasis instead */ | ||
.mw-parser-output dl:has(dt){margin-left:0} /* idk why mobile mode adds an indent to any ";Bold" kinda wikitext, but it ruins my content, so get rid of that */ | |||
dl:has(dt){margin-left:0} /* idk why mobile mode adds an indent to any ";Bold" kinda wikitext, but it ruins my content, so get rid of that */ | |||
Revision as of 06:52, 7 June 2026
/* All CSS here will be loaded for users of the mobile site */
/*==General styling==*/
.mw-parser-output a:not(.mw-selflink) {text-decoration:underline; text-underline-offset:2px}
.mw-parser-output a:not(.mw-selflink):hover{text-decoration-thickness:2px;text-decoration-skip-ink:none} /* underline for page links */
a.new{color:#B55} /* faded red for red links, we don't want too much visual attention on them */
.mw-parser-output li {line-height:1.25em; margin-bottom:0.75em} /* spacing for bullet points */
.wikitable ul { margin:0 0 0 0.7em } /* less spacing for bullet points in tables */
.wikitable li { margin:0 }
/*==Expandables and calculations==*/
.xpContent{display:none; color:#090; cursor:crosshair}
.ppContent{display:none; position:absolute; padding:0.5em; border:1px solid; box-shadow:0 0 1em #999; cursor:crosshair; background:#FFFFF3; z-index:2}
.dp {display:none; position:absolute; padding:0.5em; border:1px solid; box-shadow:0 0 1em #999; cursor:crosshair; background:#FFFFF3; z-index:2}
.dpVar {display:none; position:absolute; padding:0.5em; border:1px solid; box-shadow:0 0 1em #999; cursor:crosshair; background:#FFFFF3; z-index:2}
.dp0{font-family:monospace,sans-serif; color:#333; font-weight:normal}
.dp1{font-family:monospace,sans-serif; color:#C00; font-weight:bold}
.dp2{font-family:serif; color:#000; font-weight:normal}
.dp3{font-family:serif; color:#333; font-weight:normal; font-size:84%; padding:0.8em 0 0 0.4em}
.calc{font-family:monospace,sans-serif; background:#CFC; border-bottom:1px solid #CCC}
.calc a {text-decoration-style:dotted; text-decoration:underline; text-underline-offset:3px}
.calc a:hover{text-decoration-style:solid}
.ecalc{display:none}
.forMore{color:#090; cursor:pointer; text-decoration:underline; text-underline-offset:3px; text-decoration-style:dotted}
.forMore:hover{text-decoration-style:solid}
/*==File graph==*/
.fileGraph{position:relative; width:100%; height:28em; border:1px dashed grey; background:#FFFFF3; user-select:none}
.fgNode{position:absolute; border:1px solid; padding:0 0.25em; background:#FFF; box-shadow:0 0 0.1em #333; transform:translate(-50%,0%); z-index:1}
.fgConnect{display:none; position:absolute; border:1px solid; background:#FFF; font-family:sans-serif; font-size:75%; transform-origin:0% 50%; white-space:nowrap; overflow:hidden}
/*==Considerations table==*/
.consideration-summary { margin:-0.125em 0 0.125em 1em; display:list-item; list-style:square inside; font-style:italic; color:#652; text-decoration:underline #CD0}
/*==Text levels==*/
pre.levels { padding:0.125em }
/*==Word changers==*/
.altOuter {color:#8F8; cursor:pointer; display:none}
.altInner {color:#080; border:1px solid #EEE}
/*==MediaWiki workarounds==*/
.fullWidth img { width:100%; height:auto } /* fitting an image to full page width on desktop mode (i dont know why tf this isn't already a built-in option in mediawiki tbh): */
.no-bold-th th { font-weight:normal } /* sometimes you don't want table headers to be bolded, because some other cells need the emphasis instead */
.mw-parser-output dl:has(dt){margin-left:0} /* idk why mobile mode adds an indent to any ";Bold" kinda wikitext, but it ruins my content, so get rid of that */