MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
(attempting to fix a vertical scrollbar bug) |
|||
(32 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%; }