MediaWiki:Vector.css: Difference between revisions

From OniGalore
Jump to navigation Jump to search
(revert; that was a bad idea)
(Undo revision 26623 by Iritscen (talk))
 
(27 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.
*/
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;
  }
}
}


td.diff-marker
/* Darken the background for code tags just a tiny bit
** 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.75em;
}
 
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: top;
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-addedline .diffchange
{
background: #d8ecff;
}
td.diff-deletedline .diffchange
{
background: #feeec8;
}
 
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;
}
 
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"