Makes Pokemon Showdown look closer to how it did in 2012.
POKEMON SHOWDOWN 2012 by griffenhiggins
Details
Authorgriffenhiggins
LicenseNo License
Categoryhttps://pokemonshowdown.com/
Created
Updated
Size4.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Tested on Firefox at 100% zoom at 1920x1080 resolution, should work all levels of zoom and at all resolutions but it doesn't work properly on Edge, should work properly on Chrome.
Source code
/* ==UserStyle==
@name POKEMON SHOWDOWN 2012
@version 20240517.18.59
@namespace https://userstyles.world/user/griffenhiggins
@description Makes Pokemon Showdown look closer to how it did in 2012.
@author griffenhiggins
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://pokemonshowdown.com/"), url-prefix("https://replay.pokemonshowdown.com/") {
.body, html {
background: #fff !important;
}
header {
background: -moz-linear-gradient(top, #E1E8F2, #D1E1F2);
background: linear-gradient(top, #E1E8F2, #D1E1F2);
background: -webkit-gradient(top, #E1E8F2, #D1E1F2);
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .6), 0px 2px 2px rgba(0, 0, 0, .15);
border-bottom: 1px solid #b7b7b7;
height: 46px;
}
.nav {
margin-top: 0px;
}
.nav a.cur, .nav a.cur:hover {
color: #777777;
background: #f8f8f8;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
border: solid 1px #AAAAAA;
}
.nav a {
background: -moz-linear-gradient(top, #f6f6f6, #e3e3e3);
background: linear-gradient(top, #f6f6f6, #e3e3e3);
background: -webkit-gradient(top, #f6f6f6, #e3e3e3);
color: #222222;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
border: solid 1px #AAAAAA;
text-shadow: 0 1px 0 rgba(255,255,255,.4);
font-weight: 100;
height: 12px;
line-height:12px;
margin-top: 2px;
border-radius: 0px;
}
.nav a:hover {
background: -moz-linear-gradient(top, #f2f2f2, #cfcfcf);
background: linear-gradient(top, #f2f2f2, #cfcfcf);
background: -webkit-gradient(top, #f2f2f2, #cfcfcf);
border-color: #606060;
}
.nav a.greenbutton, .mainbutton .button {
background: -moz-linear-gradient(top, hsl(100,30%,97%), hsl(100,30%,84%));
background: linear-gradient(top, hsl(100,30%,97%), hsl(100,30%,84%));
background: -webkit-gradient(top, hsl(100,30%,97%), hsl(100,30%,84%));
border-color: hsl(100,30%,70%);
border-radius: 6px;
}
.nav a.greenbutton:hover, .mainbutton .button:hover {
background: -moz-linear-gradient(top, hsl(100,30%,94%), hsl(100,30%,77%));
background: linear-gradient(top, hsl(100,30%,94%), hsl(100,30%,77%));
background: -webkit-gradient(linear, left top, left bottom, from(hsl(100,30%,97%)), to(hsl(100,30%,84%)));
border-color: hsl(100,30%,41%);
}
.mainbutton .button {
color: #222222;
font: 11pt Verdana, sans-serif;
font-weight: bold;
display: block;
width: 180px;
margin-left: 20px;
}
.linklist a {
padding: 3px 7px 4px 7px;
box-shadow: 1px 1px 1px #D5D5D5;
}
.linklist a:hover {
border: 1px solid #8899AA;
background: #F1F4F9;
}
}
@-moz-document url("https://pokemonshowdown.com/") {
.body {
padding-bottom: 0;
}
.left iframe {
visibility: hidden;
}
.left {
visibility: visible;
content: url("https://web.archive.org/web/20121103033240im_/https://pokemonshowdown.com/images/desktopui.png");
border: 1px solid #AAAAAA;
box-shadow: 3px 3px 3px rgba(0,0,0,.2);
width: 549px !important;
height: 288px !important;
cursor: pointer;
}
h1 {
background: -moz-linear-gradient(top, #E1E8F2, #FFFFFF);
background: linear-gradient(top, #E1E8F2, #FFFFFF);
background: -webkit-gradient(top, #E1E8F2, #FFFFFF);
border-top: 1px solid #AAAAAA;
margin: 20px -15px 0 -15px;
padding: 5px 15px 15px 15px;
color: #212F43;
font-size: 20pt;
}
.button {
box-shadow: 0 1px 2px rgba(0,0,0,.2),inset 0 -1px 2px #fff;
border-radius: 5px;
color: #222;
text-shadow: 0 1px 0 #fff;
border: 1px solid #aaa;
background: linear-gradient(to bottom,#f6f6f6,#d3d3d3);
}
.button:hover {
background:linear-gradient(to bottom,#f2f2f2,#b2b2b2);
border-color:#606060
}
.hlinklist .blocklink {
box-shadow: 1px 1px 1px #D5D5D5;
}
}
@-moz-document url-prefix("https://play.pokemonshowdown.com/") {
.siderooms .roomtab, .tabbar a.cur + .closebutton, .mainmenufooter {
display: none !important;
}
.header .logo {
margin-left: 45%;
position: relative;
z-index: 1;
}
.header {
background: #E1E8F2;
height: 45px;
}
.maintabbarbottom {
background: #E1E8F2;
border-top: #fff0
}
body {
background: #f8f8f8 !important;
}
.mainmenuwrapper {
background: #E1E8F2;
border-right: 1px solid #b7b7b7;
width: 49%
}
.ps-room:nth-of-type(2) {
margin-top: -6px;
}
.ps-room {
margin-top: -5px;
}
.menugroup {
display: block;
margin: 2px 0px 8px 0px;
padding: 3px 7px 4px 7px;
border: 1px solid #BBCCDD;
background: #F8FBFD;
border-radius: 4px;
color: #336699;
text-shadow: #ffffff 0px -1px 0;
box-shadow: 1px 1px 1px #D5D5D5;
margin-left: 12px;
}
.tabbar li, .tabbar ul {
position: relative;
z-index: 2;
}
.tabbar {
margin-left: 30px !important;
}
.tabbar a {
border-radius: 5px !important;
}
.tabbar li .button.cur {
border-bottom: 1px solid #00000029 !important;
height: 27px;
}
}