Difference between revisions of "User:Sandvich Thief/common.css"

From Team Fortress Wiki
Jump to: navigation, search
(gave meself the tf95 theme)
 
m (removed tf95)
(Tag: Blanking)
 
Line 1: Line 1:
/* 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;
 
}
 
 
.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;
 
  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 */
 

Latest revision as of 12:50, 27 August 2021