MediaWiki:Vector.css: Difference between revisions
(attempting to fix sidebar mod on phones) |
(attempting to fix sidebar mod on phones again) |
||
| Line 10: | Line 10: | ||
/* Prevent content overlay when sidewards scrolling */ | /* Prevent content overlay when sidewards scrolling */ | ||
background-color: #F6F6F6; | background-color: #F6F6F6; | ||
} | |||
} | |||
/* For small screens, fix the sidebar this way to avoid overlap when zooming */ | |||
@media (max-width:631px) | |||
{ | |||
div#mw-panel | |||
{ | |||
position: absolute; | |||
} | } | ||
} | } | ||
Revision as of 15:15, 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-width:632px)
{
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-width:631px)
{
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%;
}