@-moz-document domain("psim.us"), domain("play.pokemonshowdown.com") { body { background: #222 url("https://i.imgur.com/Gj3Acia.jpg") 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; } /* * TOP BAR OF TABS? */ .maintabbarbottom { background: #444; border-color: #222; } .tabbar a.button { background: #333; box-shadow: none !important; border-color: #222; color: #ccc; text-shadow: none !Important; } .tabbar a.button:hover { background: #2a2a2a; box-shadow: none !important; border-color: #222; color: #ccc; } .tabbar a.button.subtle-notifying { color: #7777ff !important; } .fa-times-circle:before { content: "\00d7"; font-size: 16px !Important; } .closebutton { color: #bfbfbf; } .closebutton:hover { color: #ff4d4d; } .tabbar a.button.notifying { background: #6666ff; border-color: #222; color: #ccccff !Important; text-shadow: none !important; } .tabbar a.button.notifying:hover { background: #5555ff; border-color: #222; color: #ccccff; } .button.cur, .button.cur:hover, .tabbar a.button.cur, .tabbar a.button.cur:hover { background: #444 !important; border-color: #2a2a2a !important; color: #e6e6e6 !important; } .userbar button.icon { background: transparent; border: none; box-shadow: none; padding: 0px; width: 24px; color: #eee; } .userbar button.icon:hover { background: transparent; border: none; box-shadow: none; padding: 0px; color: #6666ff; } .fa.fa-user { color: #6666ff !Important; } .header { background: rgba(30, 30, 30, 0.47) !important; } .header .logo { opacity: 0!important; } .maintabbar .overflow .button { background: #3a3a3a; border-color: #222; box-shadow: none; } .maintabbar .overflow .button:hover { background: #444; border-color: #222; box-shadow: none; } /* * SIDE BUTTONS THING */ .menugroup { background: #2a2a2a60; border-radius: 0px; } .menugroup .button, .menugroup .select.formatselect { background: #333 !important; border-color: #3a3a3a !important; box-shadow: none; color: #fff; border-radius: 0px; } .menugroup .button:hover, .menugroup .select.formatselect:hover { background: #2a2a2a !important; border-color: #3a3a3a; box-shadow: none; color: #fff; border-radius: 0px; filter: drop-shadow(0px 0px 1px #333) } .menugroup .button:focused, .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) } .mainmenuwrapper .menugroup .button.disabled, .mainmenuwrapper .menugroup .button.disabled:hover, .mainmenuwrapper .menugroup .button.disabled:active { border-color: #222 !important; } .select:after { color: #fff; } .select:disabled { background: rgba(53, 53, 53, .4); border-color: transparent !important; } .teamselect:disabled strong { color: #eee; } .menugroup .checkbox { color: #eee } .menugroup .checkbox:hover { background: transparent; color: #6666ff; } .menugroup .select { background: #333; color: #fff; border-color: #3a3a3a; } .menugroup .select:hover { background: #2a2a2a; color: #fff; border-color: #3a3a3a; } .menugroup .label { margin-bottom: 4px; } .menugroup .roomlist a.ilink { background: rgba(23, 23, 23, .6) !important; border-color: #333; color: #fff; padding-top: 4px; padding-bottom: 4px; } .menugroup .roomlist a.ilink:hover { background: rgba(33, 33, 33, .6) !important; border-color: #333; color: #fff; 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 */ .mainmenufooter a { color: #6666ff; text-decoration: none; } .mainmenufooter a:hover { color: #6666ff; text-decoration: underline; } .mainmenufooter a:visited { color: #8888ff; } /* 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: 15px !Important; position: absolute; font-weight: bold; } .dark .leftbar .trainersprite::before { content: attr(title); display: block; color: #d9d9d9; font-size: 10px; margin-top: -100px; margin-left: 0px !Important; position: absolute; font-weight: bold; transform: scale(-1, 1); } .trainer-near { bottom: 100px; } .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; } .setchart, .setchart-nickname, .dark .setchart, .dark .setchart-nickname { background-repeat: no-repeat !important; } .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; } /* * * DARK MODE * */ .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; } /* * 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) !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; } .dark .battleform button { background: #222; color: #eee; border: 1px solid #1a1a1a; padding: 4px 4px 4px 4px; } .dark .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; } /* battle buttons */ .movemenu button.type-Grass { background: #63bc5a; border: 1px solid #55b54a; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Grass:hover { background: #55b54a; border: 1px solid #55b54a; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Grass small { color: #22481e; } .movemenu button.type-Dark { background: #8c8c8c; border: 1px solid #808080; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Dark:hover { background: #808080; border: 1px solid #808080; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Dark small { color: #262626; } .movemenu button.type-Normal { background: #e3e6e8; border: 1px solid #d6d9dc; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Normal:hover { background: #d6d9dc; border: 1px solid #d6d9dc; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Normal small { color: #3b4045; } .movemenu button.type-Flying { background: #9db4e2; border: 1px solid #89a5dc; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Flying:hover { background: #89a5dc; border: 1px solid #89a5dc; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Flying small { color: #121f3b; } .movemenu button.type-Fire { background: #ffa666; border: 1px solid #ff974d; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Fire:hover { background: #ff944d; border: 1px solid #ff944d; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Fire small { color: #662b00; } .movemenu button.type-Ice { background: #8ed7cc; border: 1px solid #7bd1c4; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Ice:hover { background: #7bd1c4; border: 1px solid #7bd1c4; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Ice small { color: #1b4b44; } .movemenu button.type-Rock { background: #ccbf99; border: 1px solid #c5b78c; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Rock:hover { background: #c5b78c; border: 1px solid #c5b78c; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Rock small { color: #443b22 } .movemenu button.type-Ground { background: #ea8e61; border: 1px solid #e87f4a; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Ground:hover { background: #e87f4a; border: 1px solid #e87f4a; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Ground small { color: #5a260c; } .movemenu button.type-Fighting { background: #d55d81; border: 1px solid #d04971; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Fighting:hover { background: #d04971; border: 1px solid #d04971; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Fighting small { color: #511527; } .movemenu button.type-Poison { background: #b57dcf; border: 1px solid #aa6bc8; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Poison:hover { background: #aa6bc8; border: 1px solid #aa6bc8; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Poison small { color: #3c1c4a; } .movemenu button.type-Ghost { background: #7487be; border: 1px solid #6378b6; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Ghost:hover { background: #6378b6; border: 1px solid #6378b6; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Ghost small { color: #212a45; } .movemenu button.type-Fairy { background: #ed92e6; border: 1px solid #ea7be0; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Fairy:hover { background: #ea7be0; border: 1px solid #ea7be0; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Fairy small { color: #580e52 } .movemenu button.type-Bug { background: #aed75b; border: 1px solid #a4d246; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Bug:hover { background: #a4d246; border: 1px solid #a4d246; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Bug small { color: #3d5214 } .movemenu button.type-Water { background: #6ea4dd; border: 1px solid #5a97d8; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Water:hover { background: #5a97d8; border: 1px solid #5a97d8; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Water small { color: #133253 } .movemenu button.type-Electric { background: #f7de6e; border: 1px solid #f6d955; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Electric:hover { background: #f6d955; border: 1px solid #f6d955; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Electric small { color: #615005 } .movemenu button.type-Psychic { background: #fb848c; border: 1px solid #fa6b74; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Psychic:hover { background: #fa6b74; border: 1px solid #fa6b74; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Psychic small { color: #4a0207 } .movemenu button.type-Steel { background: #ccc; border: 1px solid #bfbfbf; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Steel:hover { background: #bfbfbf; border: 1px solid #bfbfbf; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Steel small { color: #333 } .movemenu button.type-Dragon { background: #6e6ef7; border: 1px solid #6464f6; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Dragon:hover { background: #6464f6; border: 1px solid #6464f6; box-shadow: none !important; text-shadow: none !important; border-radius: 0px; } .movemenu button.type-Dragon small { color: #050561; } .movemenu button { filter: drop-shadow(0px 0px 1px #111); } .movemenu button:hover { filter: drop-shadow(0px 0px 2px #111); } .megaevo { width: 120px !Important; background: none !Important; color: #111 !Important; border: none !Important; } .megaevo:hover { width: 120px !Important; background: none !Important; color: #111 !Important; border: none !Important; } .dark .megaevo { width: 120px !Important; background: none !Important; color: #eee !Important; border: none !Important; } .dark .megaevo:hover { width: 120px !Important; background: none !Important; color: #eee !Important; border: none !Important; } .switchmenu button { background: white; box-shadow: none !Important; border-radius: 0px; border: 1px solid #e6e6e6; filter: drop-shadow(0px 0px 1px #111); } .switchmenu button:hover { background: #e6e6e6; box-shadow: none !Important; border-radius: 0px; border: 1px solid #e6e6e6; filter: drop-shadow(0px 0px 2px #111); } .dark .switchmenu button { background: #333; box-shadow: none !Important; text-shadow: none; color: #eee; border-radius: 0px; border: 1px solid #222; filter: drop-shadow(0px 0px 1px #111); } .dark .switchmenu button:hover { background: #222; box-shadow: none !Important; text-shadow: none; color: #eee; border-radius: 0px; border: 1px solid #222; filter: drop-shadow(0px 0px 1px #111); } .switchmenu button.disabled, .switchmenu button:disabled, .movemenu button:disabled, .switchmenu button.disabled:hover, .switchmenu button:disabled:hover, .movemenu button:disabled:hover { filter: drop-shadow(0px 0px 0px #111); } .dark .switchmenu button.disabled { color: #d9d9d9 !important; background: #444 !important; border: 1px solid #555 !important; } /* mobile */ .header .logo, .dark .header .logo { display: none !Important; width: 0px !important; max-width: 0px !important; } .tabbar.maintabbar { margin-left: 0px; margin-right: 70px; } .header .username { display: none; } .chatbox label { display: none; } .chat-log-add .textbox { margin-left: -40px; border-radius: 20px !important; padding-bottom: 5px; padding-left: 14px; margin-top: -2px; padding-top: 4px; min-height: 15px; } .userlist { background: #1a1a1a !important; } .userlist li { padding-top: 2px; padding-bottom: 2px; } ::-webkit-scrollbar-track { background: #0d0d0d; border-color: #2a2a2a; } ::-webkit-scrollbar-thumb { background: #333; border-color: #2a2a2a; } ::-webkit-scrollbar-thumb:hover { background: #3a3a3a; border-color: #2a2a2a; } .dark .userlist-maximized .userlist-count:hover { background: #333; } .ps-popup.tablist li a { box-shadow: none; border-color: #444; background: #222; margin-bottom: 5px; padding-top: 7px; padding-bottom: 7px; } .ps-popup.tablist li .closebutton { margin-top: -34px !important; } .dark .roomlist a.ilink, .dark .roomlist a.ilink { margin-bottom: 8px; } .pm-window .closebutton, .pm-window .minimizebutton { margin-left: 8px !important; font-size: 20px; } .pm-window .fa-times-circle:before { font-size: 20px !important; } .newsentry, .pm-log .chat, .chat-log .notice, .chat-log .chat { font-size: 13px !important; } .pmbox { width: 85% } .chat-log-add { margin-top: 5px !important; } .pm-log-add .textbox { border-radius: 20px !important; padding-top: 4px; padding-left: 14px; min-height: 10px; width: 96% } .pm-log { min-height: 125px; } .pm-window h3 { min-height: 20px; padding-left: 12px; padding-right: 8px; padding-top: 5px; } .pm-buttonbar { display: none !important; } .menugroup { max-width: 85% !important; } .menugroup .button { padding-top: 8px; padding-bottom: 8px; margin-bottom: 5px; } .menugroup .checkbox { padding-top: 3px; padding-bottom: 3px; margin-top: 2px; margin-bottom: 2px; } .small-layout .battle-chat-toggle[name=showChat] { right: auto; left: 6px; background: #222; box-shadow: none; border-color: #444; color: #eee; } .small-layout .battle-chat-toggle { background: #222; box-shadow: none; border-color: #444; color: #eee; } .button[name=openBattleOptions] { background: #222; box-shadow: none; border-color: #444; color: #eee; } .ps-popup li button { padding-top: 4px !important; padding-bottom: 4px !important; margin-bottom: 4px; } .movemenu button, .allyparty button, .switchmenu button { margin-left: 6px; margin-bottom: 6px; } .moveselect button { color: #fc0e34 !important; } .switchselect button { color: #01f9c6 !important } .dark .battle-log-add .textbox { margin-left: -40px; border-radius: 20px !important; padding-bottom: 5px; padding-left: 14px; margin-top: -2px; padding-top: 4px; min-height: 15px; } }