MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
(attempting to fix sidebar mod on phones) |
|||
| (5 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
/* Fix the sidebar in place when scrolling, as long as we are not on a small screen (e.g. a phone) */ | /* Fix the sidebar in place when scrolling, as long as we are not on a small screen (e.g. a phone) */ | ||
@media (min-width: | @media (min-device-width:481px) | ||
{ | { | ||
div#mw-panel | div#mw-panel | ||
{ | { | ||
position: fixed; | position:fixed; | ||
height: 100%; | height:100%; | ||
/* 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-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%;
}