MediaWiki:Common.css: Difference between revisions
No edit summary Tag: Reverted |
No edit summary |
||
(102 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* | |||
.xpContent{display:none; color:# | /*==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} | .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} | .dp {display:none; position:absolute; padding:0.5em; border:1px solid; box-shadow:0 0 1em #999; cursor:crosshair; background:#FFFFF3; z-index:2} | ||
Line 14: | Line 15: | ||
.calc a:hover{text-decoration:underline} | .calc a:hover{text-decoration:underline} | ||
.ecalc{display:none} | .ecalc{display:none} | ||
.forMore{color:# | .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} | ||
/* 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): */ | /*==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 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 */ | ||
body {background-image:linear-gradient(#009,#FF9);background-color:#FFC;background-repeat:no-repeat} | |||
li { line-height:1.2em; margin:0.8em 0 } /* spacing for bullet points */ | |||
/*==Themes for Vector 2022 skin==*/ | |||
/* simple light green theme */ | |||
a.mw-logo { color:#00F } | |||
#pt-login-2 > a:nth-child(1) { color:#00F } | |||
#pt-userpage-2 > a:nth-child(1) { color:#00F } | |||
body.skin-vector-2022 { background:#CCC } | |||
div.mw-footer-container { background:#CFC;padding-bottom:1em } | |||
div.vector-header-container:nth-child(2) { background:#CFC; border-bottom:1px solid #CCC } | |||
div.vector-header-container.vector-sticky-header-container{ border-bottom:1px solid #999; | |||
background:#EEE; } | |||
/* girly theme (becomes a rave theme if you invert the colors of your screen - one day if i have time i'll make a dark theme that's equal to the inverse) | |||
a.mw-logo { color:#000; text-shadow:0 0 0.25em #FFF } | |||
#pt-login-2 > a:nth-child(1) { color:#000; text-shadow:0 0 0.25em #FFF } | |||
#pt-userpage-2 > a:nth-child(1) { color:#000; text-shadow:0 0 0.25em #FFF } | |||
body.skin-vector-2022 | |||
{ background:linear-gradient(#FF9,#006); background-attachment:fixed } | |||
div.mw-footer-container | |||
{ background:#FCF } | |||
div.vector-header-container:nth-child(2) | |||
{ background:linear-gradient(#FFF,#F0F,#FFF); border:none } | |||
div.vector-header-container.vector-sticky-header-container | |||
{ border-bottom:1px solid #999; background:#EEE } | |||
*/ | |||
/* unicorn theme | |||
a.mw-logo { color:#FFF; text-shadow:0 0 0.5em #000 } | |||
#pt-login-2 > a:nth-child(1) { color:#FFF; text-shadow:0 0 0.5em #000 } | |||
#pt-userpage-2 > a:nth-child(1) { color:#FFF; text-shadow:0 0 0.5em #000 } | |||
body.skin-vector-2022 { background:#DBF } | |||
div.mw-footer-container{ background:#FBD } | |||
div.vector-header-container:nth-child(2) | |||
{ background:linear-gradient(#F00,#FF0,#0D0,#07F,#70F) } | |||
div.vector-header-container.vector-sticky-header-container | |||
{ border-bottom:1px solid #999; background:#EEE } | |||
*/ | |||
/* RGB theme (unfinished) | |||
body.skin-vector-2022 { background:linear-gradient(#FFF,#000,#000,#000,#000,#000,#F00,#000,#000,#0F0,#000,#000,#00F,#000,#000,#000,#000,#000,#FFF); background-attachment:fixed } | |||
*/ | |||
/*==Themes for Legacy Vector skin==*/ | |||
/* sunrise theme: | |||
body {background-image:linear-gradient(#FFF 0%, #FFF 11%, #009 14%, #FF9 97%, #FFC 100%);background-color:#FFC;background-repeat:no-repeat} | |||
#content{background-color:#FFF} | #content{background-color:#FFF} | ||
#mw-panel {color:#FFF} | #mw-panel {color:#FFF} | ||
#mw-panel a {color:#FFF} | #mw-panel a {color:#FFF} | ||
#mw-panel h3{color:#FFF} | #mw-panel h3{color:#FFF} | ||
*/ | |||
/* daylight theme: | /* daylight theme: | ||
body {background-image:linear-gradient(#ADF,#FDA);background-attachment:fixed} | body {background-image:linear-gradient(#ADF,#FDA);background-attachment:fixed} | ||
#content{background-color:#FFF} | |||
*/ | |||
/* fog theme: | |||
body {background-image:linear-gradient(#BBB,#FFF);background-color:#FFF;background-repeat:no-repeat} | |||
#content{background-color:#FFF} | #content{background-color:#FFF} | ||
*/ | */ | ||
Line 39: | Line 107: | ||
#content{background-color:#FFF} | #content{background-color:#FFF} | ||
*/ | */ | ||
/* | /* RGB theme: | ||
body {background-image:linear-gradient(# | body {background-image:linear-gradient(#FFF 0%, #FFF 10%, #000 15%, #000 50%, #F00 55%, #000 60%, #000 65%, #0F0 70%, #000 75%, #000 80%, #00F 85%, #000 90%, #000 95%, #FFF 100%);background-color:#FFF;background-repeat:no-repeat; position:relative; z-index:1} | ||
#content{background-color:#FFF} | #content{background-color:#FFF; box-shadow:0em 0em 0.25em #000} | ||
#mw-panel {color:#999; font-weight:bold; text-shadow:0 0 0.25em #000} | |||
#mw-panel a {color:#0F0; font-weight:bold; text-shadow:0 0 0.25em #000} | |||
#mw-panel h3{color:#FFF; font-weight:bold; text-shadow:0 0 0.25em #000} | |||
#footer {background-color:#FFFFFFC0; position:relative; z-index:-1; padding-bottom:3em} | |||
#footer ul li a{background-color:#FFFFFF80; position:relative; z-index:1} | |||
*/ | */ |
Latest revision as of 15:39, 23 March 2024
/* CSS placed here will be applied to all skins */
/*==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 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 */
li { line-height:1.2em; margin:0.8em 0 } /* spacing for bullet points */
/*==Themes for Vector 2022 skin==*/
/* simple light green theme */
a.mw-logo { color:#00F }
#pt-login-2 > a:nth-child(1) { color:#00F }
#pt-userpage-2 > a:nth-child(1) { color:#00F }
body.skin-vector-2022 { background:#CCC }
div.mw-footer-container { background:#CFC;padding-bottom:1em }
div.vector-header-container:nth-child(2) { background:#CFC; border-bottom:1px solid #CCC }
div.vector-header-container.vector-sticky-header-container{ border-bottom:1px solid #999;
background:#EEE; }
/* girly theme (becomes a rave theme if you invert the colors of your screen - one day if i have time i'll make a dark theme that's equal to the inverse)
a.mw-logo { color:#000; text-shadow:0 0 0.25em #FFF }
#pt-login-2 > a:nth-child(1) { color:#000; text-shadow:0 0 0.25em #FFF }
#pt-userpage-2 > a:nth-child(1) { color:#000; text-shadow:0 0 0.25em #FFF }
body.skin-vector-2022
{ background:linear-gradient(#FF9,#006); background-attachment:fixed }
div.mw-footer-container
{ background:#FCF }
div.vector-header-container:nth-child(2)
{ background:linear-gradient(#FFF,#F0F,#FFF); border:none }
div.vector-header-container.vector-sticky-header-container
{ border-bottom:1px solid #999; background:#EEE }
*/
/* unicorn theme
a.mw-logo { color:#FFF; text-shadow:0 0 0.5em #000 }
#pt-login-2 > a:nth-child(1) { color:#FFF; text-shadow:0 0 0.5em #000 }
#pt-userpage-2 > a:nth-child(1) { color:#FFF; text-shadow:0 0 0.5em #000 }
body.skin-vector-2022 { background:#DBF }
div.mw-footer-container{ background:#FBD }
div.vector-header-container:nth-child(2)
{ background:linear-gradient(#F00,#FF0,#0D0,#07F,#70F) }
div.vector-header-container.vector-sticky-header-container
{ border-bottom:1px solid #999; background:#EEE }
*/
/* RGB theme (unfinished)
body.skin-vector-2022 { background:linear-gradient(#FFF,#000,#000,#000,#000,#000,#F00,#000,#000,#0F0,#000,#000,#00F,#000,#000,#000,#000,#000,#FFF); background-attachment:fixed }
*/
/*==Themes for Legacy Vector skin==*/
/* sunrise theme:
body {background-image:linear-gradient(#FFF 0%, #FFF 11%, #009 14%, #FF9 97%, #FFC 100%);background-color:#FFC;background-repeat:no-repeat}
#content{background-color:#FFF}
#mw-panel {color:#FFF}
#mw-panel a {color:#FFF}
#mw-panel h3{color:#FFF}
*/
/* daylight theme:
body {background-image:linear-gradient(#ADF,#FDA);background-attachment:fixed}
#content{background-color:#FFF}
*/
/* fog theme:
body {background-image:linear-gradient(#BBB,#FFF);background-color:#FFF;background-repeat:no-repeat}
#content{background-color:#FFF}
*/
/* silver theme:
body {background-image:linear-gradient(#FFF,#AAA);background-attachment:fixed}
#content{background-color:#FFF}
*/
/* RGB theme:
body {background-image:linear-gradient(#FFF 0%, #FFF 10%, #000 15%, #000 50%, #F00 55%, #000 60%, #000 65%, #0F0 70%, #000 75%, #000 80%, #00F 85%, #000 90%, #000 95%, #FFF 100%);background-color:#FFF;background-repeat:no-repeat; position:relative; z-index:1}
#content{background-color:#FFF; box-shadow:0em 0em 0.25em #000}
#mw-panel {color:#999; font-weight:bold; text-shadow:0 0 0.25em #000}
#mw-panel a {color:#0F0; font-weight:bold; text-shadow:0 0 0.25em #000}
#mw-panel h3{color:#FFF; font-weight:bold; text-shadow:0 0 0.25em #000}
#footer {background-color:#FFFFFFC0; position:relative; z-index:-1; padding-bottom:3em}
#footer ul li a{background-color:#FFFFFF80; position:relative; z-index:1}
*/