@-moz-document domain("play.pokemonshowdown.com"), domain("psim.us") {
body {
background: #222 url("https://i.imgur.com/Gj3Acia.jpg") bottom left no-repeat!important;
background-size: cover!important;
}
.dark body {
background: #222 url("https://i.imgur.com/QHaX9wp.png") bottom left no-repeat!important;
background-size: cover!important;
}
.dark .pmbox a, .dark a.ilink {
color: #9999ff;
text-decoration: none;
}
.dark .pmbox a:hover, .dark .userdetails a.ilink:hover {
color: #9999ff;
text-decoration: underline;
}
.dark a:visited, .dark a.ilink.yours {
color: #b399ff !important;
}
.dark ::-webkit-scrollbar {
width: 10px;
}
.dark ::-webkit-scrollbar-track {
background: #0d0d0d;
border-color: #2a2a2a;
}
.dark ::-webkit-scrollbar-thumb {
background: #333;
border-color: #2a2a2a;
}
.dark ::-webkit-scrollbar-thumb:hover {
background: #3a3a3a;
border-color: #2a2a2a;
}
/*
* TOP BAR OF TABS?
*/
.dark .maintabbarbottom {
background: #333;
border-color: #1a1a1a;
}
.dark .tabbar a.button {
background: #222;
box-shadow: none !important;
border-color: #1a1a1a;
color: #ccc;
text-shadow: none !Important;
}
.dark .tabbar a.button:hover {
background: #1a1a1a;
box-shadow: none !important;
border-color: #1a1a1a;
color: #ccc;
}
.dark .tabbar a.button.subtle-notifying {
color: #9999ff !important;
}
.dark .fa-times-circle:before {
content: "\00d7";
font-size: 16px !Important;
}
.dark .closebutton {
color: #888;
}
.dark .closebutton:hover {
color: #AF3B3B;
}
.dark .tabbar a.button.notifying {
background: #9999ff;
border-color: #1a1a1a;
color: #1a1a1a !Important;
text-shadow: none !important;
}
.dark .tabbar a.button.notifying:hover {
background: #8888ff;
border-color: #1a1a1a;
color: #1a1a1a;
}
.dark .button.cur,
.dark .button.cur:hover,
.dark .tabbar a.button.cur,
.dark .tabbar a.button.cur:hover {
background: #333 !important;
border-color: #1a1a1a !important;
color: #e6e6e6 !important;
}
.dark .userbar button.icon {
background: transparent;
border: none;
box-shadow: none;
padding: 0px;
width: 24px;
color: #eee;
}
.dark .userbar button.icon:hover {
background: transparent;
border: none;
box-shadow: none;
padding: 0px;
color: #9999ff;
}
.dark .fa.fa-user {
color: #9999ff !Important;
}
.dark .header {
background: rgba(0, 0, 0, 0.4) url("https://i.imgur.com/XMrBzR0.png") no-repeat !important;
}
.header .logo,
.dark .header .logo {
opacity: 0!important;
}
.dark .maintabbar .overflow .button {
background: #333;
border-color: #1a1a1a;
box-shadow: none;
}
.dark .maintabbar .overflow .button:hover {
background: #3a3A3A;
border-color: #1a1a1a;
box-shadow: none;
}
/*
* SIDE BUTTONS THING
*/
.dark .menugroup {
background: #2226;
border-radius: 0px;
}
.dark .menugroup .button,
.dark .menugroup .select.formatselect {
background: #222 !important;
border-color: transparent;
box-shadow: none;
color: #eee;
border-radius: 0px;
}
.dark .menugroup .button:hover,
.dark .menugroup .select.formatselect:hover {
background: #2a2a2a !important;
border-color: transparent;
box-shadow: none;
color: #eee;
border-radius: 0px;
filter: drop-shadow(0px 0px 1px #333)
}
.dark .menugroup .button:focused,
.dark .menugroup .select.formatselect:focused {
background: #2a2a2a !important;
border-color: #1a1a1a !important;
box-shadow: none;
color: #eee;
border-radius: 0px;
filter: drop-shadow(0px 0px 1px #333)
}
.dark .mainmenuwrapper .menugroup .button.disabled,
.dark .mainmenuwrapper .menugroup .button.disabled:hover,
.dark .mainmenuwrapper .menugroup .button.disabled:active {
border-color: #1a1a1a !important;
}
.dark .select:after {
color: #eee;
}
.dark .select:disabled {
background: rgba(53, 53, 53, .4);
border-color: transparent !important;
}
.dark .teamselect:disabled strong {
color: #ccc;
}
.dark .menugroup .checkbox {
color: #ccc
}
.dark .menugroup .checkbox:hover {
background: transparent;
color: #9999ff;
}
.dark .menugroup .select {
background: #222;
color: #eee;
border-color: transparent;
}
.dark .menugroup .select:hover {
background: #2a2a2a;
color: #eee;
border-color: transparent;
}
.dark .menugroup .label {
margin-bottom: 4px;
}
.dark .menugroup .roomlist a.ilink {
background: rgba(23, 23, 23, .6) !important;
border-color: #333;
color: #eee;
padding-top: 4px;
padding-bottom: 4px;
}
.dark .menugroup .roomlist a.ilink:hover {
background: rgba(33, 33, 33, .6) !important;
border-color: #333;
color: #eee;
padding-top: 4px;
padding-bottom: 4px;
}
.battleform button {
background: #222;
color: #eee;
border: 1px solid #1a1a1a;
padding: 4px 4px 4px 4px;
}
.battleform button:hover {
background: #2a2a2a;
color: #eee;
border: 1px solid #1a1a1a;
filter: drop-shadow(0px 0px 1px #333)
}
/* side bottom links */
.dark .mainmenufooter a {
color: #9999ff;
text-decoration: none;
}
.dark .mainmenufooter a:hover {
color: #9999ff;
text-decoration: underline;
}
.dark .mainmenufooter a:visited {
color: #7676ff;
}
/* pms, private museums */
.dark .minimizebutton {
color: #888 !important;
}
.dark .minimizebutton:hover {
color: #666 !important;
}
.dark .fa-minus-circle:before {
content: "\2212";
}
.pm-minimized .minimizebutton .fa-minus-circle:before {
content: "\002B";
}
.dark .pm-window h3 {
background: rgba(34, 34, 34, .9);
color: #eee;
border-color: #1a1a1a;
}
.dark .pm-log {
background: rgba(18, 18, 18, .85);
border-color: #1a1a1a;
color: #eee;
}
.dark .pm-log .chat.mine {
background: rgba(150, 150, 150, .03);
}
.dark .pm-window h3.pm-notifying {
background: #9999ff;
color: #1a1a1a;
}
.dark .pm-window.focused h3 {
background: #2a2a2a;
color: #eee;
border-color: #1a1a1a;
}
.dark .pm-window.focused .pm-log {
border-color: #1a1a1a;
background: rgba(22, 22, 22, .85);
color: #eee;
}
.dark .pm-log-add {
border-color: #1a1a1a;
background: #222;
color: #eee;
}
.dark .pm-window.focused .pm-log-add {
border-color: #1a1a1a;
background: #222;
color: #eee;
}
.dark .pm-window .textbox {
background: #333;
border-color: #1a1a1a;
border-radius: 0px;
color: #eee;
}
.dark .pm-window .textbox:focus {
box-shadow: none !Important;
background: #3a3a3a;
}
.dark .newsentry {
border-color: #9999ff;
}
.fa {
text-shadow: 1px 1px #222 !important;
}
.dark .userlist-minimized,
.dark .pm-buttonbar button {
background: #333;
color: #ccc;
border-color: #555;
}
.dark .userlist-minimized:hover,
.dark .pm-buttonbar button:hover {
background: #444;
color: #ccc;
border-color: #555;
}
.dark .challenge {
background: #111;
border-color: #1a1a1a;
color: #eee;
}
.dark .challenge .select.formatselect,
.dark .challenge .select.teamselect {
background: #222 !important;
border-color: transparent;
box-shadow: none;
color: #eee;
border-radius: 0px;
}
.dark .challenge .select.formatselect:hover {
background: #2a2a2a !important;
border-color: transparent;
box-shadow: none;
color: #eee;
border-radius: 0px;
filter: drop-shadow(0px 0px 1px #333)
}
.dark .challenge .checkbox {
color: #ccc
}
.dark .challenge .checkbox:hover {
background: transparent;
color: #9999ff;
}
.dark .unread {
background: rgba(153, 153, 255, .2)
}
/*
* BATTLE CSS because ???
*/
.dark .battle-controls {
background: transparent;
}
.dark .ps-room.ps-room-opaque {
background: rgba(12, 12, 12, .9);
border-color: #2a2a2a;
}
.dark .battle-log {
background: rgba(24, 24, 24, .7);
border-color: #1a1a1a;
color: #eee;
}
.dark .message-log h2 {
background: linear-gradient(to right, #222, #222, #222, #222, transparent, transparent, transparent, transparent, transparent, transparent, transparent, transparent, transparent);
border-color: transparent
}
.dark .battle-log .chat.mine {
background: rgba(150, 150, 150, .03);
}
.dark .battle-log .chat > em {
color: #eee;
}
.dark .chat > strong {
color: #9999ff;
}
.dark .message-log .rated strong {
background: #9999ff;
color: #333;
}
.dark .battle-log-add {
border-color: #1a1a1a;
background: #222;
color: #eee;
}
.dark .battle-log-add .textbox {
background: #333;
border-color: #1a1a1a;
border-radius: 0px;
color: #eee;
}
.dark .battle-log-add .textbox:focus {
box-shadow: none !Important;
background: #3a3a3a;
}
.dark .rightbar,
.dark .leftbar {
background: rgba(53, 53, 53, .65);
color: #9999ff;
border-color: #333
}
.dark .message-error {
color: #cc6666
}
.dark .battle-controls .button {
background: #222;
border: 1px solid #1a1a1a;
color: #eee;
box-shadow: none;
border-radius: 0px;
}
.dark .battle-controls p button {
background: #222;
border: 1px solid #1a1a1a;
color: #eee;
box-shadow: none;
border-radius: 0px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 5px;
padding-right: 5px;
}
.dark .button.disabled,
.dark .button.disabled:hover,
.dark .button.disabled:active {
background: #2a2a2a;
color: #ccc;
border-color: #1a1a1a;
}
.dark .battle-controls .button:hover,
.dark .battle-controls button:hover {
background: #2a2a2a;
}
.dark .timerbutton-on,
.dark .timerbutton-on:hover {
color: #cc6666 !important;
}
.dark .rightbar .trainersprite::before {
content: attr(title);
display: block;
color: #d9d9d9;
font-size: 10px;
margin-top: 150px;
margin-left: 10px !Important;
position: absolute;
font-weight: bold;
}
.dark .leftbar .trainersprite::before {
content: attr(title);
display: block;
color: #d9d9d9;
font-size: 10px;
margin-top: 150px;
margin-left: 10px !Important;
position: absolute;
font-weight: bold;
transform: scale(-1, 1);
}
.dark .turn {
background: linear-gradient(to right, transparent, #222, #222, #222, #222, #222, #222, #222, #222, transparent);
color: #eee;
border: none;
}
/*
* Chat Stuff, includes userlist
*/
.dark .userlist {
background: rgba(30, 30, 30, .6);
border-color: #2a2a2a;
}
.dark .userlist li {
border-color: #2a2a2a !important;
}
.dark .userlist li em.group {
color: #9999ff;
}
.dark .userlist li button:hover {
background: #222;
}
.dark .userlist-minimized .userlist-count {
background: #222;
color: #ccc;
border-color: #2a2a2a!important;
}
.dark .userlist-minimized .userlist-count:hover {
background: #333 !important;
color: #ccc!important;
border-color: #2a2a2a!important;
}
.dark .ps-room {
border-color: #2a2a2a !important;
}
.dark .chat-log .inner {
background: rgba(18, 18, 18, .7);
}
.dark .chat-log-add {
background: #222;
border-color: #2a2a2a;
color: #eee;
}
.dark .chat-log-add .textbox {
background: #333;
border-color: #1a1a1a;
border-radius: 0px;
color: #eee;
}
.dark .chat-log-add .textbox:focus {
box-shadow: none !Important;
background: #3a3a3a;
}
.dark .chat small {
color: #9999ff;
}
.dark .greentext {
color: #8FD56E;
}
.dark .broadcast-blue {
background: #2d4052;
color: #dee6ed
}
.dark .broadcast-green {
background: #2d522d;
color: #deedde
}
.dark .broadcast-red {
background: #6d372c;
color: #f0dedb
}
.dark .chat-log .col.pokemonnamecol a {
color: #9999ff;
text-decoration: none;
}
.dark .chat-log .col.pokemonnamecol a:hover {
color: #9999ff;
text-decoration: underline;
}
.dark .infobox {
border-color: #555;
padding-bottom: 2px !important;
}
/* roomlist stuff */
.dark .pad .button {
background: #222;
box-shadow: none;
border-color: #2a2a2a;
}
.dark .pad .button:hover {
background: #333;
box-shadow: none;
border-color: #2a2a2a;
}
.dark .roomlist h2,
.dark .roomlist h2 {
color: #9999ff!important;
text-shadow: none!important;
font-weight: bold!important;
}
.dark .roomlist a.ilink,
.dark .roomlist a.ilink {
background: rgba(50, 50, 50, 0.8) !important;
border-color: #343434!important;
color: #fff!important;
padding: 5px 8px 6px !important;
text-shadow: none !important;
}
.dark .roomlist a.ilink:hover {
background: rgba(35, 35, 35, 0.95) !important;
border-color: none!important;
color: #fff!important;
text-shadow: none !important;
}
.dark .roomcounters button {
background: #222!important;
border-color: #2a2a2a!important;
box-shadow: none!important;
}
.dark .roomcounters button:hover {
background: #333!important;
border-color: #2a2a2a!important;
box-shadow: none!important;
}
.dark .roomcounters .battlecount {
margin-right: -20px !important;
}
.dark .roomcounters .usercount {
margin-left: -20px !important;
}
.dark .roomcounters .battlecount,
.dark .roomcounters .usercount {
width: 0px;
}
/*popup*/
.dark .ps-popup {
background: #1a1a1a;
border-color: #2a2a2a;
border-radius: 0px;
color: #eee;
}
.dark .ps-popup button,
.dark .ps-popup .optlabel select {
background: #333;
color: #eee;
box-shadow: none;
border: 1px solid #2a2a2a;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.dark .ps-popup button:hover,
.dark .ps-popup .optlabel select:hover {
background: #444;
color: #eee;
box-shadow: none;
border: 1px solid #2a2a2a;
}
.dark .ps-popup .textbox {
background: #333;
border-color: #1a1a1a;
border-radius: 0px;
color: #eee;
}
.dark .ps-popup .textbox:hover {
border-color: #555;
}
.dark .ps-popup .textbox:focus,
.dark .ps-popup .textbox:active {
box-shadow: none !Important;
background: #3a3a3a;
border-color: #555;
}
.dark .ps-popup li button {
background: transparent;
border: none;
border-bottom: 0px solid #444;
border-radius: 0px;
padding-bottom: 2px;
padding-top: 2px;
color: #eee;
}
.dark .ps-popup li button:hover {
background: #3a3a3a;
border: none;
border-bottom: 0px solid #444;
border-radius: 0px;
padding-bottom: 2px;
padding-top: 2px;
color: #eee;
}
.dark .ps-popup .popupmenu h3 {
color: #9999ff;
}
.dark .ps-popup .sel,
.dark .ps-popup .sel:hover {
background: #444 !important;
color: #eee !important;
border: none;
border-bottom: 1px solid inherit;
border-radius: 0px;
padding-bottom: 2px;
padding-top: 2px;
}
.dark .popupmenu .folderButton,
.dark .popupmenu .folderButtonOpen,
.dark .popupmenu button.button {
background: #333;
color: #eee;
box-shadow: none;
border: 1px solid #2a2a2a;
}
.dark .popupmenu .folderButton:hover,
.dark .popupmenu .folderButtonOpen:hover,
.dark .popupmenu button.button:hover {
background: #444;
color: #eee;
box-shadow: none;
border: 1px solid #2a2a2a;
}
.dark .ps-popup input[type=range] {
height: 26px;
-webkit-appearance: none;
margin: 10px 0;
width: 100%;
}
.dark .ps-popup input[type=range]:focus {
outline: none;
}
.dark .ps-popup input[type=range]::-webkit-slider-runnable-track, .dark .ps-popup input[type=range]::-webkit-slider-runnable-track:hover {
width: 100% !important;
height: 6px !important;
cursor: pointer !important;
box-shadow: none !important;
background: #333 !important;
border-radius: 14px !important;
border: 0px solid #2a2a2a !important;
}
.dark .ps-popup input[type=range]::-webkit-slider-thumb {
box-shadow: 0px 0px 0px #000000 !important;
border: 0px solid #000000 !important;
height: 12px !important;
width: 20px !important;
border-radius: 12px !important;
background: #9999ff !important;
cursor: pointer !important;
-webkit-appearance: none !important;
margin-top: -3px !important;
}
.dark .ps-popup input[type=range]::-webkit-slider-thumb:hover {
box-shadow: 0px 0px 0px #000000 !important;
border: 0px solid #000000 !important;
height: 12px !important;
width: 20px !important;
border-radius: 12px !important;
background: #7777ff !important;
cursor: pointer !important;
-webkit-appearance: none !important;
margin-top: -3px;
}
.dark .ps-popup strong a {
color: #9999ff !important;
text-decoration: none;
}
.dark .ps-popup strong a:hover {
color: #9999ff !important;
text-decoration: underline;
}
.dark .ps-popup .bglist button {
padding-top: 1px;
padding-bottom: 1px;
padding-right: 2px;
padding-left: 2px;
}
.dark .ps-popup .bglist strong {
background: #222 url("https://i.imgur.com/QHaX9wp.png") bottom left no-repeat!important;
background-size: cover!important;
padding-top: 22px !important;
padding-bottom: 12px !important;
color: transparent !important;
}
/*
* TEAMBUILDER
*/
.dark .teampane .button,
.dark .teampane .team,
.dark .select.formatselect.teambuilderformatselect {
background: #222 !important;
border-color: transparent;
box-shadow: none;
color: #eee;
border-radius: 0px;
}
.dark .teampane .team {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dark .teampane .button:hover,
.dark .teampane .team:hover,
.dark .select.formatselect.teambuilderformatselect:hover {
background: #2a2a2a !important;
border-color: transparent;
box-shadow: none;
color: #eee;
border-radius: 0px;
filter: drop-shadow(0px 0px 1px #333)
}
.dark .teampane .button:focused,
.dark .teampane .team:focused,
.dark .select.formatselect.teambuilderformatselect:focused {
background: #2a2a2a !important;
border-color: #1a1a1a !important;
box-shadow: none;
color: #eee;
border-radius: 0px;
filter: drop-shadow(0px 0px 1px #333)
}
.dark .setchart, .dark .setchart-nickname {
background: #222;
border-color: #444;
border-radius: 0px;
}
.dark .setchart .textbox.chartinput, .dark .setchart-nickname .textbox {
background: #222;
border-color: #222;
border-bottom: 1px solid #666;
border-radius: 0px;
}
.dark .setchart .textbox.chartinput:focus, .dark .setchart-nickname .textbox:focus {
background: #333;
border-color: #333;
border-bottom: 1px solid #666;
border-radius: 0px;
}
.dark .textbox:focus {
box-shadow: none;
}
.dark .textbox.setdetails {
background: #222;
border-color: #222 !important;
}
.dark .textbox.setstats {
background: #222;
border-color: #222;
}
.dark .setchart label, .dark .setchart-nickname label, .dark .setchart .statrow-head em {
color: #9999ff;
text-shadow: none;
}
.dark .utilichart h3, .dark .dexentry h3, .dark .resultheader h3 {
background: #222;
color: #9999ff;
border-color: #333;
text-shadow: none;
box-shadow: none;
}
.dark .utilichart .sortrow {
background: #222;
border-color: #333;
}
.utilichart .sortcol {
color: #9999ff;
}
.utilichart .sortcol:hover {
background: #333;
}
.utilichart .sortcol.numsortcol.cur, .utilichart .sortcol.numsortcol.cur:hover, .utilichart .sortcol.cur {
background: #444;
}
.dark .teambuilder-results .result a.cur {
background: rgba(50,50,50, .4);
border-color: #333;
}
.dark .teambuilder-results .result a:hover, .dark .teambuilder-results .result a.cur:hover {
background: rgba(78,78,78,.4);
border-color: #333;
}
.dark .teambar button {
background: #222;
border-color: #333;
color: #eee;
}
.dark .teambar button:disabled, .dark .teambar button:disabled:hover, .dark .teambar button:disabled:active, .dark .teambar button:hover {
background: #333;
color: #eee;
border-color: #333;
}
.dark .teamwrapper .pad button {
background: #222;
box-shadow: none;
border: 1px solid #2a2a2a;
color: #eee;
}
.fa.fa-chevron-left {
text-shadow: none !important;
}
.dark .textbox.teamnameedit, .dark .textbox.searchinput {
background: #333;
border-color: #1a1a1a;
border-radius: 0px;
color: #eee;
}
.dark .textbox.teamnameedit:focus, .dark .textbox.searchinput:focus {
box-shadow: none !Important;
background: #3a3a3a;
}
.dark .folderlist .foldersep:before, .dark .folderlistafter:before, .dark .folderlistbefore:before, .dark .folderpane h3, .dark .folder .selectFolder, .dark .folderhack1, .dark .folderhack2 {
background: #111;
color: #ccc;
border-color: #333;
}
}