MediaWiki:Vector.css: Difference between revisions

From OniGalore
Jump to navigation Jump to search
(slightly lighter addedline border)
(Undo revision 26623 by Iritscen (talk))
 
(15 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, as long as we are not on a small screen (e.g. a phone) */
** Improved diff-rendering
@media (min-device-width:481px)
** NOTE: These changes are "back-ported" from MW 1.20; remove if we upgrade.
*/
 
table.diff, td.diff-otitle, td.diff-ntitle
{
{
background-color: white;
  div#mw-panel
  {
    position:fixed;
    height:100%;
    /* Prevent content overlay when sidewards scrolling */
    background-color:#F6F6F6;
  }
}
}


td.diff-otitle,
/* For small screens, fix the sidebar this way to avoid overlap when zooming */
td.diff-ntitle
@media (max-device-width:480px)
{
{
text-align: center;
  div#mw-panel
  {
    position:absolute;
  }
}
}


/* The markers are the +/- signs besides the diff text blocks */
/* Darken the background for code tags just a tiny bit
td.diff-marker
** so code stands out more (default is 249, 249, 249)
*/
code
{
{
text-align: right;
    background-color: rgb(245, 245, 245);
font-weight: bold;
font-size: 1.25em;
}
 
td.diff-lineno
{
font-weight: bold;
}
}


/* Raise size of text in diff views to 100% since
** Vector makes them 88% by default
*/
td.diff-addedline,
td.diff-addedline,
td.diff-deletedline,
td.diff-deletedline,
td.diff-context
td.diff-context
{
{
font-size: 100%;
    font-size: 100%;
vertical-align: center;
white-space: -moz-pre-wrap;
white-space: pre-wrap;
}
 
/* Border style for diff text blocks */
td.diff-addedline,
td.diff-deletedline
{
border-style: solid;
        /* Note that the fourth border-width parameter is "left", so we're setting
            the thickness of the lefthand border higher than the other sides */
border-width: 1px 1px 1px 4px;
border-radius: 0.33em;
}
 
/* Border colors (mainly visible on left of each diff text block) */
td.diff-addedline
{
border-color: rgb(155,236,155);
}
td.diff-deletedline
{
border-color: rgb(255,228,156);
}
 
/* Highlight color for changed text */
td.diff-addedline .diffchange,
td.diff-deletedline .diffchange
{
background: rgb(215,175,255);
}
 
/* The context blocks are the gray text before and after the diff text blocks */
td.diff-context
{
background: rgb(242,242,242);
color: rgb(51,51,51);
border-style: solid;
border-width: 1px 1px 1px 4px;
border-color: rgb(230,230,230);
border-radius: 0.33em;
}
 
/* Style of actual changed text in diff blocks */
.diffchange
{
color: black;
font-weight: bold;
text-decoration: none;
}
 
table.diff
{
border: none;
width: 98%;
border-spacing: 4px;
 
/* Ensure that colums are of equal width */
table-layout: fixed;
}
 
td.diff-addedline .diffchange,
td.diff-deletedline .diffchange
{
border-radius: 0.33em;
padding: 0.25em 0;
}
 
table.diff td
{
padding: 0.33em 0.66em;
line-height: 1.65em;
}
 
table.diff col.diff-marker
{
width: 2%;
}
 
table.diff col.diff-content
{
width: 48%;
}
 
table.diff td div
{
/* Force-wrap very long lines such as URLs or page-widening char strings.*/
word-wrap: break-word;
 
/* As fallback (FF<3.5, Opera <10.5), scrollbars will be added for very wide cells
  instead of text overflowing or widening
*/
overflow: auto;
}
}

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"