@-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; } }