MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
body {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEECAIAAABmzcnZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEySURBVDhPVVOJEcMwCIMM03b/AePqw3Gux9k8kgCn9ft+rqqSrZy9cDZsNWILdxjjR01VI7+uhToEN74RF4Y+cH1fuJMjONSKQ5wtLdXpdF51uIuPPk2+NauBA+fGiYd81LqFX6iRVmrEedj0+qrZmphB/SG2se7XeyEW+ooTg/jkdTI/ufjDiXM4uIMFf7RHx3zEPHj5zGn2um71YPPewh1f+sTj1zffBD7nVJw9PP0/Wq7xu4cjvbqWvXjX6vGYQ6di2P/MKAywyh29oh/VkSucJ//m5J0x+eZwb5hjtIUJb/Izn3cZXZ7DI1xqcn+/t3UHp3hyE9NeWav66Cvv/qizd4p+GvO+v5PgYN7B6Rvj73JO5tOnvnVyWEv1ssSpm3145rzX/HfUlzUZ9y7hV/0BVBvCVaztWlwAAAAASUVORK5CYII=);
background-position: 0 60px;
background-repeat: repeat-x;
background-color: #1a1a1a;
}
/*
body {
background-image: url(https://developer.valvesoftware.com/w/images/8/84/Wiki_background.png);
background-position: 0 60px;
background-size: cover;
background-color: #1a1a1a;
}
*/
#p-cactions {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAIAAADITs03AAAARklEQVQY0+2NwQmAAAzE0ttFdADF/RczPlp9OIOPcBACx3nsAX4+CAHjRSgDFTQ6HoJEDDbtjMV0vYXTPc5Q1V/6fi7rdgO7QiS9eARs4gAAAABJRU5ErkJggg==);
background-position: bottom left;
background-repeat: repeat-x;
white-space: nowrap;
}
#mw-panel .portal .body {
margin-left: 0.5em;
padding-top: 0.1em;
background-image: none;
background-repeat: no-repeat
}
#mw-panel #p-logo + .portal h3 {
display: revert;
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
color: #d1d1d1;
text-decoration: none;
}
div.vectorTabs li a, #p-cactions-label span {
color: #9e9c9a;
}
div.vectorMenu div.menu {
border: none;
}
div.vectorMenu li a {
background-color: #303030;
color: #9e9c9a;
}
#pt-userpage, #pt-anonuserpage {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill=%22white%22 d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill=%22white%22 d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E");
}
div.vectorMenu h3 span:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='white'/%3E%3C/svg%3E") !important;
}
.postedit:after {
display: revert;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M3.636 2.222l14.142 14.142-1.414 1.414L2.222 3.636z' fill='white'/%3E%3Cpath d='M17.778 3.636L3.636 17.778l-1.414-1.414L16.364 2.222z' fill='white'/%3E%3C/svg%3E") !important;
}
.mw-notification {
color: #d1d1d1;
padding: 0.75em 1.5em;
margin-bottom: 0.5em;
border: solid 1px #525252;
background-color: #303030;
}
body.page-Main_Page #content {
background-image: url(https://developer.valvesoftware.com/w/images/c/cc/Main_Page_background.png);
background-repeat: no-repeat;
background-size: cover;
}
#mw-panel div.portal div.body ul li a, #mw-panel div.portal div.body ul li a:visited, div.body #footer ul li a {
color: #9e9c9a !important;
}
#footer #footer-places li a, #footer #footer-places li a:visited, #footer #footer-places li a:active {
color: #9e9c9a !important;
}
#pagehistory li.selected {
color: #b9b7b5 !important;
}
a:link, .mw-parser-output a.extiw, a:visited, .mw-parser-output a.extiw:visited {
color: rgb(100, 140, 200);
}
/*
a:visited, .mw-parser-output a.extiw:visited {
color: rgb(160, 140, 200);
}
*/
a:active, .mw-parser-output a.extiw:active {
color: rgb(220, 140, 200);
}
a.new, a.new:visited, .mw-plusminus-neg {
color: #bf6060 !important;
}
.mw-plusminus-pos {
color: #629360 !important;
}
#searchform {
background-color: transparent !important;
}
#simpleSearch {
background-size: contain !important;
background-clip: border-box !important;
}
div#content {
border-radius: 0px 0px 0px 4px;
}
.catlinks {
height: auto;
border-radius: 4px;
background-color: #303030;
}
.catlinks li {
border-left: 1px solid #505050;
}
#p-personal li a {
color: #dcdedf;
}
#p-personal li a:hover {
background-color: transparent;
color: #fff;
padding-bottom: .2em;
}
/* diffs */
table.diff {
background-color: #202020;
color: white;
border: 1px solid #666666;
border-radius: 4px;
}
td.diff-otitle, td.diff-ntitle {
background-color: #292929;
color: #D8D7D6;
border-radius: 4px;
}
td.diff-deletedline, td.diff-addedline {
color: #D8D7D6;
background-color: #404040;
border-color: #666;
}
td.diff-context {
background: #303030;
color: #D8D7D6;
border-color: transparent;
}
.diffchange {
color: white;
font-weight: normal !important;
}
.diff-addedline .diffchange {
background: #194C7D;
}
.diff-deletedline .diffchange {
background: #B78100;
}
#mw-indicator-mw-helplink a {
background-image: unset;
}
.mw-changeslist-legend {
background-color: #3c3c3c;
border: 1px solid rgb(255 255 255 / 20%);
border-radius: .35em;
}
div.mw-changeslist-legend strong::after {
content: " ";
}
fieldset {
background-color: #2b2b2b;
border: 1px solid rgb(255 255 255 / 20%);
border-radius: .35em;
margin: 1em 0 1em 0;
padding: 0 1em 1em;
line-height: 1.5em;
}
.oo-ui-panelLayout-framed {
background-color: #2b2b2b;
border: 1px solid #a2a9b1;
border-radius: 2px
}
table.standard-table th {
background: #272727;
color: #b9b7b5;
text-align: center;
border-top: none;
padding: 5px;
}
table.standard-table td {
padding: 5px;
}
legend {
font-weight: bold;
}
.hideifnotnew {
display: none;
}
.new + .hideifnotnew {
display: initial;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
background-color: #c8c8c8;
color: #222;
border-color: #a2a9b1
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
background-color: #dbdbdb;
color: #444;
border-color: #a2a9b1
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
background-color: #b5b5b5;
color: #000;
border-color: #72777d;
box-shadow: none
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #b7b7b7;
background-color: #1e1e1e;
border-color: #444;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: #474747;
color: #cacaca;
border-color: #515151
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active:focus,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
background-color: #5e5e5e;
color: #cacaca;
border-color: #72777d;
box-shadow: none
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
border-color: #2d2d2d;
box-shadow: inset 0 0 0 1px #515151
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
border-color: #2d2d2d
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
background-color: #202020;
border-color: #252525;
box-shadow: inset 0 0 0 1px #383838
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span {
background-color: #2d2d2d;
border-color: #515151
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
box-shadow: inset 0 0 0 1px #383838,inset 0 0 0 2px #fff
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span {
background-color: #202020;
border-color: #252525;
box-shadow: inset 0 0 0 1px #222
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span {
background-color: #202020;
border-color: #252525;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span {
background-color: #494949;
border-color: #777
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
border-color: #979797;
box-shadow: inset 0 0 0 1px #868686,inset 0 0 0 2px #6d6d6d
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
border-color: #4d4d4d;
box-shadow: inset 0 0 0 1px #333,inset 0 0 0 2px #3c3c3c
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus {
border: none;
box-shadow: none;
}
/* gallery images */
li.gallerybox div.thumb img {
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: pixelated;
image-rendering: optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;
image-rendering: crisp-edges;
}
li.gallerybox div.thumb {
border: 1px solid #5e5e5e;
background-image: url(data:image/gif;base64,R0lGODlhCgAKAKECADAwMEdHR15eXl5eXiH5BAEKAAIALAAAAAAKAAoAAAIRhB2ZhxoM3GMSykqd1VltzxQAOw==);
}
/* names */
a[class="mw-userlink"][title="User:Al Farnsworth"],
a[class="mw-userlink"][title="User:Alfred"],
a[class="mw-userlink"][title="User:BrynMoslow"],
a[class="mw-userlink"][title="User:CrematorBot"],
a[class="mw-userlink"][title="User:Csham"],
a[class="mw-userlink"][title="User:Coreyp"],
a[class="mw-userlink"][title="User:David Speyrer"],
a[class="mw-userlink"][title="User:DougWood"],
a[class="mw-userlink"][title="User:EricS"],
a[class="mw-userlink"][title="User:Erik Johnson"],
a[class="mw-userlink"][title="User:Gabe Newell"],
a[class="mw-userlink"][title="User:GregC"],
a[class="mw-userlink"][title="User:GregCoomer"],
a[class="mw-userlink"][title="User:Gvengel"],
a[class="mw-userlink"][title="User:Ido"],
a[class="mw-userlink"][title="User:JasonRuymen"],
a[class="mw-userlink"][title="User:Jay Stelly"],
a[class="mw-userlink"][title="User:JeffLane"],
a[class="mw-userlink"][title="User:JeffLaneBot"],
a[class="mw-userlink"][title="User:JoeLudwig"],
a[class="mw-userlink"][title="User:Johnc"],
a[class="mw-userlink"][title="User:Jsutton"],
a[class="mw-userlink"][title="User:Karlw"],
a[class="mw-userlink"][title="User:KenBanks"],
a[class="mw-userlink"][title="User:Lombardi"],
a[class="mw-userlink"][title="User:Martino"],
a[class="mw-userlink"][title="User:Matt Boone"],
a[class="mw-userlink"][title="User:Matt Wood"],
a[class="mw-userlink"][title="User:Mdurand"],
a[class="mw-userlink"][title="User:MikeBooth"],
a[class="mw-userlink"][title="User:Mikeblas"],
a[class="mw-userlink"][title="User:MikeDussault"],
a[class="mw-userlink"][title="User:PabloS"],
a[class="mw-userlink"][title="User:Robin Walker"],
a[class="mw-userlink"][title="User:Steve Bond"],
a[class="mw-userlink"][title="User:SteveB"],
a[class="mw-userlink"][title="User:Tomqbui"],
a[class="mw-userlink"][title="User:VDCBot"],
a[class="mw-userlink"][title="User:Yahnbernier"],
a[class="mw-userlink"][title="User:YasserMalaika"] {
background-color: #3C3C3C !important;
color: #ACACAC !important;
font-weight: normal !important;
margin: 0 2px 0 2px;
padding: 0 3px 0 2px
}