MediaWiki:Vector.css: Difference between revisions

Want an adless experience? Log in or Create an account.
v35 updates pass 2
mNo edit summary
(v35 updates pass 2)
Line 1: Line 1:
/* TODO remove this after cloudflare cache is updated */
/* TODO remove this after cloudflare cache is updated */
#wrapper * { box-sizing: border-box; }
#wrapper * { box-sizing: border-box; }
* { box-sizing: content-box; }


/* Personal links */
/* Personal links */
Line 7: Line 8:
/* Sidebar */
/* Sidebar */
#p-logo { display: none; }
#p-logo { display: none; }
#mw-panel { top: 36px; background-color: #F0DDBD; border-radius: 10px; }
#mw-panel .portal .body li, #mw-panel .portal h3, .mw-body-content { font-size: 1em; }
@media screen and (min-width: 982px) {
@media screen and (min-width: 982px) {
   div#mw-panel { width: 180px; padding-left: 0px; margin-right: 20px; margin-top: 4px; }
   #mw-panel { width: 180px; padding-left: 0px; margin-right: 20px; margin-top: 4px; }
   div#footer, #mw-head-base, div#content { margin-left: 185px; }
   #footer, #mw-head-base, #content { margin-left: 185px; }
   #left-navigation { margin-left: 185px; }
   #left-navigation { margin-left: 185px; }
}
}
Line 36: Line 39:
   background: linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* W3C */
   background: linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* W3C */
}
}
.vectorTabs a:hover, .vectorTabs strong:hover, .selected a, .selected strong,.elected a:hover, .selected strong:hover{
.vectorTabs a:hover, .vectorTabs strong:hover, .selected a, .selected strong, .selected a:hover, .selected strong:hover{
   text-shadow: 0px -1.5px 0px #DDD;
   text-shadow: 0px -1.5px 0px #DDD;
   background: #FBF0D4;
   background: #FBF0D4;
Line 49: Line 52:
   background: linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* W3C */
   background: linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* W3C */
}
}
.selected li, .selected li,.selected a:hover, .selected strong:hover {
.selected li, .selected li, .selected a:hover, .selected strong:hover {
   background: #FBF0D4; /* Old browsers */
   background: #FBF0D4; /* Old browsers */
   background: -moz-linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* FF3.6+ */
   background: -moz-linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* FF3.6+ */
Line 59: Line 62:
}
}


/* Fix padding */
/* Content */
#content { float: none; width: auto; background-color: #FBF0D4; }
#content a { font-weight: bold; }
@media (min-width: 768px) {
@media (min-width: 768px) {
   #content { padding: 1.25em 1.5em 1.5em 1.5em; }
   #content { padding: 1.25em 1.5em 1.5em 1.5em; }
}
}
* { box-sizing: content-box; }
 
/* Footer */
#footer { clear: both; background-color: #F0DDBD; border-radius: 10px; margin-top: 7px; }


/* Fix font size */
/* Fix font size */
Line 70: Line 77:
/* Fix font color */
/* Fix font color */
h1, h2, h3, h4, h5, h6 { color: #000; }
h1, h2, h3, h4, h5, h6 { color: #000; }
/* Fix link color */
a, a:visited,
vector-menu-tabs li a,
.mw-body a.external, .mw-body a.external:visited,
.mw-body a.extiw, .mw-body a.extiw:active, .mw-body a.extiw:visited,
#mw-panel .portal .body ul li a, #mw-panel .portal .body ul li a:visited { color: #1D6D26; }
a:hover { color: #F3B333; }


/* Fix for gap created by Recent Changes legend. */
/* Fix for gap created by Recent Changes legend. */
Line 83: Line 98:
color: #006400;
color: #006400;
}
}
.mw-changeslist-line-watched .mw-changeslist-title, .mw-specialpagerestricted a { text-shadow: 0.5px 1px #1D6D26; }