MediaWiki:Common.css: Difference between revisions

no edit summary
No edit summary
No edit summary
 
(26 intermediate revisions by the same user not shown)
Line 30: Line 30:


/*==Word changers==*/
/*==Word changers==*/
.altOuter {color:#2F2; 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}


Line 37: Line 37:


.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): */
.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): */
li { line-height:1.2em; margin:0.8em 0 } /* spacing for bullet points */
.wikitable ul { margin:0 0 0 0.7em }
.wikitable li { margin:0 }


.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 */


li { line-height:1.2em; margin:0.8em 0 } /* spacing for bullet points */
a.new{color:#B55} /* draw less attention to red links, visually */
 
 
/*==Talk pages==*/
 
/* add separation between comments (relies on DiscussionTools extension) */
.ext-discussiontools-init-replylink-buttons { font-weight:bold; }
.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;
}
.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 }
*/


/* #mw-panel-toc-list.vector-toc-contents { margin:0; padding:0; border:1px solid #CCC } */ /* for Vector2022 skin: decrease empty space */
/* 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==*/
/*==Themes for Legacy Vector skin==*/


/* sunrise theme:
/* sunrise theme: