Team Fortress Wiki:April Fools' Day/2021/Main Page/Page.css

From Team Fortress Wiki
< Team Fortress Wiki:April Fools' Day‎ | 2021‎ | Main Page
Revision as of 00:31, 2 April 2021 by Wookipan (talk | contribs) (Center dialog box content)
Jump to: navigation, search

/* START TF95 Wiki by User:Wookipan */ @import url('http://fonts.cdnfonts.com/css/w95fa');

body {

 cursor: url('/w/images/0/02/User_Wookipan_tf95_cursor.png'), auto;

}

body.mediawiki {

 background: #c0c0c0 !important;

}

  • not(.wikiEditor-ui-text *) {
 font-family: 'W95FA', sans-serif !important;

}

/* W95 scrollbars by Lou Huang @ https://codepen.io/louh/pen/oZJQvm */

-webkit-scrollbar {
 width: 16px;
 height: 16px;

}

-webkit-scrollbar-track {
 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAFElEQVQIW2M4fPz0////GYAYyAIASnoKpV3w4kgAAAAASUVORK5CYII=');
 image-rendering: pixelated;

}

-webkit-scrollbar-track:active {
 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAEElEQVQIW2No6+pjgAAgCwAWogM9VKrgGQAAAABJRU5ErkJggg==');

}

-webkit-scrollbar-thumb {
 border-top: 1px solid #c3c7cb;
 border-left: 1px solid #c3c7cb;
 border-right: 1px solid black;
 border-bottom: 1px solid black;
 box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;
 width: 16px;
 height: 16px;
 background-color: #c3c7cb;
 z-index: 1;

}

-webkit-scrollbar-corner {
 background-color: #c3c7cb;

}

-webkit-resizer {
 width: 16px;
 height: 16px;
 background-color: #c3c7cb;
 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAN0lEQVR4Ae3MgQUAMBRDwU5fFF05lb/CARTBw2Ulof0DxPtcwp3hNuEYnjbcEW4TjuFpwx3h9gMWGgZ2Y/PT2gAAAABJRU5ErkJggg==');
 background-position: bottom right;
 background-repeat: no-repeat;
 image-rendering: pixelated;

}

-webkit-scrollbar-button,
-webkit-scrollbar-button {
 border-top: 1px solid #c3c7cb;
 border-left: 1px solid #c3c7cb;
 border-right: 1px solid black;
 border-bottom: 1px solid black;
 box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;
 display: block;
 width: 16px;
 height: 16px;
 background-color: #c3c7cb;
 image-rendering: pixelated;
 background-repeat: no-repeat;
 background-position: center center;

}

-webkit-scrollbar-button:active,
-webkit-scrollbar-button:active {
 background-position: 2px 2px;

}

-webkit-scrollbar-button:horizontal:decrement,
-webkit-scrollbar-button:horizontal:decrement {
 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHklEQVQY02NgoBT8xyX8H5fwf1zCpOjAYwceV1EEAAO2D/HsQ4vsAAAAAElFTkSuQmCC');

}

-webkit-scrollbar-button:horizontal:increment,
-webkit-scrollbar-button:horizontal:increment {
 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHUlEQVQY02NgIB/8xy3xH7fEf9wS/0nUQZqrKAYAK44P8ZRmzLQAAAAASUVORK5CYII=');

}

-webkit-scrollbar-button:vertical:decrement,
-webkit-scrollbar-button:vertical:decrement {
 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGklEQVR4AWMYxuA/SYphmETFhDX9x4mHGQAAcL4P8dQiMq8AAAAASUVORK5CYII=');

}

-webkit-scrollbar-button:vertical:increment,
-webkit-scrollbar-button:vertical:increment {
 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAF0lEQVQY02NgoBf4jwJxSOHQhcNAOgMAWWAP8Rv2U3UAAAAASUVORK5CYII=');

}

-webkit-scrollbar-button:horizontal:increment:start,
-webkit-scrollbar-button:horizontal:increment:start {
 display: none;

}

-webkit-scrollbar-button:horizontal:decrement:end,
-webkit-scrollbar-button:horizontal:decrement:end {
 display: none;

}

-webkit-scrollbar-button:vertical:increment:start,
-webkit-scrollbar-button:vertical:increment:start {
 display: none;

}

-webkit-scrollbar-button:vertical:decrement:end,
-webkit-scrollbar-button:vertical:decrement:end {
 display: none;

}

-webkit-scrollbar-button:active,
-webkit-scrollbar-button:active {
 border-top: 1px solid #868a8e;
 border-left: 1px solid #868a8e;
 border-bottom: 1px solid #868a8e;
 border-right: 1px solid #868a8e;
 box-shadow: none;

}

selection {
 background: #0000a8;
 color: #fff;

}

.mediawiki img:not(.mediawiki .free-hat-totally-legit-ad img) {

 filter: hue-rotate(32deg);

}

.mediawiki

 a:not(div.quality-tag a):not(.mediawiki a.mw-userlink):not(.mediawiki
   th.navbox-title
   a):not(.mediawiki .mp-content-header a):not(.mediawiki
   div.mp-content-header-alt
   a) {
 color: #000 !important;

}

.mediawiki #bodyContent a:hover {

 color: #2d49eb !important;

}

.mediawiki hr {

 background: unset !important;

}

.mediawiki td {

 border: none;

}

.mediawiki td[style*='\#79542B'] {

 border: none !important;

}

.mediawiki .noprint.plainlinks, .mediawiki .noprint.plainlinks span, .mediawiki th.header, .navbox-title, table.navbox th, .navbox-title, table.navbox th a, .mediawiki th.navbox-title:not(.mediawiki table#collapsibleTable0 th), .mediawiki table.infobox th, .mediawiki th#top-header, .mediawiki tr .mp-content-header, .mediawiki div.mp-content-header-alt {

 background-color: #000080 !important;
 color: #fff !important;

}

.mediawiki tbody, .mediawiki

 td:not(table.infobox tbody tr td):not(.mediawiki .ambox-delete, .mediawiki
   td.ambox-serious, .mediawiki td.ambox-text) {
 background-color: #c0c0c0 !important;
 border: 1px solid #fff;
 border-top: 1px solid #000;
 border-left: 1px solid #000;

}

.mediawiki table.infobox {

 border: none;

}

.mediawiki table.infobox tbody tr td {

 border: 1px solid #000 !important;

}

.mediawiki table.navbox {

 background-color: #fffcf7;
 border: 1px dotted #000 !important;

}

.mediawiki td.navbox-group font {

 color: #000;

}

.mediawiki #p-logo {

 background: unset !important;

} .mediawiki #p-search {

 background: #c0c0c0 !important;
 border: 1px solid #fff;
 border-right: 1px solid #000;
 border-bottom: none;

} .mediawiki #p-search #searchInput {

 background: #fff !important;
 border: 1px inset #7b7b7b !important;

} .mediawiki #p-search #searchButton {

 background: url(/w/images/c/ce/User_Wookipan_tf95_search_btn.png) top no-repeat !important;

}

.mediawiki div#bodyContent {

 background: #c0c0c0;
 padding: 1em;
 border: 2px solid #fff;
 border-right: 2px solid #000;

}

.mediawiki #mw-head {

 background: #008080;
 border: 1px solid #fff;

}

.mediawiki #mw-head div#p-personal a {

 color: #000 !important;

}

.mediawiki div#footer {

 background: unset !important;

}

.mediawiki #mw-panel {

 background-color: #c0c0c0;

}

  1. mw-navigation div.vectorTabs ul li,
  2. mw-navigation div.vectorMenu {
 color: #000 !important;
 border: 1px solid #fff;
 border-right: 1px solid #000;
 border-bottom: none;

}

  1. mw-navigation div.vectorMenu h3 span {
 color: #000;
 padding: 3px 0px 3px 20px;

}

  1. mw-navigation div.vectorMenu a,
  2. mw-navigation div.vectorMenu a span {
 color: #000 !important;

}

  1. mw-navigation div.vectorTabs ul li.selected {
 border-right: 2px solid #000;

}

  1. mw-navigation div.vectorTabs ul li *,
  2. mw-navigation div.vectorTabs ul li,
  3. mw-navigation div.vectorMenu {
 background: #c0c0c0 !important;
 color: #000 !important;
 border-radius: 4px 4px 0 0;
 font-family: inherit !important;
 text-transform: uppercase;

}

.mediawiki #mw-head-base {

 background: #018281;

} .mediawiki #content {

 background: #018281 !important;
 border: 1px solid #000 !important;

}

.mediawiki div#toc {

 background-color: inherit;
 border: 1px solid #fff;
 border-top: 1px solid #000;
 border-left: 1px solid #000;

}

.mediawiki .mw-wiki-logo {

 background-image: url('/w/images/5/5b/User_Wookipan_tfwiki95_logo.png');

}

.mediawiki .mw-changeslist-line td.mw-changeslist-line-inner {

 width: 100%;

}

.mediawiki li.gallerybox {

 border: 1px solid #000;

}

.mediawiki li.gallerybox .thumb, .mediawiki li.gallerybox .thumb img {

 background: #c0c0c0 !important;

}

.mediawiki div.mp-content-header-alt {

 border: none !important;

}

.mediawiki .mp-content-header a {

 color: #fff !important;

}

.mediawiki div.mp-content-header-alt a {

 color: #fff !important;

} .mediawiki .mp-content-table {

 background: #fefbf6;
 border: 1px dotted #000;

}

.tf95-box-container {

 width: 50em;
 background: #c0c0c0;
 border-width: 1px;
 border-color: #ffffff #808080 #808080 #ffffff;
 border-style: solid;
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 padding: 1px;
 z-index: 1;
 -webkit-user-select: none;
 -moz-user-select: none;
 -o-user-select: none;
 user-select: none;

}

.tf95-box-container span.tf95-btn:focus {

 outline: none;

}

div.tf95-box-title {

 height: 18px;
 width: 100%;
 background: #000080;
 color: #fff;

}

.tf95-box-title span {

 margin: 2px 0 0 1px;
 float: left;
 font-family: Tahoma !important;
 font-weight: bold;
 font-size: 11px;

}

.tf95-box-title span.tf95-btn {

 margin: 2px 2px 2px 0;
 float: right;
 width: 14px;
 height: 13.5px;
 color: gray;
 background: #c0c0c0;
 border-width: 1px;
 border-color: #ffffff #808080 #808080 #ffffff;
 padding: 0;
 font-size: 9px;
 font-weight: bold;
 text-align: center;

}

div.tf95-box-body {

 padding: 1em;
 text-align: center;
 font-size: 0.9rem;

}

div.tf95-box-body span.tf95-btn {

 display: block;
 position: relative;
 width: 100px;
 background: #c0c0c0;
 outline: 1px solid #000000;
 border-width: 1px;
 border-style: solid;
 border-color: #ffffff #808080 #808080 #ffffff;
 font-family: Tahoma !important;
 padding: 4px 10px;
 margin: 20px auto 3px;
 bottom: 0px;
 cursor: pointer;

}

div.tf95-box-body span.tf95-btn:active {

 border: 2px inset;

}

@media only screen and (max-device-width: 420px) {

 .tf95-box-container {
   display: none !important;
 }

} /* END TF95 Wiki */