@-moz-document domain("play.pokemonshowdown.com"), domain("psim.us") { /* bs shit i have to put */ .ps-room.ps-room-light { background: none!important; border-color: #000!important; } /* end */ /* Woah body css how interesting :^) */ body { background: url('https://i.imgur.com/RjiAcmC.jpg') no-repeat right !important; background-size: cover !important; } /* right side shit */ .menugroup { border: 1px solid #333!important; background: rgba(150, 150, 150, 0.4)!important; color: #ff99cc!important; text-shadow: none!important; } .dark .menugroup { border: 1px solid #1a1a1a!important; background: rgba(35, 35, 35, 0.5)!important; color: #ff99cc!important; text-shadow: none!important; } .select:disabled, .select:disabled:hover, .dark .select:disabled, .dark .select:disabled:hover { background: rgba(100, 100, 100, 0.5) !important; border-color: #444 !important; text-shadow: none !important; font-style: italic !important; } .teamselect:disabled strong, .dark .teamselect:disabled strong { color: #E2E2E2 !important; text-shadow: 1px 1px #1a1a1a !important; } .select, .menugroup .button { background: #ff99cc !important; color: #b30059 !important; border-color: #b30059 !important; text-shadow: none!important; box-shadow: none!important; } .dark .select, .dark .menugroup .button { background: #444 !important; color: #ff99cc !important; border-color: #ff99cc !important; text-shadow: none!important; box-shadow: none!important; } .select:hover, .menugroup .button:hover { background: #ff66b3 !important; color: #b30059 !important; border-color: #b30059 !important; text-shadow: none !important; } .dark .select:hover, .dark .menugroup .button:hover { background: #333 !important; color: #ff99cc !important; border-color: #ff99cc !important; text-shadow: none !important; } .select:after { color: #b30059; } .dark .select:after { color: #ff99cc; } /* header junk like rock */ .header { background: rgba(150, 150, 150, 0.5)!important; } .header .logo { opacity: 0!important; } .maintabbarbottom { background: #99ccff!important; border-color: #004080!important; } .tabbar a.button.notifying { background: #ffcce6 !important; border: 1px solid #004080 !important; color: #b30059 !important; text-shadow: none !important; font-style: italic !important; box-shadow: none !important; } .tabbar a.button.notifying:hover { background: #ff99ce !important; border-color: #33001a !important; color: #b30059 !important; text-shadow: none !important; font-style: italic !important; } .tabbar a.button.subtle-notifying { color: #b30059 !important; } .dark .tabbar a.button.subtle-notifying { color: #ffcce6 !important; text-shadow: none !Important; } .tabbar a.button.cur, .tabbar a.button.cur:hover { background: #99ccff !important; border: 1px solid #004080 !important; color: #004080 !important; text-shadow: none !important; font-weight: bold !important; } .tabbar a.button { background: #cce6ff !important; color: #004080 !important; border-color: #004080 !important; text-shadow: 0px 0px #fff !important; box-shadow: none !important; } .tabbar a.button:hover { background: #99ceff!important; color: #004080!important; border-color: #004080!important; text-shadow: none!important; box-shadow: none !important; } .tabbar .closebutton { color: #909090!important; } .tabbar .closebutton:hover { color: #ff1a1a!important; } .userbar button.icon { border: 1px solid #001a33!important; background: #99ccff!important; color: #001a33!important; text-shadow: none!important; box-shadow: none !important; } .userbar button.icon:hover { background: #339cff !important; } .userbar .username { text-shadow: none!important; } /* dark header stuff */ .dark .header { background: rgba(50, 50, 50, 0.5)!important; } .dark .header .logo { opacity: 0!important; } .dark .maintabbarbottom { background: #444!important; border-color: #666!important; } .dark .tabbar a.button.notifying { background: #ffcce6 !important; border: 1px solid #555 !important; color: #b30059 !important; text-shadow: none !important; font-style: italic !important; box-shadow: none !important; } .dark .tabbar a.button.notifying:hover { background: #ff99ce !important; border-color: #555 !important; color: #b30059 !important; text-shadow: none !important; font-style: italic !important; } .dark .tabbar a.button.cur, .dark .tabbar a.button.cur:hover { background: #444 !important; border: 1px solid #666 !important; color: #99ccff !important; text-shadow: none !important; font-weight: bold !important; } .dark .tabbar a.button { background: #555 !important; color: #fff !important; border-color: #666 !important; text-shadow: 0px 0px #fff !important; box-shadow: none !important; } .dark .tabbar a.button:hover { background: #444!important; color: #f2f2f2!important; border-color: #666!important; text-shadow: none!important; box-shadow: none !important; } .dark .tabbar .closebutton { color: #909090!important; } .dark .tabbar .closebutton:hover { color: #ff1a1a!important; } .dark .userbar button.icon { border: 1px solid #99ccff!important; background: #444!important; color: #99ccff!important; text-shadow: none!important; box-shadow: none !important; } .dark .userbar button.icon:hover { background: #333 !important; } .dark .userbar .username { text-shadow: none!important; } /* chat */ /* chat shit */ .ps-overlay, .dark .ps-overlay { background: rgba(0, 0, 0, 0.5)!important; } .userlist { background: rgba(0, 40, 77, 0.9)!important; border-color: #333!important; color: #fff!important; text-shadow: 0px 0px 1px!important; } .dark .userlist { background: rgba(0, 26, 51, 0.9)!important; border-color: #333!important; color: #fff!important; text-shadow: 0px 0px 1px!important; } .userlist li, .dark .userlist li { background: rgba(255, 255, 255, 0.0)!important; border-color: #00284d!important; text-shadow: none !important; } .userlist li em.group, .dark .userlist li em.group { color: #ff99cc!important; } .userlist strong, .dark .userlist span { text-shadow: none !important; } .userlist li button span, .dark .userlist li button span { text-shadow: none !important; } .userlist li button:hover, .userlist-minimized .userlist-count:hover, .dark .userlist li button:hover, .dark .userlist-minimized .userlist-count:hover { background: rgba(0, 0, 0, 0.5)!important; } .infobox, .dark .infobox { border-color: #80bfff!important; } .chat-log { background: rgba(255, 255, 255, 0.8); color: #000!important; } .dark .chat-log { background: rgba(35, 35, 35, 0.9)!important; color: #e6e6e6!important; } .chat-log .chat small, .dark .chat-log .chat small { color: #ff66b3!important; } .chat-log .chat.mine.chat small, .dark .chat-log .chat.mine.chat small { color: #ff66b3!important; } .chat.highlighted { background: rgba(102, 179, 255, .5)!important; color: #000!important; } .dark .chat.highlighted { background: rgba(0, 92, 179, .3)!important; color: #fff!important; } .chat-log-add { border-color: #000!important; background: rgba(0, 0, 0, 0.6)!important; } .chat-log-add .textbox { border-color: #00004d!important; box-shadow: none !important; } .dark .chat-log-add .textbox { border-color: #1a1a1a!important; box-shadow: none !important; background: #333!important; color: #e6e6e6 !important; } .chatbox label { text-shadow: 0px!important; } .ps-room.ps-room-light.scrollable { background: rgba(250, 250, 250, 0.7)!important; } .dark .ps-room.ps-room-light.scrollable { background: rgba(0, 0, 0, 0.7)!important; } /* pm shit lol */ .pm-window h3 { background: rgba(255, 153, 204, 0.8) !important; color: #b30059!important; border-color: #b30059!important; text-shadow: none!important; } .pm-window h3:hover { background: rgba(255, 102, 179, 0.95) !important; color: #b30059!important; border-color: #b30059!important; text-shadow: none!important; } .pm-window h3 small { color: #fff!important; } .pm-window.focused h3 { background: #b30059 !important; border-color: #b30059!important; color: #fff!important; text-shadow: none!important; } .pm-window.focused h3:hover { color: #fff!important; background: #800040!important; } .dark .pm-window h3 { background: rgba(50, 50, 50, 0.9) !important; color: #ff99cc!important; border-color: #555!important; text-shadow: none!important; } .dark .pm-window h3:hover { background: rgba(20, 20, 20, 0.95) !important; color: #ff99cc!important; border-color: #555!important; text-shadow: none!important; } .dark .pm-window h3 small { color: #fff!important; } .dark .pm-window.focused h3 { background: #222 !important; border-color: #555!important; color: #ff99cc!important; text-shadow: none!important; } .dark .pm-window.focused h3:hover { color: #ff99cc!important; background: #111!important; } .pm-window h3:hover .minimizebutton, .pm-window h3 .closebutton, .pm-window h3 .minimizebutton, .dark .pm-window h3:hover .minimizebutton, .dark .pm-window h3 .closebutton, .dark .pm-window h3 .minimizebutton { color: #555!important; } .pm-window h3 .closebutton:hover, .dark .pm-window h3 .closebutton:hover { color: #AF3B3B!important; } .pm-window h3 .minimizebutton:hover, .dark .pm-window h3 .minimizebutton:hover { color: #fff!important; } .pm-window h3 .closebutton:hover + .minimizebutton.minimizebutton, .dark .pm-window h3 .closebutton:hover + .dark .minimizebutton.minimizebutto { color: #4d4d4d !important; } .message-pm, .dark .message-pm { color: #b84dff!important; } .pm-window h3.pm-notifying, .dark .pm-window h3.pm-notifying { background: #99ccff!important; border-color: #00264d!important; color: #00264d!important; text-shadow: none!important; font-style: italic!important; } .pm-window h3.pm-notifying:hover, .dark .pm-window h3.pm-notifying:hover { background: #3399ff!important; border-color: #00264d!important; color: #00264d!important; text-shadow: none!important; font-style: italic!important; } .pm-log { background: rgba(255, 255, 255, 0.93) none repeat scroll 0% 0%!important; color: #000!important; border-color: #b30059!important; } .dark .pm-log { background: rgba(10, 10, 10, 0.93) none repeat scroll 0% 0%!important; color: #f2f2f2!important; border-color: #555!important; } .pm-log-add .textbox { border-color: #b30059!important; box-shadow: none !important; } .pm-log-add { border-color: #b30059 !important; } .dark .pm-log-add { border-color: #555 !important; } .dark .pm-log-add .textbox { border-color: #555!important; box-shadow: none !important; background: #333!important; color: #e6e6e6 !important; } /* popup */ .ps-popup { background: rgba(0, 40, 77, 0.9) !important; border: 1px solid #004080!important; color: #e6e6e6!important; box-shadow: none !important; } .dark .ps-popup { background: rgba(0, 26, 51, 0.9)!important; border: 1px solid #004080!important; color: #e6e6e6!important; box-shadow: none !important; } .ps-popup a, .credits h2, .credits ul, .dark .ps-popup a, .dark .credits h2, .dark .credits ul { color: #ff99cc!important; text-shadow: none!important; } .ps-popup a:hover, .dark .ps-popup a:hover { color: #ff66b3!important; } .ps-popup a.ilink.yours, .dark .ps-popup a.ilink.yours { color: #ffcce6!important; } .ps-popup a.ilink.yours:hover, .dark .ps-popup a.ilink.yours:hover { color: #ffb3da!important; } .ps-popup .buttonbar button, .dark .ps-popup .buttonbar button { background: #ff99cc !important; color: #b30059 !important; border: 1px solid #b30059 !important; text-shadow: none!important; padding: 2px 8px!important; border-radius: 3px !important; } .ps-popup .buttonbar button:hover, .dark .ps-popup .buttonbar button:hover { background: #ff66b3!important; } .popupmenu h3, .dark .popupmenu h3 { color: #ff99cc!important; text-shadow: none!important; font-weight: bold !important; } .popupmenu button.sel, .dark .popupmenu button.sel { border-color: #004080!important; background: #99ccff!important; color: #004080 !important; } .popupmenu button.sel:hover:hover, .dark .popupmenu button.sel:hover { border-color: #004080!important; background: #99ccff!important; color: #004080 !important; } .popupmenu button, .dark .popupmenu button { color: #e6e6e6!important; } .popupmenu button:hover, .popupmenu button.sel:hover, .dark.popupmenu button:hover, .dark .popupmenu button.sel:hover { border-color: #99ccff!important; background: rgba(50, 50, 50, 0.3)!important; color: #fff!important; } .avatarlist button, .dark .avatarlist button { border-color: #ff99cc!important; } .avatarlist button:hover, .dark .avatarlist button:hover { border-color: rgba(0, 0, 0, .3)!important; background-color: rgba(0, 0, 0, 0.3)!important; box-shadow: none !important; } .ps-popup hr, .dark .ps-popup hr { border: none!important; border-bottom: 1px solid #ff99cc!important; } .bglist button, .dark .bglist button { border-color: rgba(0, 0, 0, .3)!important; background: rgba(0, 0, 0, .1)!important; color: #e6e6e6 !important; } .bglist button:hover, .dark .bglist button:hover { border-color: rgba(0, 0, 0, .3)!important; background: rgba(0, 0, 0, .3)!important; box-shadow: none !important; } .bglist button.cur, .bglist button.cur:hover, .dark .bglist button.cur, .dark .bglist button.cur:hover { border-color: #ff99cc!important; background: #1a1a1a!important; color: #e6e6e6!important; } label button, .dark label button, label select, p button, .dark label select, .dark p button { background: #99ccff; border: 1px solid #004080; color: #004080; } label button:hover, .dark label button:hover, label select:hover, p button:hover, .dark label select:hover, .dark p button:hover { background: #66b3ff; border: 1px solid #004080; color: #004080; } /* popup */ /* * Battle CSS */ .rightbar { background: rgba(0, 40, 77, 0.7)!important; color: #ff99cc !important; border-left-color: #4d4d4d !important; } .leftbar { background: rgba(0, 40, 77, 0.7)!important; color: #ff99cc !important; border-right-color: #4d4d4d !important; } .ps-room.ps-room-opaque { background: rgba(0, 40, 77, 0.8)!important; } .ps-room .battle-controls { background: rgba(255, 255, 255, 0.0)!important; padding-top: 10px!important; padding-bottom: 10px!important; color: #fff; } .battle-log { background: rgba(255, 255, 255, .9)!important; border-color: #333!important; } .battle-log .rated strong { background: #99ccff !important; color: #004080 !important; border: 1px solid #004080 !important; } .battle-log h2 { background: rgb(230, 230, 230) !important; text-align: center !important; color: #004080 !important; border-color: #004080 !important; } #tooltipwrapper { text-align: left!important; color: #fff!important; text-shadow: none!important; } #tooltipwrapper .tooltip { width: 300px!important; background: rgba(0, 40, 77, .95)!important; border-color: #004080!important; border-radius: 1px!important; } #tooltipwrapper .tooltip h2 { padding: 2px 4px!important; margin: 0!important; border-bottom: 1px solid #004080!important; font-size: 10pt!important; color: #ff99cc!important; text-shadow: none!important; } #tooltipwrapper .tooltip p { padding: 2px 4px!important; margin: 0!important; font-size: 8pt!important; } #tooltipwrapper .tooltip p.section { border-top: 1px solid #004080!important; } .battle-controls .whatdo { color: #fff !important; } .battle-controls .whatdo small { border-color: #fff!important; } .switchselect button { color: #99ceff; } .moveselect button { color: #ff4d4d; } .turn { background: #ff99cc !important; color: #b30059 !important; border: 1px solid #b30059 !important; border-radius: 3px !important; } .megaevo, .megaevo:hover { background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); background-size: 1800% 1800%; animation: rainbow 18s ease infinite; color: #d9d9d9; text-shadow: 1px 1px #555; border-color: #777; } /* teambuilder dark shet */ .dark .rightbar { background: rgba(0, 26, 51, 0.7)!important; color: #ff99cc !important; border-left-color: #4d4d4d !important; } .dark .leftbar { background: rgba(0, 26, 51, 0.7)!important; color: #ff99cc !important; border-right-color: #4d4d4d !important; } .dark .ps-room.ps-room-opaque { background: rgba(0, 26, 51, 0.8)!important; } .dark .ps-room .battle-controls { background: rgba(255, 255, 255, 0.0)!important; padding-top: 10px!important; padding-bottom: 10px!important; } .dark .battle-log { background: rgba(50, 50, 50, .9)!important; border-color: #777!important; } .dark .battle-log .rated strong { background: #333 !important; color: #99ccff !important; border: 1px solid #99ccff !important; } .dark .battle-log h2 { background: rgb(30, 30, 30) !important; text-align: center !important; color: #99ccff !important; border-color: #99ccff !important; } .dark #tooltipwrapper { text-align: left!important; color: #fff!important; text-shadow: none!important; } .dark #tooltipwrapper .tooltip { width: 300px!important; background: rgba(0, 26, 51, .95)!important; border-color: #004080!important; border-radius: 1px!important; } .dark #tooltipwrapper .tooltip h2 { padding: 2px 4px!important; margin: 0!important; border-bottom: 1px solid #004080!important; font-size: 10pt!important; color: #ff99cc!important; text-shadow: none!important; } .dark #tooltipwrapper .tooltip p { padding: 2px 4px!important; margin: 0!important; font-size: 8pt!important; } .dark #tooltipwrapper .tooltip p.section { border-top: 1px solid #004080!important; } .dark .battle-controls .whatdo { color: #fff !important; } .dark .battle-controls .whatdo small { border-color: #fff!important; } .dark .moveselect button { color: #ff4d4d; } .dark .turn { background: #333 !important; color: #ff99cc !important; border: 1px solid #ff99cc !important; border-radius: 3px !important; } /* background: #ff99cc !important; color: #b30059 !important; border-color: #b30059 !important; */ .dark .megaevo, .dark .megaevo:hover { background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); background-size: 1800% 1800%; animation: rainbow 18s ease infinite; color: #d9d9d9; text-shadow: 1px 1px #555; border-color: #777; } /* misc shit */ @-webkit-keyframes rainbow { 0% { background-position: 0% 82% } 50% { background-position: 100% 19% } 100% { background-position: 0% 82% } } @-moz-keyframes rainbow { 0% { background-position: 0% 82% } 50% { background-position: 100% 19% } 100% { background-position: 0% 82% } } @-o-keyframes rainbow { 0% { background-position: 0% 82% } 50% { background-position: 100% 19% } 100% { background-position: 0% 82% } } @keyframes rainbow { 0% { background-position: 0% 82% } 50% { background-position: 100% 19% } 100% { background-position: 0% 82% } } .movemenu button small.type, .movemenu button small.pp { text-shadow: none !important; } .movemenu button.type-Grass { background: #aeeaae; border: 1px solid #70db70; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Grass:hover { background: #85e085; border: 1px solid #70db70; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Dark { background: #a6a6a6; border: 1px solid #888; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Dark:hover { background: #8c8c8c; border: 1px solid #888; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Normal { background: #f4f4f0; border: 1px solid #deded3; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Normal:hover { background: #deded3; border: 1px solid #deded3; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Flying { background: #c7c2d6; border: 1px solid #aba3c2; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Flying:hover { background: #aba3c2; border: 1px solid #aba3c2; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Fire { background: #ffb380; border: 1px solid #ff944d; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Fire:hover { background: #ff944d; border: 1px solid #ff944d; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Ice { background: #b3ecff; border: 1px solid #80dfff; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Ice:hover { background: #80dfff; border: 1px solid #80dfff; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Ground { background: #e3ddce; border: 1px solid #d0c7ae; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Ground:hover { background: #d0c7ae; border: 1px solid #d0c7ae; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Fighting { background: #e0b9b8; border: 1px solid #d09695; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Fighting:hover { background: #d09695; border: 1px solid #d09695; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Poison { background: #dbbddb; border: 1px solid #c99cc9; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Poison:hover { background: #c99cc9; border: 1px solid #c99cc9; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Ghost { background: #d7d0e1; border: 1px solid #bdb1cd; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Ghost:hover { background: #bdb1cd; border: 1px solid #bdb1cd; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Fairy { background: #ffb3ff; border: 1px solid #ff80ff; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Fairy:hover { background: #ff80ff; border: 1px solid #ff80ff; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Bug { background: #dde1b7; border: 1px solid #ccd293; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Bug:hover { background: #ccd293; border: 1px solid #ccd293; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Water { background: #b3ccff; border: 1px solid #80aaff; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Water:hover { background: #80aaff; border: 1px solid #80aaff; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Electric { background: #ffffb3; border: 1px solid #ffff80; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Electric:hover { background: #ffff80; border: 1px solid #ffff80; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Psychic { background: #e9c1ce; border: 1px solid #bf99a5; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Psychic:hover { background: #bf99a5; border: 1px solid #333300; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Steel { background: #ccc; border: 1px solid #aaa; box-shadow: none !important; text-shadow: none !important; } .movemenu button.type-Steel:hover { background: #aaa; border: 1px solid #aaa; box-shadow: none !important; text-shadow: none !important; } }