MediaWiki:Vector.css: Difference between revisions

From OniGalore
Jump to navigation Jump to search
(diffchanges now black, not red)
(Undo revision 26623 by Iritscen (talk))
 
(36 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) */
** Diff rendering
@media (min-device-width:481px)
** NOTE: These changes are "back-ported" from MW 1.20; remove if we upgrade.
{
*/
  div#mw-panel
table.diff, td.diff-otitle, td.diff-ntitle {
  {
background-color: white;
    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;
  }
}
}


td.diff-marker {
/* Darken the background for code tags just a tiny bit
text-align: right;
** so code stands out more (default is 249, 249, 249)
font-weight: bold;
*/
font-size: 1.25em;
code
}
{
 
    background-color: rgb(245, 245, 245);
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%;
{
vertical-align: top;
    font-size: 100%;
white-space: -moz-pre-wrap;
white-space: pre-wrap;
}
 
td.diff-addedline,
td.diff-deletedline {
border-style: solid;
border-width: 1px 1px 1px 4px;
border-radius: 0.33em;
}
 
td.diff-addedline {
border-color: #a3d3ff;
}
 
td.diff-deletedline {
border-color: #ffe49c;
}
 
td.diff-context {
background: #F2F2F2;
color: #333333;
border-style: solid;
border-width: 1px 1px 1px 4px;
border-color: #e6e6e6;
border-radius: 0.33em;
}
 
.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;
}
 
td.diff-addedline .diffchange {
background: #d8ecff;
}
 
td.diff-deletedline .diffchange {
background: #feeec8;
}
 
table.diff td {
padding: 0.33em 0.66em;
}
 
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%;
}