MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
(okay, at the very least we need to keep this one change for readability) |
|||
| (8 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 */ | /* 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) | |||
{ | { | ||
position: fixed; | 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; | |||
} | |||
} | } | ||
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%;
}