MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
(attempting to fix sidebar mod on phones again) |
(adding CSS debugging code) |
||
Line 10: | Line 10: | ||
/* Prevent content overlay when sidewards scrolling */ | /* Prevent content overlay when sidewards scrolling */ | ||
background-color: #F6F6F6; | background-color: #F6F6F6; | ||
} | |||
body::before | |||
{ | |||
content: "hopefully this is a desktop"; | |||
font-weight: bold; | |||
display: block; | |||
text-align: center; | |||
background: rgba(255, 255, 0, 0.9); /* Semi-transparent yellow */ | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
z-index: 99; | |||
} | } | ||
} | } | ||
Line 19: | Line 33: | ||
{ | { | ||
position: absolute; | position: absolute; | ||
} | |||
body::before | |||
{ | |||
content: "hopefully this is a phone"; | |||
font-weight: bold; | |||
display: block; | |||
text-align: center; | |||
background: rgba(255, 255, 0, 0.9); /* Semi-transparent yellow */ | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
z-index: 99; | |||
} | } | ||
} | } |
Revision as of 15:27, 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; } body::before { content: "hopefully this is a desktop"; font-weight: bold; display: block; text-align: center; background: rgba(255, 255, 0, 0.9); /* Semi-transparent yellow */ position: absolute; top: 0; left: 0; right: 0; z-index: 99; } } /* For small screens, fix the sidebar this way to avoid overlap when zooming */ @media (max-width:631px) { div#mw-panel { position: absolute; } body::before { content: "hopefully this is a phone"; font-weight: bold; display: block; text-align: center; background: rgba(255, 255, 0, 0.9); /* Semi-transparent yellow */ position: absolute; top: 0; left: 0; right: 0; z-index: 99; } } /* 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%; }