MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/*==General styling==*/
.mw-parser-output a      {text-decoration:underline;    text-underline-offset:2px}/*underline links*/
.mw-parser-output a:hover{text-decoration-thickness:2px;text-decoration-skip-ink:none}
a.selflink{text-decoration:none}
a.new{color:#B55} /* faded red for red links, we don't want too much visual attention on them */
.mw-parser-output li,
.mw-parser-output li:last-child{line-height:1.4em; margin-bottom:0.6em}/*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-underline-offset:3px; text-decoration-skip-ink:none}
.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 {margin-left:0}
.mw-parser-output dd {margin-left:1em} /* some skins do some bullshit that ruins my content's indenting. Undo that shit */


/*==Talk pages==*/

/* add separation between comments (relies on DiscussionTools extension) */
.ext-discussiontools-init-replylink-buttons {
 font-weight:bold;
 font-size:  111%;
 line-height: 88%;
}
.ext-discussiontools-init-replylink-buttons:after {
 content:'-';
 color:#FFF0;
 display:block;
 margin-right:75%;
 border-top:1px dashed #0FF;
 border-image:linear-gradient(to right, #0FF, #FFF0) 1;
 line-height:188%;
}
.ext-discussiontools-replytool-enabled dd {
 padding-left:1em;
}
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
 border-top:2px solid #000;
}
.ext-discussiontools-init-section h2:not(
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section h2) {
  background:#CCC; border:none;
}


/*==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}
*/