Jump to content

Wikipedia:AutoWikiBrowser/style.css

From Wikipedia, the free encyclopedia

This is the format of the style.css file needs to be if you wish to use a custom css sheet for indicating and displaying diffs in AWB.

Create a file called "style.css" and put it in your AWB directory (same directory as AutoWikiBrowser.exe), you can then use the custom CSS.

Current style

[edit]

From AWB 5.4.0.0 onwards the MediaWiki blue diff style is used.

/* suppress whitespace padding by C# WebBrowser, see
http://stackoverflow.com/questions/15033023/white-space-padding-in-webbrowser-control */
html,
body {
    margin: 0;
}

/*
** Diff rendering
*/
table.diff,
td.diff-otitle,
td.diff-ntitle {
    background-color: white;
}

td.diff-otitle,
td.diff-ntitle {
    text-align: center;
}

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: 88%;
    vertical-align: top;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}

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: #f3f3f3;
    color: #333333;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    border-color: #e6e6e6;
    border-radius: 0.33em;
}

.diffchange {
    font-weight: bold;
    text-decoration: none;
}

table.diff {
    border: none;
    width: 100%;
    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.25em 0.25em;
}

table.diff col.diff-marker {
    width: 1.5%;
}

table.diff col.diff-content {
    width: 48.5%;
}

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;
}

Old style

[edit]

This is the old standard/default AWB style for versions up to 5.3.1.0 (yellow/red/green):

td{
	border: 1px solid white;
}

table.diff, td.diff-otitle, td.diff-ntitle {
	background-color: white;
	border: 1px solid gray;
        font-family: Arial, san-serif; font-size: 12pt;
}
td.diff-addedline {
	background: #cfc;
	font-size: smaller;
}
td.diff-deletedline {
	background: #ffa;
	font-size: smaller;
}
td.diff-context {
	background: #eee;
	font-size: smaller;
}
.diffchange {
	color: red;
	font-weight: bold;
	text-decoration: none;
}

td.diff-deletedline span.diffchange {
	background-color: #FFD754; color:black;
}

td.diff-addedline span.diffchange {
	background-color: #73E5A1; color:black;
}

.d{
	overflow: auto;
}