MediaWiki:Common.css: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
(site upgrade)
Tag: Replaced
 
(3 intermediate revisions by one other user not shown)
Line 1: Line 1:
body {
/* Main Page background */
    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 {
body.page-Main_Page #content {
    background-image: url(https://developer.valvesoftware.com/w/images/c/cc/Main_Page_background.png);
    background-image: url(https://developer.valvesoftware.com/w/images/c/cc/Main_Page_background.png);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    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 {
/* Language Links */
    color: #9e9c9a !important;
}


#footer #footer-places li a, #footer #footer-places li a:visited, #footer #footer-places li a:active {
.hideifnotnew {
color: #9e9c9a !important;
display: none;
}
 
#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 {
.new + .hideifnotnew {
display: initial;
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
}
}

Latest revision as of 16:48, 27 November 2024

/* Main Page background */
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;
}

/* Language Links */

.hideifnotnew {
display: none;
}
.new + .hideifnotnew {
display: initial;
}