MediaWiki:Mobile.css: Difference between revisions

From the change wiki
No edit summary
Tag: Reverted
No edit summary
Tags: Manual revert Mobile edit Mobile web edit
 
(15 intermediate revisions by the same user not shown)
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 */


/*==Expandables and calculations==*/
.xpContent{display:none; color:#090; cursor:crosshair}
.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}
.ppContent{display:none; position:absolute; padding:0.5em; border:1px solid; box-shadow:0 0 1em #999; cursor:crosshair; background:#FFFFF3; z-index:2}
Line 9: Line 11:
.dp2{font-family:serif; color:#000; font-weight:normal}
.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}
.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}
.calc{font-family:monospace,sans-serif; background:#CFC; border-bottom:1px solid #CCC}
.calc a{text-decoration:none}
.calc a{text-decoration:none}
.calc a:hover{text-decoration:underline}
.calc a:hover{text-decoration:underline}
.ecalc{display:none}
.ecalc{display:none}
.forMore{color:#090; cursor:pointer; text-decoration:none}
.forMore{color:#090; cursor:pointer; text-decoration:none; border:1px solid #EEE}
.forMore:hover{text-decoration:underline}
.forMore:hover{text-decoration:underline}
/*==File graph==*/
.fileGraph{position:relative; width:100%; height:28em; border:1px dashed grey; background:#FFFFF3; user-select:none}
.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}
.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}
.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}


/* Extension:Tabs - Workaround for mobile: */
/*==Considerations table==*/
/* Dynamically generated tabs styles */
.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}
.tabs-input-1:checked ~ .tabs-container .tabs-content-1,
 
.tabs-input-2:checked ~ .tabs-container .tabs-content-2,
/*==Text levels==*/
.tabs-input-0:checked ~ .tabs-container .tabs-content-1 {display:inline-block;}
pre.levels { padding:0.125em }
.tabs-input-1:checked ~ .tabs-container .tabs-inline.tabs-content-1,
 
.tabs-input-2:checked ~ .tabs-container .tabs-inline.tabs-content-2,
/*==Word changers==*/
.tabs-input-0:checked ~ .tabs-container .tabs-inline.tabs-content-1 {display:inline;}
.altOuter {color:#2F2; cursor:pointer; display:none}
.tabs-input-1:checked ~ .tabs-container .tabs-block.tabs-content-1,
.altInner {color:#080; border:1px solid #EEE}
.tabs-input-2:checked ~ .tabs-container .tabs-block.tabs-content-2,
 
.tabs-input-0:checked ~ .tabs-container .tabs-block.tabs-content-1 {display:block;}
/*==MediaWiki workarounds==*/
/* The same styles, but with .checked instead of :checked, for browsers that rely on the JavaScript fallback */
 
.tabs-input-1.checked ~ .tabs-container .tabs-content-1,
.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): */
.tabs-input-2.checked ~ .tabs-container .tabs-content-2,
 
.tabs-input-0.checked ~ .tabs-container .tabs-content-1 {display:inline-block;}
.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 */
.tabs-input-1.checked ~ .tabs-container .tabs-inline.tabs-content-1,
 
.tabs-input-2.checked ~ .tabs-container .tabs-inline.tabs-content-2,
li { line-height:1.2em; margin:0.8em 0 } /* spacing of bullet points */
.tabs-input-0.checked ~ .tabs-container .tabs-inline.tabs-content-1 {display:inline;}
.tabs-input-1.checked ~ .tabs-container .tabs-block.tabs-content-1,
.tabs-input-2.checked ~ .tabs-container .tabs-block.tabs-content-2,
.tabs-input-0.checked ~ .tabs-container .tabs-block.tabs-content-1 {display:block;}
.tabs-dropdown .tabs-content,.tabs-dropdown .tabs-container,.tabs-dropdown li,.tabs-dropdown ul,.tabs-dropdown ol {background-color: white}

Latest revision as of 17:28, 23 March 2024

/* All CSS here will be loaded for users of the mobile site */


/*==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:none}
.calc a:hover{text-decoration:underline}
.ecalc{display:none}
.forMore{color:#090; cursor:pointer; text-decoration:none; border:1px solid #EEE}
.forMore:hover{text-decoration:underline}

/*==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:#2F2; 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 (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 */

li { line-height:1.2em; margin:0.8em 0 } /* spacing of bullet points */
Retrieved from "https://olam.wiki/index.php?title=MediaWiki:Mobile.css&oldid=1975"