MediaWiki:Vector.css: Difference between revisions

From OniGalore
Jump to navigation Jump to search
(adding CSS debugging code)
(Undo revision 26623 by Iritscen (talk))
 
(3 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:632px)
@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;
  }
 
  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 */
/* For small screens, fix the sidebar this way to avoid overlap when zooming */
@media (max-width:631px)
@media (max-device-width:480px)
{
{
   div#mw-panel
   div#mw-panel
   {
   {
     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;
   }
   }
}
}

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%;
}
Retrieved from "https://wiki.oni2.net/w/index.php?title=MediaWiki:Vector.css&oldid=26625"