MediaWiki:Vector.css: Difference between revisions

From OniGalore
Jump to navigation Jump to search
(let's see if we can make code stand out just a bit more)
(removed styling for diff-gazing that was back-ported from MW 1.20 now that we have upgraded past 1.20)
Line 17: Line 17:
{
{
     background-color: rgb(245, 245, 245);
     background-color: rgb(245, 245, 245);
}
/*
** Improved diff-rendering
** 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;
}
td.diff-otitle,
td.diff-ntitle
{
text-align: center;
}
/* The markers are the +/- signs besides the diff text blocks */
td.diff-marker
{
text-align: right;
font-weight: bold;
font-size: 1.25em;
}
td.diff-lineno
{
font-weight: bold;
}
td.diff-addedline,
td.diff-deletedline,
td.diff-context
{
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;
}
}

Revision as of 22:12, 2 August 2017

/* CSS placed here will affect users of the Vector skin */

/* Fix the sidebar in place when scrolling */
div#mw-panel
{
  position: fixed;
  height: 100%;
  /* Prevent content overlay when sidewards scrolling */
  background-color: #F6F6F6;
  border-right: 1px solid #A7D7F9;
}

/* 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);
}