MediaWiki:Common.css: Difference between revisions

no edit summary
(because the calculations' bottom border shouldn't be heavier than the default mediawiki 'h2' tag bottom border)
No edit summary
 
(148 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:#070; cursor:crosshair}
 
/*==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 13: Line 15:
.calc a:hover{text-decoration:underline}
.calc a:hover{text-decoration:underline}
.ecalc{display:none}
.ecalc{display:none}
.forMore{color:#070; cursor:pointer; text-decoration:none; border:1px solid #EEE}
.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}
/*==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}
*/