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 20:47, 3 April 2024 by Wookipan (talk | contribs) (Fix broken styling on the tabs due to a global style change)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
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;
}

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

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

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

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

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

#mw-navigation .vectorTabs ul li:before,
#mw-navigation .vectorTabs ul li.selected:before,
#mw-navigation .vectorTabs ul li:after,
#mw-navigation .vectorTabs ul li.selected:after{
    background: #c0c0c0 !important;
}

#mw-navigation .vectorTabs ul li {
    margin-left: 5px !important;
}

.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 */