MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
(okay, setting markers back to WP's 1.25em, any larger and they expand the row vertically and start to invade the neighboring cell) |
|||
(23 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | /* CSS placed here will affect users of the Vector skin */ | ||
/* | /* Fix the sidebar in place when scrolling, as long as we are not on a small screen (e.g. a phone) */ | ||
@media (min-device-width:481px) | |||
*/ | |||
{ | { | ||
div#mw-panel | |||
{ | |||
position:fixed; | |||
height:100%; | |||
/* Prevent content overlay when sidewards scrolling */ | |||
background-color:#F6F6F6; | |||
} | |||
} | } | ||
/* For small screens, fix the sidebar this way to avoid overlap when zooming */ | |||
@media (max-device-width:480px) | |||
{ | { | ||
div#mw-panel | |||
{ | |||
position:absolute; | |||
} | |||
} | } | ||
/* Darken the background for code tags just a tiny bit | |||
** so code stands out more (default is 249, 249, 249) | |||
*/ | |||
code | |||
{ | { | ||
background-color: rgb(245, 245, 245); | |||
} | } | ||
/* Raise size of text in diff views to 100% since | |||
** Vector makes them 88% by default | |||
*/ | |||
td.diff-addedline, | td.diff-addedline, | ||
td.diff-deletedline, | td.diff-deletedline, | ||
td.diff-context | td.diff-context | ||
{ | { | ||
font-size: 100%; | |||
} | } |
Latest revision as of 18:28, 6 August 2017
/* CSS placed here will affect users of the Vector skin */ /* Fix the sidebar in place when scrolling, as long as we are not on a small screen (e.g. a phone) */ @media (min-device-width:481px) { div#mw-panel { position:fixed; height:100%; /* Prevent content overlay when sidewards scrolling */ background-color:#F6F6F6; } } /* For small screens, fix the sidebar this way to avoid overlap when zooming */ @media (max-device-width:480px) { div#mw-panel { position:absolute; } } /* Darken the background for code tags just a tiny bit ** so code stands out more (default is 249, 249, 249) */ code { background-color: rgb(245, 245, 245); } /* Raise size of text in diff views to 100% since ** Vector makes them 88% by default */ td.diff-addedline, td.diff-deletedline, td.diff-context { font-size: 100%; }