Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @-moz-document domain("play.pokemonshowdown.com"), domain("psim.us"), domain("replay.pokemonshowdown.com") {
- /* Change the background URL in this section to add your own image next to your name! Image should be 32x32. */
- .userbar:before{
- display: block;
- content:"";
- width:36px;
- height: 32px;
- float: left;
- position: relative;
- top: -9px; background: url(https://raw.githubusercontent.com/msikma/pokesprite/master/icons/pokemon/regular/lycanroc-midnight.png);
- }
- @font-face {
- font-family: "bebas neue";
- src: url("https://dl.dropbox.com/s/oz9ujl10j4ixziw/BEBASNEUE.OTF");
- font-weight:bold;
- }
- @font-face {
- font-family: "Russo"; font-style: normal;
- font-weight: 800;
- src: local('Exo ExtraBold'), local('Exo-ExtraBold'), url(http://fonts.gstatic.com/s/exo/v4/bxee2kBKNXMDa_dqwEq7Bg.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
- }
- @font-face {
- font-family: "bank gothic";
- font-style: normal;
- src: local('bank gothic'), url(https://dl.dropbox.com/s/aayl8qeixmgs2as/Bank%20Gothic%20Medium-webfont.woff2) format('woff2');
- }
- .ps-room.ps-room-light.scrollable {
- background: rgba(0, 0, 0, 0.2) url("https://gamepress.gg/pokemonmasters/sites/pokemonmasters/files/2019-08/pm0829_12_okami2night_256.ktx.png") right no-repeat;
- }
- .ps-overlay {
- background: rgba(0, 0, 0, 0.3);
- }
- .mainmenuwrapper {
- background: rgba(0, 0, 0, 0.2) url("https://gamepress.gg/pokemonmasters/sites/pokemonmasters/files/2019-08/pm0829_12_okami2night_256.ktx.png") right no-repeat;
- border-right: none;
- }
- .icon-user{
- display:none;
- }
- /*********************************************************
- * Global
- *********************************************************/
- a:link {
- color: #30a4e0;
- }
- a:visited {
- color: #8f30e0;
- }
- html, body {
- margin: 0;
- padding: 0;
- }
- body {
- background:url(http://i.imgur.com/wlHm7B4.png) !important;
- color: white;
- font-size: 11pt;
- font-family: Verdana, Helvetica, Arial, sans-serif;
- }
- .optlabel {
- font-size: 9pt;
- display: block;
- }
- .textbox {
- border: 1px solid #AAAAAA;
- border-radius: 3px;
- padding: 2px 3px;
- font-family: Verdana, Helvetica, Arial, sans-serif;
- font-size: 9pt;
- box-shadow: inset 0px 1px 2px #CCCCCC, 1px 1px 0 rgba(255,255,255,.6);
- background: #F8FBFD;
- color: black;
- }
- .textbox:hover {
- border-color: #474747;
- box-shadow: inset 0px 1px 2px #D2D2D2, 1px 1px 0 rgba(255,255,255,.6);
- background: #FFFFFF;
- }
- .textbox:focus {
- outline: 0 none;
- border: 1px solid #004488;
- box-shadow: inset 0px 1px 2px #D2D2D2, 0px 0px 5px #2266AA;
- background: #FFFFFF;
- }
- a.subtle {
- text-decoration: none;
- color: black;
- }
- a.subtle:hover {
- text-decoration: underline;
- color: #6688CC;
- }
- .buttonbar {
- margin-top: 1em;
- text-align: center;
- }
- /*********************************************************
- * Header
- *********************************************************/
- i.fa.fa-user {display:none;}
- .header {
- position: relative;
- height: 50px;
- background: url(http://i.imgur.com/hWvT3tA.png);
- }
- .userbar .username {
- color: black;
- text-shadow: none;
- }
- .userbar button.icon i {
- margin: 0 -5px;
- }
- .tabbar {
- position: absolute;
- bottom: 0px;
- left: 0px;
- right: 0;
- display: block;
- list-style: none;
- margin: 0;
- padding: 0 0 0 0;
- height: 35px;
- text-align: left;
- color: white;
- text-shadow: 0 1px 0 black;
- font-size: 10pt;
- line-height: 100%;
- }
- .maintabbarbottom {
- content: "";
- display: block;
- position: absolute;
- left: 0;
- right: 0;
- bottom: -2px;
- height: 2px;
- background: #c2221f;
- border: solid 0px #AAAAAA;
- border-left: 0;
- margin: -1px 0 0 0;
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
- box-shadow: 0 1px 2px rgba(0,0,0,.2);
- }
- .tabbar.maintabbar {
- margin-left: 144px;
- margin-right: 165px;
- overflow: hidden;
- }
- .tabbar li,
- .tabbar ul {
- display: block;
- float: left;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .tabbar a.button {
- outline: none;
- display: inline-block;
- height: 28px;
- min-width: 52px;
- cursor: pointer;
- text-align: center;
- text-decoration: none;
- text-shadow: 0 1px 0 rgba(255,255,255,.4);
- border-radius: 0px;
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
- box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
- white-space: nowrap;
- transform:skewX(-30deg);
- /* default colors */
- color: #707070;
- text-shadow: 0 0px 0 #707070;
- border: solid 2px #860a07;
- border-left-width: 3px;
- border-right-width: 3px;
- background-image: url("http://i.imgur.com/Lr9P13M.png");
- position: relative;
- padding: 3px 2px 3px 2px;
- margin: 0 -1px 0 0;
- top: 1px;
- border-radius: 0;
- box-shadow: none;
- font-size: 11px;
- }
- .tabbar a.button i {
- display: block;
- text-align: center;
- margin: 1px auto 0 auto;
- font-style: normal;
- font-size: 14px;
- height: 14px;
- transform:skewX(30deg);
- }
- .tabbar a.button span {
- display: block;
- overflow: hidden;
- transform:skewX(30deg);
- }
- .tabbar a.button i.text {
- font-size: 11px;
- margin-right: 8px;
- padding-left: 0;
- overflow: hidden;
- font-weight: bold;
- transform:skewX(30deg);
- }
- .tabbar a.button i.text + span {
- margin-right: -6px;
- }
- .tabbar a.button:hover{
- color:#f8f8f8;
- background-image: url("http://i.imgur.com/Lr9P13M.png");
- border-color: #BB2222;
- }
- .tabbar a.button:active {
- color:#f8f8f8;
- background-image: url("http://i.imgur.com/Lr9P13M.png");
- border-color: #BB2222;
- }
- .tabbar a.button.notifying {
- border-color: #860a07;
- background: url("http://i.imgur.com/t8yebRQ.png");
- }
- .tabbar a.button.notifying:hover {
- border-color: #bb2222;
- background: url("http://i.imgur.com/t8yebRQ.png");
- }
- .tabbar a.button.cur,
- .tabbar a.button.cur:hover {
- color: #f8f8f8;
- text-shadow: 0 1px 0 #707070;
- background-image: url("http://i.imgur.com/Lr9P13M.png");
- box-shadow: none;
- border-color: #BB2222;
- border-bottom: 0;
- cursor: default;
- padding-top: 3px;
- padding-bottom: 5px;
- top: 0px;
- }
- .tabbar li:first-child a.button {
- border-top-left-radius: 5px;
- margin-left: 9px;
- }
- .tabbar li:last-child a.button {
- border-top-right-radius: 5px;
- }
- .tabbar a.closable {
- padding-right: 8px;
- }
- .tabbar .closebutton {
- display: inline-block;
- margin: 0 0 0 -18px;
- width: 18px;
- position: relative;
- z-index: 11;
- top: 3px;
- vertical-align: top;
- color:#707070;
- }
- .tabbar a.cur + .closebutton {
- top: 3px;
- }
- .closebutton,
- .minimizebutton {
- text-decoration: none;
- font-size: 14px;
- color: #999999;
- text-shadow: none;
- border: 0;
- padding: 0;
- margin: 0;
- background: transparent;
- cursor: pointer;
- left:3px;
- bottom:2px;
- }
- .closebutton:hover,
- .minimizebutton:hover {
- color: #BB2222;
- border:none !important;
- background:none !important;
- }
- .closebutton:active,
- .minimizebutton:active {
- color: #661111;
- border:none !important;
- background:none !important;
- }
- /*********************************************************
- * Rooms
- *********************************************************/
- .ps-room {
- position: absolute;
- display: block;
- top: 52px;
- left: 0;
- right: 0;
- bottom: 0;
- border-left: 2px solid #c2221f;
- margin-left: -2px;
- }
- .scrollable {
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- overflow-scrolling: touch;
- }
- .ps-room.ps-room-light {
- background: #282828;
- color: #aaa;
- }
- .ps-room.ps-room-opaque {
- background: url("http://i.imgur.com/SWQeVpB.png");
- font-size:18px;
- color: #CCCCCC;
- font-family:"bebas neue" !important;
- }
- .ps-overlay {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: #CCCCCC;
- background: rgba(212, 212, 212, .5);
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- overflow-scrolling: touch;
- z-index: 20;
- }
- .ps-popup {
- position: absolute;
- top: auto; right: auto; left: auto; bottom: auto;
- text-align: left;
- background: #282828;
- color: #aaa;
- border: 1px solid #bb2222;
- padding: 2px 10px;
- border-radius: 0px;
- box-shadow: none;
- z-index: 20;
- }
- .ps-popup a:link {
- color: #146dc8;
- }
- .ps-popup a:visited {
- color: #7c1cce;
- }
- .ps-overlay .ps-popup {
- position: static;
- margin: 80px auto 20px auto;
- max-width: 320px;
- }
- .ps-popup p,
- .ps-popup h3 {
- margin: 7px 0;
- }
- .ps-popup h3 {
- font-size: 12pt;
- }
- p.or {
- font-size: 12pt;
- font-style: italic;
- font-weight: bold;
- color: #444444;
- margin: 20px 0;
- text-align: center;
- }
- p.or:before,
- p.or:after {
- content: "";
- font-size: 10px;
- padding: 0 0 0 85px;
- margin: 0 9px 0 0;
- border-bottom: 1px solid #777777;
- position: relative;
- top: -7px;
- }
- p.or:after {
- margin: 0 0 0 9px;
- }
- .ps-popup p.error {
- font-weight: bold;
- }
- .popupmenu, popupmenu li {
- margin: -2px 0 -1px 0;
- padding: 0;
- list-style: none;
- font-size: 8pt;
- }
- .popupmenu h3 {
- margin: 5px 0 0 -2px;
- padding: 1px 0;
- font-size: 8pt;
- color: #fff;
- }
- .popupmenu li:first-child h3 {
- margin-top: 0;
- }
- .popupmenu button {
- display: block;
- cursor: pointer;
- font-size: 8pt;
- font-family: Verdana, Helvetica, Arial, sans-serif;
- margin: 0 0 0 6px;
- padding: 0 4px;
- border: 0;
- border-radius: 0px;
- background: transparent;
- color: #aaa;
- width: 204px;
- height: 19px;
- text-align: left;
- box-sizing: border-box;
- }
- @media (max-height:590px) {
- .popupmenu button {
- height: 17px;
- }
- .popupmenu h3 {
- margin-top: 2px;
- }
- .popupmenu, popupmenu li {
- margin: -3px 0 -2px 0;
- }
- }
- @media (max-height:518px) {
- .popupmenu button {
- height: 16px;
- }
- .popupmenu h3 {
- margin-top: 1px;
- }
- }
- .popupmenu button.sel {
- padding: 0 3px;
- border: 1px solid #AAAAAA;
- }
- .popupmenu button:hover,
- .popupmenu button.sel:hover {
- border-radius: 0px;
- padding: 0 3px;
- border: 1px solid #888888;
- background: rgba(0,0,0,0.3);
- }
- .select {
- cursor: pointer;
- box-sizing: border-box;
- width: 230px;
- height: 32px;
- padding: 0 5px;
- font-size: 9pt;
- text-align: left;
- font-family: Verdana, Helvetica, Arial, sans-serif;
- border-radius: 0px;
- border: 2px solid #282828;
- box-shadow: inset 0 1px 0 #FFFFFF;
- background: url("http://i.imgur.com/cON9TA0.png");
- color: #aaa;
- }
- .select:hover {
- color:#fff;
- border-radius: 0px;
- border: 2px solid #282828;
- background: url("http://i.imgur.com/Q5an6Ul.png");
- }
- .select:active {
- border: 2px solid #282828;
- border-radius: 0px;
- outline:pink;
- background: url("http://i.imgur.com/Q5an6Ul.png");
- box-shadow: inset 0 1px 0 #FFFFFF;
- }
- .select:after {
- float: right;
- margin-top: 1px;
- font-size: 14px;
- content: "\f0d7";
- font-family: FontAwesome;
- -webkit-font-smoothing: antialiased;
- color: #777777;
- }
- .select:disabled {
- border-color: #999999;
- background: rgba(220,220,220,.3);
- color: #555555;
- box-shadow: none;
- }
- .select:disabled:after {
- content: "";
- }
- .select.preselected,
- .select:disabled.preselected {
- color: black;
- }
- /*********************************************************
- * Main menu
- *********************************************************/
- .leftmenu {
- padding: 40px 0 0 0;
- width: 324px;
- }
- .rightmenu {
- position: absolute;
- top: 40px;
- right: 25px;
- }
- .activitymenu {
- position: absolute;
- left: 325px;
- top: 40px;
- }
- .mainmenu {
- padding: 0 0 30px 0;
- }
- .battleform {
- width: 230px;
- text-align: left;
- margin: 0 auto;
- }
- .battleform .buttonbar {
- text-align: center;
- }
- .mainmenuwrapper {
- position: relative;
- min-height: 100%;
- }
- .mainmenufooter {
- position: absolute;
- bottom: 15px;
- left: 20px;
- color: #BBBBBB;
- text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black;
- }
- .mainmenufooter blockquote {
- margin: 0 0 1em 0;
- padding: 0;
- }
- .mainmenufooter small {
- font-size: 9pt;
- }
- .mainmenufooter a {
- text-decoration: underline;
- color: #6688CC;
- }
- .mainmenufooter a:hover {
- text-decoration: underline;
- color: #99BBFF;
- }
- .pmbox {
- width: 270px;
- margin: 0 auto;
- min-height: 2px;
- }
- .pm-window {
- margin-bottom: 12px;
- }
- .pm-window h3 {
- background: #4b4b4b;
- color: #aaa;
- margin: 0;
- padding: 2px 5px;
- font-size: 11pt;
- border: 2px solid #4b4b4b;
- border-top-left-radius: 0px;
- border-top-right-radius: 0px;
- cursor: pointer;
- }
- .pm-window h3:hover {
- color: #333333;
- }
- .pm-window h3.pm-minimized {
- border-radius: 5px;
- }
- .pm-window h3.pm-notifying {
- border-color: #AA8866;
- background: #E3C3A3;
- }
- .pm-window h3.pm-notifying:hover {
- border-color: #604020;
- background: #CFAF8F;
- }
- .pm-window h3 .closebutton,
- .pm-window h3 .minimizebutton {
- float: right;
- padding-right: 1px;
- }
- .pm-window h3 small {
- color: #888888;
- font-weight: normal;
- vertical-align: 1px;
- }
- .pm-log {
- min-height: 100px;
- max-height: 300px;
- background: #282828;
- color: #aaa;
- word-wrap: break-word;
- border: 2px solid #4b4b4b;
- border-top: 0;
- border-bottom: 0;
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- overflow-scrolling: touch;
- }
- .pm-log-add {
- border: 0px solid #c2221f;
- border-bottom-left-radius: 0px;
- border-bottom-right-radius: 0px;
- background: #4b4b4b;
- }
- .pm-window.collapsed .pm-log,
- .pm-window.collapsed .pm-log-add {
- display: none;
- }
- .pm-window.focused h3,
- .pm-window.focused .pm-log,
- .pm-window.focused .pm-log-add {
- border-color: #555555;
- }
- .pm-window.focused h3,
- .pm-window.focused h3:hover {
- background: #bebebe;
- color: #222222;
- cursor: default;
- }
- .challenge {
- margin-top: -1px;
- background: #282828;
- border: 1px solid #f57b21;
- color: #fff;
- padding: 1px 5px;
- }
- .challenge p {
- margin: 4px 0;
- }
- .tiny-layout .leftmenu,
- .tiny-layout .rightmenu,
- .tiny-layout .activitymenu {
- position: static;
- top: 0;
- right: 0;
- left: 0;
- width: auto;
- margin: 0;
- padding: 0;
- }
- .tiny-layout .leftmenu {
- padding-top: 30px;
- }
- .tiny-layout .activitymenu {
- padding-bottom: 8px;
- }
- .mainmessage {
- display: block;
- padding: 10px 15px;
- margin: 30px 40px;
- max-width: 400px;
- border-radius: 20px;
- background: rgba(201, 207, 219, .8);
- color: black;
- }
- .menugroup {
- display: block;
- padding: 10px 0;
- margin: 0 27px 30px 27px;
- max-width: 400px;
- border-radius: 20px;
- color: white;
- text-shadow: 0 1px 0 black;
- }
- .menugroup {
- background: #4b4b4b;
- text-align: center;
- }
- .mainmessage p,
- .menugroup p {
- margin: 10px 0;
- }
- .mainmenu .menugroup:nth-child(2) p:nth-child(1) .button, .mainmenu .menugroup:nth-child(2) p:nth-child(2) .button, .mainmenu .menugroup:nth-child(2) p:nth-child(3) .button, .mainmenu .menugroup:nth-child(3) p:nth-child(1) .button, .mainmenu .menugroup:nth-child(3) p:nth-child(2) .button, body .button.mainmenu4, body .button.mainmenu5 {
- box-sizing: border-box;
- font-size: 12pt;
- font-family: Verdana, Helvetica, Arial, sans-serif;
- display: inline-block;
- padding: 5px 7px 3px 7px;
- width: 200px;
- box-shadow:none;
- outline: none;
- cursor: pointer;
- text-align: center;
- text-decoration: none;
- text-shadow: 0 -1px 0 hsl(210,40%,10%);
- border-radius: 5px;
- /* default colors */
- color: #aaa;
- border: solid 2px #860a07;
- background: #779EC5;
- background: url("http://i.imgur.com/KpRUrnS.png");
- box-shadow:none;
- outline: none;
- cursor: pointer;
- text-align: center;
- text-decoration: none;
- text-shadow: 0 -1px 0 hsl(210,40%,10%);
- border-radius: 5px;
- }
- .mainmenu .menugroup:nth-child(1) .button {
- width: 230px;
- padding: 6px 7px 6px 7px;
- font-size: 14pt;
- color: #aaa;
- border: solid 2px #860a07;
- background: #779EC5;
- background: url("http://i.imgur.com/KpRUrnS.png");
- box-shadow:none;
- outline: none;
- cursor: pointer;
- text-align: center;
- text-decoration: none;
- text-shadow: 0 -1px 0 hsl(210,40%,10%);
- border-radius: 5px;
- }
- .mainmenu .menugroup:nth-child(1) .button:hover, .mainmenu .menugroup:nth-child(2) p:nth-child(1) .button:hover, .mainmenu .menugroup:nth-child(2) p:nth-child(2) .button:hover, .mainmenu .menugroup:nth-child(2) p:nth-child(3) .button:hover, .mainmenu .menugroup:nth-child(3) p:nth-child(1) .button:hover, .mainmenu .menugroup:nth-child(3) p:nth-child(2) .button:hover, body .button.mainmenu4:hover, body .button.mainmenu5:hover {
- background: url("http://i.imgur.com/XxM6iVF.png");
- border-color: #bb2222;
- }
- .mainmenu .menugroup:nth-child(1) .button:active,.mainmenu .menugroup:nth-child(2) p:nth-child(1) .button:active,.mainmenu .menugroup:nth-child(2) p:nth-child(2) .button:active,.mainmenu .menugroup:nth-child(2) p:nth-child(3) .button:active,.mainmenu .menugroup:nth-child(3) p:nth-child(1) .button:active,.mainmenu .menugroup:nth-child(3) p:nth-child(2) .button:active, body .button.mainmenu4:active, body .button.mainmenu5:active {
- box-shadow: none;
- background: url("http://i.imgur.com/KpRUrnS.png") !important;
- border-color: #bb2222;
- }
- .menugroup .button.disabled,
- .menugroup .button.disabled:hover,
- .menugroup .button.disabled:active {
- cursor: default;
- background: #EEEEEE;
- border: 1px solid #CCCCCC;
- color: #999999;
- text-shadow: none;
- box-shadow: 0 1px 2px rgba(0,0,0,.1);
- }
- .rightmenu {
- width: 294px;
- }
- .rightmenu .menugroup .button {
- width: 180px;
- }
- @media (max-width:895px) {
- .mainmenu {
- padding-bottom: 1px;
- }
- .rightmenu {
- position: static;
- top: 0;
- right: 0;
- padding-bottom: 30px;
- }
- .rightmenu {
- width: 324px;
- }
- .rightmenu .menugroup .button {
- width: 200px;
- }
- }
- /*********************************************************
- * Ladder
- *********************************************************/
- .ladder table, .ladder td, .ladder th {
- border-collapse: collapse;
- border: 1px solid #BBBBBB;
- }
- .ladder td, .ladder th {
- padding: 3px 5px;
- }
- .ladder th {
- text-align: left;
- font-size: 9pt;
- background: #EEEEEE;
- }
- .ladder span {
- color: gray;
- }
- .roomcounters button {
- display: block;
- border: 2px solid #860a07;
- background: url("http://i.imgur.com/kW45q0f.png");
- border-radius: 4px;
- text-decoration: none;
- color: #aaa;
- text-shadow: none;
- box-shadow: none;
- cursor: pointer;
- font-size: 10pt;
- }
- .roomcounters button:hover {
- border: 2px solid #c2221f;
- background: url("http://i.imgur.com/LucasN4.png");
- color: #c4c4c4;
- text-decoration: none;
- }
- .roomcounters button:active {
- box-shadow: none;
- background: url("http://i.imgur.com/KpRUrnS.png") !important;
- border-color: #bb2222;
- }
- .roomlist {
- text-align: left;
- background:#282828;
- }
- .roomlist a.ilink {
- display: block;
- margin: 2px 7px 4px 7px;
- padding: 1px 4px 2px 4px;
- border: 2px solid #860a07;
- background: url("http://i.imgur.com/kW45q0f.png");
- border-radius: 4px;
- text-decoration: none;
- color: #aaa;
- text-shadow: none;
- box-shadow: none;
- cursor: pointer;
- font-size: 10pt;
- overflow: hidden;
- white-space: nowrap;
- }
- .roomlist a.ilink small {
- font-size: 8pt;
- }
- .roomlist a.ilink:hover {
- border: 2px solid #c2221f;
- background: url("http://i.imgur.com/LucasN4.png");
- color: #c4c4c4;
- text-decoration: none;
- }
- .ps-popup.credits {
- max-width: 380px;
- margin-top: 20px;
- padding: 5px 60px;
- }
- .credits h2 {
- font-size: 11pt;
- font-style: italic;
- margin-bottom: 0;
- color: #6688AA;
- }
- .credits ul {
- padding-left: 1.5em;
- margin-top: 0;
- margin-bottom: 0;
- color: #88AACC;
- }
- .credits ul li p {
- color: black;
- }
- .credits li small {
- font-size: 10pt;
- display: block;
- color: #555555;
- }
- /*********************************************************
- * Chat
- *********************************************************/
- .chat.mine {
- background:none !important;
- margin:0px !important;
- }
- .chat-log {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 40px;
- font-size: 10pt;
- background: #282828;
- color: #AAAAAA;
- font-weight:normal;
- word-wrap: break-word;
- overflow: auto;
- overflow-x: hidden;
- -webkit-overflow-scrolling: touch;
- overflow-scrolling: touch;
- }
- .chat-log-add {
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- min-height: 37px;
- padding: 3px 4px 0 4px;
- border-top: 0px solid #131313;
- background: #4b4b4b;
- background-image: url("http://i.imgur.com/tlYXiOz.png");
- background-repeat:repeat-x;
- text-shadow: 1px 1px black;
- }
- .chat-log .notice,
- .chat-log .chat,
- .pm-log .chat {
- padding: 4px 0 2px 0;
- font-size: 9pt;
- }
- .chat em {
- padding: 0 4px 0 3px;
- font-style: normal;
- }
- .chat small {
- font-weight: normal;
- font-size: 8pt;
- color: #888888;
- }
- .chat.timer {
- color: #992222;
- }
- .debug {
- display: none;
- }
- .highlighted {
- background-color: #1e1e1e;
- margin:0px !important;
- }
- .pm-window h3.pm-notifying { background-color:#390404;
- border-color:#860a07}
- .message-pm {
- color: #007100;
- }
- .message-pm .pmnote {
- cursor: pointer;
- }
- .chat-log .inner,
- .pm-log .inner {
- padding: 4px 8px 6px 8px;
- }
- a.ilink {
- text-decoration: none;
- color: #224488;
- }
- a.ilink:hover {
- text-decoration: underline;
- color: #6688CC;
- }
- .chatbox {
- margin: 0 30px 0 80px;
- padding: 5px 0 0 0;
- }
- .chatbox.nolabel {
- margin: 0 14px 0 6px;
- padding: 5px 0 5px 0;
- }
- .chatbox label {
- float: left;
- margin-left: -78px;
- padding-top: 2px;
- width: 73px;
- text-align: right;
- overflow: hidden;
- white-space: pre;
- font-weight: bold;
- font-size: 8pt;
- }
- .chatbox textarea {
- display: block;
- height: 1.1em;
- width: 100%;
- resize: none;
- font-size: 9pt;
- font-family: Verdana, Helvetica, Arial, sans-serif;
- border-radius:0px;
- }
- .username{
- text-shadow: 1px 1px black;
- }
- /* Tournaments */
- .tournaments-info > ul {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .tournament-wrapper {
- display: none;
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- height: 2em;
- line-height: 2em;
- text-align: center;
- border-bottom: 1px #aaa solid;
- }
- .tournament-wrapper.active {
- display: block;
- }
- .tournament-wrapper.active + .chat-log {
- top: 2.4em;
- }
- .tournament-title {
- font-weight: bold;
- cursor: pointer;
- }
- .tournament-status, .tournament-toggle {
- position: absolute;
- top: 0;
- padding: 0 0.5em;
- font-weight: normal;
- font-size: 80%;
- background-color: rgba(19,19,19, 0.85);
- border-right: 1px #aaa solid;
- }
- .tournament-status {
- left: 0;
- }
- .tournament-toggle {
- right: 0;
- border-left: 1px #aaa solid;
- }
- .tournament-box {
- position: absolute;
- top: 2em;
- left: 0;
- right: 0;
- z-index: 1;
- line-height: 1em;
- border-bottom: 1px #aaa solid;
- border-right: 1px #aaa solid;
- background-color: rgba(19, 19, 19, 0.85);
- max-height: 0;
- overflow: hidden;
- transition: max-height 0.2s ease-in-out;
- -o-transition: max-height 0.2s ease-in-out;
- -moz-transition: max-height 0.2s ease-in-out;
- -webkit-transition: max-height 0.2s ease-in-out;
- }
- .tournament-bracket {
- max-height: 200px;
- padding: 10px;
- overflow: hidden;
- font-size: 8pt;
- }
- .tournament-bracket-overflowing {
- height: 200px;
- padding: 0;
- position: relative;
- left: 0;
- top: 0;
- }
- .tournament-popout-link {
- position: absolute;
- bottom: 0.5em;
- right: 0.5em;
- }
- .tournament-popout-bracket {
- /* Actual max-width and -height setting is in client-chat-tournament.js (BracketPopup)
- max-width: 80%;
- max-height: 80%;*/
- max-width: inherit !important;
- position: relative !important;
- left: 0;
- top: 0;
- overflow: hidden;
- padding: 0;
- font-size: 8pt;
- text-align: center;
- }
- .tournament-popout-bracket > *[class^='tournament-bracket-'] {
- position: absolute;
- right: 0;
- top: 0;
- }
- .tournament-popout-bracket > .buttonbar {
- position: absolute;
- right: 0.5em;
- bottom: 0;
- }
- .tournament-bracket-table {
- margin: 0 auto;
- empty-cells: hide;
- border-bottom: 1px #aaa solid;
- border-collapse: collapse;
- }
- .tournament-bracket-table td, .tournament-bracket-table th {
- border: 1px #aaa solid;
- padding: 5px;
- }
- .tournament-bracket-table td {
- white-space: nowrap;
- }
- .tournament-bracket-table .empty,
- .tournament-bracket-table .tournament-bracket-table-cell-null {
- border-width: 0;
- }
- .tournament-bracket-table-cell-result-win {
- background-color: rgba(0, 255, 0, 0.2)
- }
- .tournament-bracket-table-cell-result-draw {
- background-color: rgba(255, 255, 0, 0.2)
- }
- .tournament-bracket-table-cell-result-loss {
- background-color: rgba(255, 0, 0, 0.2)
- }
- .tournament-bracket-tree-link {
- fill: none;
- stroke: #aaa;
- }
- .tournament-bracket-tree-link-active {
- stroke: #aa0;
- stroke-width: 3px;
- }
- .tournament-bracket-tree-node > rect {
- /* Note: Due to SVG limitations, dimensions and border radii are in client-chat-tournament.js (nodeSize) */
- fill: rgba(75,75,75, 0.7);
- stroke: rgba(178, 183, 191, 0.7);
- }
- .tournament-bracket-tree-node-win > rect {
- fill: rgba(0, 255, 0, 0.2);
- stroke: rgba(0, 255, 0, 0.5);
- }
- .tournament-bracket-tree-node-draw > rect {
- fill: rgba(255, 255, 0, 0.2);
- stroke: rgba(255, 255, 0, 0.5);
- }
- .tournament-bracket-tree-node-loss > rect {
- fill: rgba(255, 0, 0, 0.2);
- stroke: rgba(255, 0, 0, 0.5);
- }
- .tournament-bracket-tree-node > text {
- font-size: 0.8em;
- text-anchor: middle;
- dominant-baseline: central;
- }
- .tournament-bracket-tree-node > text > a {
- fill: #248;
- }
- .tournament-bracket-tree-node > text > a:hover {
- fill: #68c;
- }
- .tournament-bracket-tree-node-match-team {
- font-weight: bold;
- }
- .tournament-bracket-tree-node-match-team-draw, .tournament-bracket-tree-node-match-team-loss {
- fill: #aaa;
- }
- .tournament-tools {
- padding: 10px;
- display: none;
- border-top: 1px #aaa solid;
- }
- .tournament-tools.active {
- display: block;
- }
- .tournament-join,
- .tournament-leave {
- display: none;
- }
- .tournament-join.active,
- .tournament-leave.active {
- display: inline;
- }
- .tournament-nomatches,
- .tournament-challenge,
- .tournament-challengeby,
- .tournament-challenging,
- .tournament-challenged {
- display: none;
- }
- .tournament-nomatches.active,
- .tournament-challenge.active,
- .tournament-challengeby.active,
- .tournament-challenging.active,
- .tournament-challenged.active {
- display: block;
- }
- div[class^='tournament-message-'], div[class*=' tournament-message-'] {
- font-weight: bold;
- }
- .tournament-message-end-bracket {
- font-weight: normal !important;
- max-height: 400px;
- overflow: hidden;
- text-align: center;
- }
- .tournament-message-end-bracket-overflowing {
- height: 400px;
- position: relative;
- left: 0;
- top: 0;
- }
- /* Messages */
- .message-announce {
- background: #6688AA;
- color: white;
- padding: 1px 4px 2px;
- }
- .message-announce a,
- .broadcast-green a,
- .broadcast-blue a,
- .broadcast-red a {
- /* Readable link colour */
- color: #DDEEFF;
- }
- .broadcast-green {
- background-color: #559955;
- color: white;
- padding: 2px 4px;
- }
- .broadcast-blue {
- background-color: #6688AA;
- color: white;
- padding: 2px 4px;
- }
- .infobox {
- border: 1px solid #6688AA;
- padding: 2px 4px;
- }
- .broadcast-red {
- background-color: #AA5544;
- color: white;
- padding: 2px 4px;
- }
- .message-learn-canlearn {
- font-weight: bold;
- color: #228822;
- text-decoration: underline;
- }
- .message-learn-cannotlearn {
- font-weight: bold;
- color: #CC2222;
- text-decoration: underline;
- }
- .message-effect-weak {
- font-weight: bold;
- color: #CC2222;
- }
- .message-effect-resist {
- font-weight: bold;
- color: #6688AA;
- }
- .message-effect-immune {
- font-weight: bold;
- color: #666666;
- }
- .message-learn-list {
- margin-top: 0;
- margin-bottom: 0;
- }
- .message-throttle-notice {
- color: red;
- }
- /* Userlist */
- .userlist {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- width: 145px;
- color:#bb2222;
- border-right: 2px solid #bb2222;
- background:#282828;
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- overflow-scrolling: touch;
- }
- .chat-log.hasuserlist,
- .chat-log-add.hasuserlist,
- .tournament-wrapper.hasuserlist {
- left: 146px;
- }
- .userlist,
- .userlist li {
- display: block;
- list-style-type: none;
- margin: 0;
- padding: 0;
- text-align: left;
- }
- .userlist li {
- border-bottom: 0px solid #bb2222;
- height: 19px;
- font: 10pt Verdana, sans-serif;
- white-space: nowrap;
- }
- .userlist li em.group {
- font-style: normal;
- font-size: 8pt;
- color: #AAAAAA;
- display: block;
- float: left;
- text-align: center;
- padding: 1px 0 0 1px;
- width: 14px;
- }
- .userlist li button {
- box-sizing: border-box;
- display: block;
- height: auto;
- background: transparent;
- border: 0;
- padding: 1px 0;
- margin: 0;
- height: 19px;
- width: 100%;
- white-space: nowrap;
- font: 9pt Verdana, sans-serif;
- text-align: left;
- cursor: pointer;
- }
- .userlist li button:hover {
- background: #4a4b4b;
- }
- .userlist li button:active {
- background: #ccd4dc;
- }
- .userlist li.cur {
- background: white;
- }
- .userlist li.cur button,
- .userlist li.cur button:hover {
- background: white;
- margin: 0 0 0 -1px;
- }
- .avatarlist {
- background:#ff66cc;
- }
- /*********************************************************
- * Battle
- *********************************************************/
- .battle
- {
- position: absolute;
- text-align: left;
- top: 25px;
- left: -1px;
- border: 0px solid #AAAAAA;
- background-image: url("http://i.imgur.com/WpQsQmG.png");
- width: 640px;
- height: 360px;
- overflow: hidden;
- padding-top:15px;
- padding-bottom:200px;
- font-family: Verdana, sans-serif;
- font-size: 10pt;
- }
- .backdrop {
- width: 640px;
- height: 360px;
- position: absolute;
- top: 0px;
- left: 0px;
- overflow: hidden;
- z-index: 0;
- background-size: 640px 320px !important;
- background-image: url(http://i.imgur.com/KXYj116.png);
- opacity: 1 !important;
- }
- .backdrop[style*="bg-beach.png"] {
- background-image: url(http://i.imgur.com/KR5Xcgy.png) !important;
- z-index: 0;
- }
- .backdrop[style*="bg-beachshore.png"] {
- background-image: url(http://i.imgur.com/kuVq9Gb.png) !important;
- z-index: 0;
- }
- .backdrop[style*="bg-city.png"] {
- background-image: url(http://i.imgur.com/AqMv0Vr.png) !important;
- z-index: 0;
- }
- .backdrop[style*="bg-dampcave.png"] {
- background-image: url(http://i.imgur.com/te4lJOc.png) !important;
- z-index: 0;
- }
- .backdrop[style*="bg-deepsea.png"] {
- background-image: url(http://i.imgur.com/Kou1vu5.png) !important;
- z-index: 0;
- }
- .backdrop[style*="bg-desert.png"] {
- background-image: url(http://i.imgur.com/4EwQDTS.png) !important;
- z-index: 0;
- }
- .backdrop[style*="bg-earthycave.png"] {
- background-image: url(http://i.imgur.com/Ffd9WMk.png) !important;
- z-index: 0;
- }
- .backdrop[style*="bg-forest.png"] {
- background-image: url(http://i.imgur.com/ux0Qk2g.png) !important;
- z-index: 0;
- }
- .backdrop[style*="bg-icecave.png"] {
- background-image: url(http://i.imgur.com/jm7L77m.png) !important;
- z-index: 0;
- }
- .backdrop[style*="bg-meadow.png"] {
- background-image: url(http://i.imgur.com/S1UT6wM.png) !important;
- z-index: 0;
- }
- .backdrop[style*="bg-mountain.png"] {
- background-image: url(http://i.imgur.com/vSMRAXr.png) !important;
- z-index: 0;
- }
- .backdrop[style*="bg-river.png"] {
- background-image: url(http://i.imgur.com/0EQhNGM.png) !important;
- z-index: 0;
- }
- .backdrop[style*="bg-route.png"] {
- background-image: url(http://i.imgur.com/7GGWeJ1.png) !important;
- z-index: 0;
- }
- .backdrop[style*="bg-thunderplains.png"] {
- background-image: url(http://i.imgur.com/nRPiAi7.png) !important;
- z-index: 0;
- }
- .backdrop[style*="bg-volcanocave.png"] {
- background-image: url(http://i.imgur.com/UA2v1nN.png) !important;
- z-index: 0;
- }
- .backdrop[style*="bg-gen1.png"] {
- background-image: url(http://i.imgur.com/FjWc5ma.png) !important;
- z-index: 0;
- }
- .backdrop:after {
- display:block ;
- content:"";
- background:url(http://i.imgur.com/uUyHBub.png);
- z-index: 0;
- position:absolute;
- top:-5px;
- left:0;
- width:640px;
- height:398px}
- .turn {
- position: absolute;
- top: -46px;
- left: 290px !important;
- width: 61px;
- height: 50px;
- font-family:"bebas neue" !important;
- font-size: 15pt;
- font-weight: normal;
- margin: 0px;
- padding: 0px;
- padding-top:48px;
- border: 0;
- border-radius: 0;
- opacity: 1 !important;
- background: none;
- background-repeat:no-repeat;
- background-position:0px 0px;
- text-align: center;
- color: #fff;
- text-shadow:
- 2px 1px #707070,
- 1px 1px 0 #707070,
- 1px 0px #707070;
- }
- /* 3rd team icon fix */
- .teamicons:last-child { visibility: hidden }
- .rightbar {
- position: absolute;
- top: 85px;
- right:23px;
- height: 375px;
- width: 35px;
- background-color: rgba(255,255,255,0);
- border: 0px solid rgba(215,215,215,0.5);
- color: #777777;
- }
- .rightbar .trainer {
- margin-top: 0px;
- text-align: right;
- }
- .rightbar .trainersprite{
- position: absolute;
- right:-34px;
- opacity: 1 !important;
- top:278px;
- }
- .rightbar .trainer strong {
- width:260px;
- z-index:1;
- transform:rotate(90deg) translate(85px,84px);
- display: block;
- font-size: 20px;
- font-family:"bebas neue" !important;
- text-align: left !important;
- font-weight:normal;
- overflow: visible;
- margin-top:45px;
- margin-left:-57px;
- color: #ffffff;
- letter-spacing: 1px;
- }
- .rightbar .trainer .teamicons {
- float:left;
- position: relative;
- opacity:1;
- top:-80px;
- left:6px;
- height: 48px;
- bottom:138px;
- }
- .leftbar {
- position: absolute;
- top: 12px;
- left:23px;
- height: 375px;
- width: 35px;
- background-color: rgba(255,255,255,0);
- border: 0px solid rgba(215,215,215,0.5);
- color: #777777;
- background-image: url(http://i.imgur.com/OxHfKb3.png);
- background-repeat: no-repeat;
- text-align: right!important;
- }
- .leftbar .trainer {
- margin-top: 0px;
- text-align: right;
- }
- .leftbar .trainersprite{
- position: absolute;
- right:-20px;
- opacity: 1 !important;
- top:446px;
- }
- .leftbar .trainer strong {
- width:260px;
- z-index:1;
- transform:rotate(-90deg) translate(-55px,-105px);
- display: block;
- font-size: 20px;
- font-family:"bebas neue" !important;
- text-align: left !important;
- font-weight:normal;
- overflow: visible;
- margin-top:270px;
- padding-left:50px;
- color: #ffffff;
- letter-spacing: 1px;}
- .trainer div.teamicons
- {
- width: 55px;
- height: 48px;
- bottom:138px;
- }
- .teamicons span
- {
- float: left;
- margin-top:10px !important;
- margin-bottom:57px !important;
- }
- .leftbar .trainer .teamicons {
- float:right;
- position: relative;
- opacity:1;
- left:22px;
- }
- .leftbar:before {
- display:block ;
- content:"";
- background:url(http://i.imgur.com/7ORTMv9.png);
- position:absolute;
- left:-23px;
- top:-16px;
- width:650px;
- height:565px;}
- .ps-room .battle-log {
- position: absolute;
- top: 0;
- left: 640px;
- right: 0;
- bottom: 40px;
- height: auto;
- width: auto;
- color: #AAAAAA;
- border-color:#c2221f;
- background: #282828;
- border-width:2px;
- word-wrap: break-word;
- border-right: 0;
- border-top: 0;
- border-bottom: 0;
- z-index:2 !important;
- }
- .ps-room .battle-log-add {
- position: absolute;
- bottom: 0;
- left: 640px;
- right: 0;
- top: auto;
- min-height: 37px;
- height: auto;
- width: auto;
- padding: 3px 4px 0 4px;
- border-right: 0;
- border-bottom: 0;
- }
- .ps-room .battle {
- border-top: 0;
- border-left: 0;
- border-right: 0;
- top: 0;
- left: 0;
- }
- .battle-log-add
- {
- position: absolute;
- text-align: left;
- border-top: 2px solid #131313;
- border-left: 2px solid #c2221f;
- border-right: 1px solid #c2221f;
- background: #4b4b4b;
- background-image: url("http://i.imgur.com/tlYXiOz.png");
- background-repeat:repeat-x;
- color: black;
- top: 370px;
- left: 640px;
- right: 0px;
- z-index:1 !important;
- font-family: Verdana, sans-serif;
- font-size: 10pt;
- }
- .battle-log
- {
- position: absolute;
- text-align: left;
- border: 1px solid #AAAAAA;
- background: #282828;
- color: #AAAAAA;
- top: 9px;
- left: 640px;
- right: -1px;
- height: 360px;
- font-family: Verdana, sans-serif;
- font-size: 10pt;
- overflow: auto;
- overflow-y: scroll;
- -webkit-overflow-scrolling: touch;
- overflow-scrolling: touch;
- }
- .battle-log .inner
- {
- padding: 4px 8px 0px 8px;
- }
- .battle-log .inner-preempt
- {
- padding: 0 8px 4px 8px;
- }
- .battle-log .inner-after
- {
- margin-top: 0.5em;
- }
- .battle-log h2
- {
- margin: 0.5em -8px;
- padding: 4px 8px;
- border: 0px solid #AAAAAA;
- color:white;
- background: url("http://i.imgur.com/592kyTJ.png");
- background-repeat:no-repeat;
- height:27px;
- border-left: 0; border-right: 0;
- font-family: Verdana, sans-serif;
- font-size: 14pt;
- }
- .battle-log .chat
- {
- vertical-align: middle;
- padding: 4px 0 2px 0;
- color:#aaa;
- font-size: 8pt;
- /* background: #F6FAFF; */
- }
- .battle-log .chat strong
- {
- color: #fff;
- }
- .battle-log .chat em
- {
- padding: 1px 4px 1px 3px;
- color: #c9c9c9;
- font-style: normal;
- }
- .battle-log .chat em.mine
- {
- color: #555555;
- }
- .spoiler {
- color: #E2E2E2;
- background: #E2E2E2;
- border: 1px solid #777777;
- padding: 0px 3px;
- }
- .spoiler:hover,
- .spoiler:active,
- .spoiler-shown {
- color: #000000;
- background: #E2E2E2;
- border: 0px solid #AAAAAA;
- padding: 1px 4px;
- }
- .spoiler a {
- color: #E2E2E2;
- }
- .spoiler:hover a,
- .spoiler:active a,
- .spoiler-shown a {
- color: #2288CC;
- }
- .battle-log .rated
- {
- padding: 3px 4px;
- }
- .battle-log .rated strong
- {
- color: white;
- background: #89A;
- padding: 1px 4px;
- border-radius: 4px;
- }
- .ps-room .battle-controls {
- position: absolute;
- top: 350px;
- left: 00px;
- width: 640px;
- text-align:center;
- font-size:30px;
- }
- .whatdo{
- position:relative;
- color:#fbfbfb!important;
- opacity:1;
- font-family:"bebas neue" !important;
- font-size: 20pt !important;
- right:0px;
- bottom:20px;
- text-transform:uppercase;
- text-decoration:none;
- text-align:center;}
- .whatdo strong {
- font-weight: normal;
- }
- .battle-controls p {
- margin: 2px 0 8px 0;
- padding: 0 1px;
- }
- .battle-controls .whatdo {
- margin-top: -2px;
- padding: 0 0px;
- font-size: 9pt;
- color: #555555;
- }
- .battle-controls .whatdo small {
- display:none;
- }
- .battle-controls .whatdo small.weak {
- color: #AAAA22;
- border-color: #AAAA22;
- }
- .battle-controls .whatdo small.critical {
- color: #EE4433;
- border-color: #EE4433;
- }
- @media (max-width:750px) {
- .battle-log,
- .battle-log-add {
- display: none;
- }
- }
- .ps-room .battle-controls {
- background:none; }
- /*Mega Evolution*/
- .movemenu label {
- position:relative;
- color:#fbfbfb!important;
- opacity:1;
- font-size: 30pt !important;
- right:0px;
- margin-bottom:0px;
- text-shadow:
- 2px 1px #707070,
- 1px 1px 0 #707070,
- 1px 0px #707070;
- text-transform:uppercase;
- text-decoration:none;
- text-align:center;
- background:none;
- border:none;
- }
- .megaevo {width:inherit;}
- .movemenu label:hover {
- position:relative;
- color:#fbfbfb!important;
- opacity:1;
- font-size: 30pt !important;
- text-shadow:
- 2px 1px #707070,
- 1px 1px 0 #707070,
- 1px 0px #707070;
- text-transform:uppercase;
- text-decoration:none;
- text-align:center;
- background:none;
- border:none;
- }
- .movemenu input{
- width:15px;
- color:#b4b4b4;
- position:relative;
- -webkit-transform: scale(2);
- left:-10px;
- top:-5px;}
- .shiftselect button,
- .moveselect button,
- .switchselect button {
- background: transparent;
- border: 0;
- font-weight: bold;
- font-style: italic;
- color: #555555;
- font-size: 12pt;
- display: block;
- margin: 0;
- padding: 9px 7px 1px 7px;
- }
- .shiftselect button {
- cursor: pointer;
- color:#fbfbfb!important;
- opacity:1;
- text-shadow:
- 2px 1px #707070,
- 1px 1px 0 #707070,
- 1px 0px #707070;
- text-transform:uppercase;
- font-style: none !important;
- margin-top:20px;
- margin-bottom:-23px;
- margin-left:295px;
- text-decoration:none;
- }
- .shiftselect button:hover {
- cursor: pointer;
- color:#adadad!important;
- }
- .moveselect button {
- color: #884422;
- cursor: default;
- display:none;
- }
- .switchselect button {
- color: #445588;
- cursor: default;
- display:none;
- }
- /*HP BAR*/
- .statbar
- {
- position: absolute;
- display: none;
- width: 154px;
- min-height: 40px;
- padding: 2px 4px;
- transform:skewx(-20deg);
- }
- .statbar strong
- {
- display: block;
- text-align: left;
- font-family:"bebas neue" !important;
- color: #222222;
- text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
- transform:skewx(20deg) translate(15px,2px) scaleX(1);
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- font-smoothing: antialiased;
- }
- .statbar strong small
- {
- font-weight: normal;
- font-size:10px;
- }
- .statbar .hpbar
- {
- position: relative;
- border: 1px solid #ff66;
- background: #FCFEFF;
- padding: 1px;
- height: 6px;
- border: solid 1px black;
- margin: 0 0 0 0;
- width: 151px;
- border-radius: 0px;
- }
- /* The declaration order of these hp* classes is significant. */
- .statbar .hpbar .hp
- {
- height: 2px;
- border-top: 2px solid #00dd60;
- background: #00bb51;
- border-bottom: 2px solid #007734;
- border-right: 1px solid #007734;
- border-radius: 0px;
- }
- .statbar .hpbar .hp-yellow
- {
- border-top-color: #f8e379;
- background-color: #f5d538;
- border-bottom-color: #be9f0a;
- border-right-color: #be9f0a;
- }
- .statbar .hpbar .hp-red
- {
- border-top-color: #f37f67;
- background-color: #ee4928;
- border-bottom-color: #a3260d;
- border-right-color: #a3260d;
- }
- /* The declaration order of these prevhp* classes is significant. */
- .statbar .hpbar .prevhp
- {
- background: #BBEECC;
- height: 6px;
- border-radius: 3px;
- }
- .statbar .hpbar .prevhp-yellow
- {
- background-color: #fcf4ca;
- }
- .statbar .hpbar .prevhp-red
- {
- background-color: #facec5;
- }
- /****************/
- .statbar .hpbar .hptext
- {
- position: absolute;
- background: #777777;
- color: #222;
- text-shadow: #000000 0 1px 0;
- text-stroke: 1px #222;
- font-size:10px;
- width: 32px;
- height: 12px;
- top: -12px;
- text-align: center;
- text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
- transform: skewx(20deg) scaleY(0.7) ;
- font-family: "russo" !important;
- }
- .statbar .hpbar .hptextborder
- {
- position: absolute;
- background: transparent;
- border-top: 0px solid #777777;
- border-bottom: 0px solid #777777;
- width: 0px;
- top: -1px;
- height: 10px;
- }
- .rstatbar .hpbar .hptext
- {
- right: 5px;
- border-radius: 0 0px 0px 0;
- text-align:right;
- background:none;
- }
- .lstatbar .hpbar .hptext
- {
- left: 118px;
- border-radius: 4px 0 0 4px;
- text-align:right;
- background:none;
- }
- .rstatbar .hpbar .hptextborder
- {
- right: -3px;
- }
- .lstatbar .hpbar .hptextborder
- {
- left: -3px;
- }
- .statbar .status
- {
- min-height: 10px;
- font-size: 7pt;
- transform: skewx(20deg);
- margin-top:3px;
- }
- .statbar span
- {
- padding: 0px 1px;
- border: 1px solid #FF4400;
- border-radius: 0px;
- }
- .statbar span.brn,
- .statbar span.psn,
- .statbar span.slp,
- .statbar span.par,
- .statbar span.frz
- {
- padding: 1px 2px;
- border: 0;
- border-radius: 3px;
- }
- .statbar span.brn
- {
- background: none;
- color: #EE5533;
- border: none;
- font-family:"bebas neue" !important;
- text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
- font-size:12px;
- }
- .statbar span.psn
- {
- background: none;
- color: #A4009A;
- border: none;
- font-family:"bebas neue" !important;
- text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
- font-size:12px;
- }
- .statbar span.par
- {
- background: none;
- color: #9AA400;
- border: none;
- font-family:"bebas neue" !important;
- text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
- font-size:12px;
- }
- .statbar span.slp
- {
- background: none;
- color: #AA77AA;
- border: none;
- font-family:"bebas neue" !important;
- text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
- font-size:12px;
- }
- .statbar span.frz
- {
- background: none;
- color: #009AA4;
- border: none;
- font-family:"bebas neue" !important;
- text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
- font-size:12px;
- }
- .statbar span.bad
- {
- background: none;
- color: #d23c3c;
- border: none;
- font-family:"bebas neue" !important;
- text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
- font-size:12px;
- }
- .statbar span.good
- {
- background: none;
- color: #048720;
- border: none;
- font-family:"bebas neue" !important;
- text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
- font-size:12px;
- }
- .statbar span.neutral
- {
- background: #F0F0F0;
- color: #555555;
- border-color: #555555;
- }
- /*MODIFY SWITCH MENU BG COLOUR*/
- .switchmenu button {
- border:solid 0px #c2221f;
- border-right:none;
- position: relative;
- display: block;
- float: left;
- background: rgba(0,0,0,0.2);
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0), inset 0 -1px 2px rgba(255,255,255,0);
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,0), inset 0 -1px 2px rgba(255,255,255,0);
- box-shadow: 0 1px 2px rgba(0,0,0,0), inset 0 -1px 2px rgba(255,255,255,0);
- border-radius: 0px;
- width: 100px;
- left:21px;
- top:10px;
- margin-right: 0px;
- font: 8pt "Bank Gothic", sans-serif;
- color:white;
- padding: 0px 5px 5px 0;
- white-space: pre;
- font-weight:normal;
- overflow: show;
- width:96px;
- transform:skewX(-20deg);
- text-shadow: 0 1px 0 rgba(255,255,255,0);
- text-align:right !important;
- }
- .switchmenu button .picon {
- float: left;
- margin: 0px 0;
- opacity: 1;
- transform:skewX(20deg) scale(2) !important;
- }
- .switchmenu button .hpbar {
- position: absolute;
- display: block;
- border-top: 0px solid #AAA;
- border-bottom:1px solid #AAA;
- background: #EEE;
- height: 1px;
- bottom: 5px; left: 0px;
- border-radius: 0px;
- opacity: 1;
- transform:scale(0.5,3) translate(45px,0px);
- }
- /* The declaration order of these three hpbar* classes is significant. */
- .switchmenu button .hpbar span {
- display: block;
- height: 1px;
- background: #0A6;
- border-top: 1px solid #3C0;
- border-radius: 0px;
- }
- .switchmenu button .hpbar-yellow span {
- border-top-color: #a5aa53;
- background-color: #a2a822;
- }
- .switchmenu button .hpbar-red span {
- border-top-color: #faa;
- background-color: #f55;
- }
- /****************/
- /*SWITCH MENU STATUS CONDITION BOX*/
- .switchmenu button .status {
- position: absolute;
- display: block;
- right: 6px;
- bottom: 10px;
- width: 7px;
- height: 7px;
- padding: 0;
- border-radius: 0px;
- border: 0px solid #C2C2C2;
- opacity: 1.0;
- transform:skewX(20deg);
- }
- .status {
- color: white;
- border-radius: 3px;
- padding: 0 2px;
- }
- .status.brn {
- background: url("http://i.imgur.com/2RUWDik.png");
- }
- .status.psn, .status.tox {
- background: url("http://i.imgur.com/cSD6KhH.png");
- }
- .status.par {
- background: url("http://i.imgur.com/Xural3K.png");
- }
- .status.slp {
- background: url("http://i.imgur.com/D9tj4cp.png");
- }
- .status.frz {
- background: url("http://i.imgur.com/rYrxCVO.png");
- }
- /*SWITCH MENU*/
- .movemenu button {
- top:0px;
- right:100px;
- position: relative;
- outline: none;
- cursor: pointer;
- text-align: center;
- text-decoration: none;
- text-shadow: 0 1px 0 rgba(255,255,255,0);
- border-radius: 0px;
- /* default colors */
- color: white;
- background: #ff66cc;
- background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
- background: -moz-linear-gradient(top, #f6f6f6, #e3e3e3);
- background: linear-gradient(top, #f6f6f6, #e3e3e3);
- }
- .switchmenu button:hover{
- background: #cfcfcf;
- background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(103,103,103,0.4)), color-stop(100%,rgba(0,0,0,0))) !important;
- background: -moz-linear-gradient(top, #f2f2f2, #cfcfcf);
- background: linear-gradient(top, #f2f2f2, #cfcfcf);
- border-color: #606060;
- border:none !important;
- color:white!important;
- }
- .switchmenu button:active {
- background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(197,197,197,0.4)), color-stop(100%,rgba(0,0,0,0))) !important;
- background: -moz-linear-gradient(top, #cfcfcf, #f2f2f2);
- background: linear-gradient(top, #cfcfcf, #f2f2f2);
- border:none !important;
- color:white !important;
- }
- .switchmenu button .disabled,
- .switchmenu button:disabled,
- .movemenu button:disabled {
- cursor: default;
- background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))) !important;
- border-color: #860a07 !important;
- -webkit-box-shadow: none !important;
- -moz-box-shadow: none !important;
- box-shadow: none !important;
- color: #777777 !important;
- }
- @media (max-height:571px) {
- .controls {
- position: absolute;
- bottom: 10px;
- left: 0;
- right: 0;
- background: #ff66cc;
- background: rgba(40,40,40,.85);
- color: #FFFFFF;
- }
- .battle-controls .whatdo {
- color: #FFFFFF;
- }
- .battle-controls .whatdo small.weak {
- color: #DDDD55;
- border-color: #DDDD55;
- }
- .battle-controls .whatdo small.critical {
- color: #FF7766;
- border-color: #FF7766;
- }
- .movemenu {
- display: none;
- padding: 0 0 0 0;
- }
- .switchmenu {
- display: none;
- padding: 0 70px 0 210px;
- }
- .moveselect {
- position: absolute;
- left: 20px;
- bottom: 20px;
- }
- .switchselect {
- position: absolute;
- right: 20px;
- bottom: 20px;
- }
- .shiftselect {
- position: absolute;
- right: 150px;
- bottom: 20px;
- }
- .moveselect button, .switchselect button, .shiftselect button {
- cursor: pointer;
- padding: 4px 8px;
- border-radius: 6px;
- background: #E5E5E5;
- }
- .battle-controls .whatdo {
- padding-bottom: 50px;
- }
- .battle-controls .move-controls .whatdo,
- .battle-controls .switch-controls .whatdo {
- padding-bottom: 5px;
- }
- .move-controls .movemenu,
- .switch-controls .switchmenu {
- display: block;
- margin-right: 0;
- }
- .move-controls .moveselect button,
- .switch-controls .switchselect button,
- .shiftselect button {
- background: #BBBBBB;
- }
- .controls .timer {
- float: right;
- margin-top: -25px;
- }
- }
- .messagebar
- {
- position: absolute;
- display: none;
- bottom: 10px;
- left: 110px;
- right: 110px;
- font-family:"bebas neue" !important;
- font-size:18px;
- color: #CCCCCC;
- background: #222222;
- background: rgba(0,0,0,0);
- border-radius: 6px;
- padding: 4px 6px 0 6px;
- overflow: hidden;
- }
- .message strong
- {
- font-weight: normal;
- color: #ffffff;
- font-size: 14pt;
- }
- .message small
- {
- font-size: 10pt;
- }
- .movemenu button {
- float: left;
- display: block;
- width: 140px;
- margin-right: 0px;
- border-radius: 0px;
- height: 50px;
- font-family:"bebas neue" !important;
- position: relative;
- padding: 6px 4px 0 4px;
- transform:skewX(-20deg);
- }
- .movemenu button {
- position: relative;
- outline: none;
- cursor: pointer;
- text-align: center;
- text-decoration: none;
- text-shadow: 0 1px 0 rgba(255,255,255,.4);
- right:-30px;
- border-radius: 0px;
- margin-top: 0px;
- padding-top:13px;
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0), inset 0 -1px 2px rgba(255,255,255,0);
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,0), inset 0 -1px 2px rgba(255,255,255,0);
- box-shadow: 0 1px 2px rgba(0,0,0,0), inset 0 -1px 2px rgba(255,255,255,0);
- /* default colors */
- color: white;
- font-size:16pt;
- text-shadow:none;
- border: solid 3px #AAAAAA;
- }
- .movemenu button small {
- color: #777777;
- }
- .movemenu button small.type {
- padding-top:3px;
- float: left;
- font-size: 14pt;
- transform:skewX(20deg) translate(15px,-57px);
- }
- .movemenu button small.pp {
- padding-top: 3px;
- font-weight: normal;
- float: right;
- font-size: 10pt;
- transform:skewX(20deg) translate(20px,-55px);
- }
- .movemenu button.type-Fairy small {
- color:#e56bb4;
- }
- .movemenu button.type-Fairy{
- background: url(http://i.imgur.com/KO7jsVA.png);
- }
- .movemenu button.type-Fairy:hover{
- background: url(http://i.imgur.com/KO7jsVA.png);
- border-radius: 0px;
- border: solid 3px #e56bb4;
- color:#e56bb4;
- }
- .movemenu button.type-Fairy:active{
- background: url(http://i.imgur.com/KO7jsVA.png);
- border-radius: 0px;
- border: solid 3px #e56bb4;
- color:#e56bb4;
- }
- .movemenu button.type-Normal small{
- color:#e1e1d0;
- }
- .movemenu button.type-Normal{
- background: url(http://i.imgur.com/k6xMiBq.png);
- }
- .movemenu button.type-Normal:hover{
- background: url(http://i.imgur.com/k6xMiBq.png);
- color:#e1e1d0;
- border-radius: 0px;
- border: solid 3px #e1e1d0;
- }
- .movemenu button.type-Normal:active{
- background: url(http://i.imgur.com/XTtTWjE.png);
- color:#e1e1d0;
- border-radius: 0px;
- border: solid 3px #e1e1d0;
- }
- .movemenu button.type-Fire small{
- color:#b42828;
- }
- .movemenu button.type-Fire{
- background: url(http://i.imgur.com/V17hIbl.png);
- }
- .movemenu button.type-Fire:hover{
- background: url(http://i.imgur.com/V17hIbl.png);
- border-radius: 0px;
- border: solid 3px #b42828;
- color:#b42828;
- }
- .movemenu button.type-Fire:active{
- background: url(http://i.imgur.com/V17hIbl.png);
- border-radius: 0px;
- border: solid 3px #b42828;
- color:#b42828;
- }
- .movemenu button.type-Water small{
- color:#3562b3;
- }
- .movemenu button.type-Water{
- background: url(http://i.imgur.com/MkAr0Hg.png);
- }
- .movemenu button.type-Water:hover{
- background: url(http://i.imgur.com/MkAr0Hg.png);
- color:#3562b3;
- border-radius: 0px;
- border: solid 3px #3562b3;
- }
- .movemenu button.type-Water:active{
- background: url(http://i.imgur.com/MkAr0Hg.png);
- color:#3562b3;
- border-radius: 0px;
- border: solid 3px #3562b3;
- }
- .movemenu button.type-Electric small{
- color:#d5c566;
- }
- .movemenu button.type-Electric{
- background: url(http://i.imgur.com/vvbVoTm.png);
- }
- .movemenu button.type-Electric:hover{
- background: url(http://i.imgur.com/vvbVoTm.png);
- color:#d5c566;
- border-radius: 0px;
- border: solid 3px #d5c566;
- }
- .movemenu button.type-Electric:active{
- background: url(http://i.imgur.com/vvbVoTm.png);
- color:#d5c566;
- border-radius: 0px;
- border: solid 3px #d5c566;
- }
- .movemenu button.type-Grass small{
- color:#37963c;
- }
- .movemenu button.type-Grass{
- background: url(http://i.imgur.com/5tBJz7W.png);
- }
- .movemenu button.type-Grass:hover{
- background: url(http://i.imgur.com/5tBJz7W.png);
- color:#37963c;
- border-radius: 0px;
- border: solid 3px #37963c;
- }
- .movemenu button.type-Grass:active{
- background: url(http://i.imgur.com/5tBJz7W.png);
- color:#37963c;
- border-radius: 0px;
- border: solid 3px #37963c;
- }
- .movemenu button.type-Ice small
- {
- color: #84d0f6;
- }
- .movemenu button.type-Ice{
- color:#ffffff;
- background: url(http://i.imgur.com/1ku0d0e.png);
- }
- .movemenu button.type-Ice:hover{
- color:#84d0f6;
- background: url(http://i.imgur.com/1ku0d0e.png);
- border-radius: 0px;
- border: solid 3px #84d0f6;
- }
- .movemenu button.type-Ice:active{
- color:#84d0f6;
- background: url(http://i.imgur.com/1ku0d0e.png);
- border-radius: 0px;
- border: solid 3px #84d0f6;
- }
- .movemenu button.type-Fighting small{
- color:#a44318;
- }
- .movemenu button.type-Fighting{
- background: url(http://i.imgur.com/TzIvAgq.png);
- }
- .movemenu button.type-Fighting:hover{
- background: url(http://i.imgur.com/TzIvAgq.png);
- border-radius: 0px;
- border: solid 3px #a44318;
- color:#a44318;
- }
- .movemenu button.type-Fighting:active{
- background: url(http://i.imgur.com/TzIvAgq.png);
- color:#a44318;
- border-radius: 0px;
- border: solid 3px #a44318;
- }
- .movemenu button.type-Poison small {
- color:#a52db2;
- }
- .movemenu button.type-Poison{
- background: url(http://i.imgur.com/Pi8dIfk.png);
- }
- .movemenu button.type-Poison:hover{
- background: url(http://i.imgur.com/Pi8dIfk.png);
- border-radius: 0px;
- border: solid 3px #a52db2;
- color:#a52db2;
- }
- .movemenu button.type-Poison:active{
- background: url(http://i.imgur.com/Pi8dIfk.png);
- border-radius: 0px;
- border: solid 3px #a52db2;
- color:#a52db2;
- }
- .movemenu button.type-Ground small {
- color:#ac6928;
- }
- .movemenu button.type-Ground{
- color:white;
- background: url(http://i.imgur.com/ikulTpX.png);
- }
- .movemenu button.type-Ground:hover{
- color:#ac6928;
- background: url(http://i.imgur.com/ikulTpX.png);
- border-radius: 0px;
- border: solid 3px #ac6928;
- }
- .movemenu button.type-Ground:active{
- color:#ac6928;
- background: url(http://i.imgur.com/ikulTpX.png);
- border-radius: 0px;
- border: solid 3px #ac6928;
- }
- .movemenu button.type-Flying small{
- color:#a05de7;
- }
- .movemenu button.type-Flying{
- background: url(http://i.imgur.com/Ce6QQOO.png);
- }
- .movemenu button.type-Flying:hover{
- background: url(http://i.imgur.com/Ce6QQOO.png);
- color:#a05de7;
- border-radius: 0px;
- border: solid 3px #a05de7;
- }
- .movemenu button.type-Flying:active{
- background: url(http://i.imgur.com/Ce6QQOO.png);
- color:#a05de7;
- border-radius: 0px;
- border: solid 3px #a05de7;
- }
- .movemenu button.type-Psychic small{
- color:#be4baf;
- }
- .movemenu button.type-Psychic{
- background: url(http://i.imgur.com/Uboh4v2.png);
- }
- .movemenu button.type-Psychic:hover{
- background: url(http://i.imgur.com/Uboh4v2.png);
- border-radius: 0px;
- border: solid 3px #be4baf;
- color:#be4baf;
- }
- .movemenu button.type-Psychic:active{
- background: url(http://i.imgur.com/Uboh4v2.png);
- border-radius: 0px;
- border: solid 3px #be4baf;
- color:#be4baf;
- }
- .movemenu button.type-Bug{
- background: url(http://i.imgur.com/rmZccf3.png);
- }
- .movemenu button.type-Bug:hover{
- background: url(http://i.imgur.com/rmZccf3.png);
- color:#8c953c;
- border-radius: 0px;
- border: solid 3px #8c953c;
- }
- .movemenu button.type-Bug:active{
- background: url(http://i.imgur.com/rmZccf3.png);
- color:#8c953c;
- border-radius: 0px;
- border: solid 3px #8c953c;
- }
- .movemenu button.type-Rock small {
- color:#884e27;
- }
- .movemenu button.type-Rock{
- background: url(http://i.imgur.com/gSt4rdp.png);
- color:white;
- }
- .movemenu button.type-Rock:hover{
- background: url(http://i.imgur.com/gSt4rdp.png);
- color:#884e27;
- border-radius: 0px;
- border: solid 3px #884e27;
- }
- .movemenu button.type-Rock:active{
- background: url(http://i.imgur.com/gSt4rdp.png);
- color:#884e27;
- border-radius: 0px;
- border: solid 3px #884e27;
- }
- .movemenu button.type-Ghost small{
- color:#6b507e;
- }
- .movemenu button.type-Ghost{
- background: url(http://i.imgur.com/Td7cSPG.png);
- }
- .movemenu button.type-Ghost:hover{
- background: url(http://i.imgur.com/Td7cSPG.png);
- color:#6b507e;
- border-radius: 0px;
- border: solid 3px #6b507e;
- }
- .movemenu button.type-Ghost:active{
- background: url(http://i.imgur.com/Td7cSPG.png);
- color:#63527f;
- border-radius: 0px;
- border: solid 3px #6b507e;
- }
- .movemenu button.type-Dragon small{
- color:#594095;
- }
- .movemenu button.type-Dragon{
- background: url(http://i.imgur.com/PaIlmWT.png);
- }
- .movemenu button.type-Dragon:hover{
- background: url(http://i.imgur.com/PaIlmWT.png);
- color:#594095;
- border-radius: 0px;
- border: solid 3px #594095;
- }
- .movemenu button.type-Dragon:active{
- background: url(http://i.imgur.com/PaIlmWT.png);
- color:#594095;
- border-radius: 0px;
- border: solid 3px #594095;
- }
- .movemenu button.type-Dark small{
- color:#624b4b;
- }
- .movemenu button.type-Dark{
- background: url(http://i.imgur.com/0AVXD8A.png);
- }
- .movemenu button.type-Dark:hover{
- background: url(http://i.imgur.com/0AVXD8A.png);
- color:#624b4b;
- border-radius: 0px;
- border: solid 3px #624b4b;
- }
- .movemenu button.type-Dark:active{
- background: url(http://i.imgur.com/0AVXD8A.png);
- color:#624b4b;
- border-radius: 0px;
- border: solid 3px #624b4b;
- }
- .movemenu button.type-Steel small{
- color:#a5a5a5;
- }
- .movemenu button.type-Steel{
- background: url(http://i.imgur.com/YAo8nzj.png);
- }
- .movemenu button.type-Steel:hover{
- background: url(http://i.imgur.com/YAo8nzj.png);
- color:#a5a5a5;
- border-radius: 0px;
- border: solid 3px #a5a5a5;
- }
- .movemenu button.type-Steel:active{
- background: url(http://i.imgur.com/YAo8nzj.png);
- color:#a5a5a5;
- border-radius: 0px;
- border: solid 3px #a5a5a5;
- }
- .battle .result
- {
- display: none;
- position: absolute;
- width: 150px;
- text-align: center;
- }
- .battle .result strong
- {
- font-weight: bold;
- padding: 1px 3px;
- border-radius: 3px;
- }
- .battle .badresult strong
- {
- background: none;
- color: #d23c3c;
- border: none;
- font-family:"bebas neue" !important;
- text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
- font-size:15px;
- }
- .battle .goodresult strong
- {
- background: none;
- color: #048720;
- border: none;
- font-family:"bebas neue" !important;
- text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
- font-size:15px;
- }
- .battle .neutralresult strong
- {
- background: none;
- color: #fff;
- border: none;
- font-family:"bebas neue" !important;
- text-shadow: #222 1px 1px 0, #222 1px -1px 0, #222 -1px 1px 0, #222 -1px -1px 0;
- font-size:15px;
- }
- .battle .brnresult strong
- {
- background: none;
- color: #EE5533;
- border: none;
- font-family:"bebas neue" !important;
- text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
- font-size:15px;
- }
- .battle .psnresult strong
- {
- background: none;
- color: #A4009A;
- border: none;
- font-family:"bebas neue" !important;
- text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
- font-size:15px;
- }
- .battle .slpresult strong
- {
- background: none;
- color: #AA77AA;
- border: none;
- font-family:"bebas neue" !important;
- text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
- font-size:15px;
- }
- .battle .parresult strong
- {
- background: none;
- color: #9AA400;
- border: none;
- font-family:"bebas neue" !important;
- text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
- font-size:15px;
- }
- .battle .frzresult strong
- {
- background: none;
- color: #009AA4;
- border: none;
- font-family:"bebas neue" !important;
- text-shadow: #fff 1px 1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff -1px -1px 0;
- font-size:15px;
- }
- .weather
- {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- }
- .weather em
- {
- display: block;
- margin: 20px 0 0 110px;
- font-family:"bebas neue" !important;
- font-size: 15pt;
- font-style: normal;
- }
- .weather em small
- {
- font-style: normal;
- }
- .sunweather,
- .sunnydayweather,
- .desolatelandweather
- {
- background: #FFEEBB url(http://i.imgur.com/DNMtOWR.gif) no-repeat scroll left top;
- color: #664411;
- text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
- background-size:cover;
- }
- .rainweather,
- .raindanceweather,
- .primordialseaweather
- {
- background: #99BBFF url(http://i.imgur.com/NQqkU6j.gif) no-repeat scroll left top;
- color: #0044BB;
- text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
- }
- .sandstormweather
- {
- background: #E6E0AC url(http://i.imgur.com/OEB3hum.gif) no-repeat scroll left top;
- color: #554433;
- text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
- }
- .hailweather
- {
- background: #AADDEE url(http://i.imgur.com/PweinWm.gif) no-repeat scroll left top;
- color: #114455;
- text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
- }
- .deltastreamweather
- {
- background: #AAAAAA url(http://play.pokemonshowdown.com/fx/weather-strongwind.png) no-repeat scroll left top;
- color: #666666;
- text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
- }
- .pseudoweather
- {
- background: #DDAAEE url(http://play.pokemonshowdown.com/fx/weather-trickroom.png) no-repeat scroll left top;
- color: #661155;
- text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
- }
- /****************/
- #tooltipwrapper {
- position: absolute;
- top: 400px;
- left: 100px;
- text-align: left;
- color: #fff;
- font-family:Tahoma;
- }
- #tooltipwrapper .tooltipinner {
- position: relative;
- }
- #tooltipwrapper .tooltip {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 270px;
- padding-left:2px;
- border: 2px solid #c2221f;
- background: url("http://i.imgur.com/2kKpLRH.png");
- border-radius: 5px;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- transform:skewx(-20deg);
- z-index:5;
- }
- #tooltipwrapper .tooltip h2 {
- padding: 2px 4px;
- margin: 0;
- border-bottom: 1px solid #888888;
- font-size: 10pt;
- transform:skewx(20deg);
- }
- #tooltipwrapper .tooltip h2 small {
- font-weight: normal;
- transform:skewx(20deg);
- }
- #tooltipwrapper .tooltip p {
- padding: 2px 4px;
- transform:skewx(20deg);
- margin: 0;
- font-size: 8pt;
- }
- #tooltipwrapper .tooltip p.section {
- border-top: 1px solid #888888;
- transform:skewx(20deg);
- }
- /*********************************************************
- * Teambuilder
- *********************************************************/
- .teamchart li.format-select select, .teamchart li.format-select option {
- background-color:#282828;
- }
- keygen, select, select[size="0"], select[size="1"]{
- color:#aaa;
- background-color:#282828; }
- .setdetails, .setstats {box-shadow:none!important;}
- .teamnameedit:hover {
- box-shadow:none !important;
- background-color:#282828;
- }
- .setchart input, .setchart-nickname input, .statform input.inputform {
- box-shadow:none !important;}
- .setchart input:hover, .setchart-nickname input:hover, .statform input.inputform:hover {
- box-shadow:none !important;
- background-color:#282828;
- color:#aaa;}
- .setchart input:focus, .setchart-nickname input:focus, .statform input.inputform:focus {
- box-shadow:none !important;
- background-color:#dcdcdc;
- color:black;}
- .setchart-nickname input{
- color:#aaa;
- background-color:#282828;
- box-shadow:none;
- outline: none;
- }
- .utilichart .col { color: #888888 }
- .pokemonicon {font-size:0px;}
- .team {
- box-sizing: border-box;
- display: inline-block;
- padding: 5px 7px 3px 7px;
- box-shadow:none;
- outline: none;
- cursor: pointer;
- text-align: center;
- text-decoration: none;
- border-radius: 5px;
- color: #aaa;
- border: solid 2px #860a07;
- background: #779EC5;
- background: url("http://i.imgur.com/KpRUrnS.png");
- box-shadow:none;
- outline: none;
- cursor: pointer;
- text-align: center;
- }
- .team:hover {
- background: url("http://i.imgur.com/XxM6iVF.png");
- border-color: #bb2222;
- }
- .team:active {
- box-shadow: none;
- background: url("http://i.imgur.com/KpRUrnS.png") !important;
- border-color: #bb2222;
- }
- button {
- border-radius: 5px;
- color:#aaa;
- border: solid 2px #858585;
- background-color:#282828
- }
- button:hover {
- border-radius: 5px;
- color:#aaa;
- border: solid 2px #858585;
- background-color:#000;
- }
- button:active {
- border-radius: 5px;
- color:#aaa;
- border: solid 2px #aaa;
- background-color:#000;
- }
- button:focus {outline:0;}
- input {
- color:#aaa;
- background: url("http://i.imgur.com/ZkaJTWl.png");
- }
- input.chartinput {
- color:#aaa;
- background: url("http://i.imgur.com/ZkaJTWl.png");
- }
- .input.chartinput:focus{
- color:#ff66cc !important;
- background: #DCDCDC !important;
- border-color: #757575 !important;
- }
- input.inputform.numform {
- color:#aaa;
- background-color:#282828
- }
- .teamedit {
- position: absolute;
- display: block;
- top: 45px;
- left: 10px;
- right: 10px;
- bottom: 10px;
- width: auto;
- height: auto;
- text-align: left;
- font-size: inherit;
- font-family: inherit;
- }
- .teambar {
- position: absolute;
- top: 0;
- left: 92px;
- }
- .teambar button {
- display: block;
- background: url("http://i.imgur.com/ZkaJTWl.png");
- color: #aaa;
- border: 1px solid #AAAAAA;
- padding: 0;
- margin: -1px 2px 0 0;
- height: 42px;
- float: left;
- width: 88px;
- cursor: pointer;
- white-space: pre;
- font-size: 8pt;
- font-family: Verdana, Arial, sans-serif;
- }
- .teambar button .pokemonicon {
- margin: 0 auto;
- }
- .teambar button:hover {
- background: #DCDCDC;
- border-color: #757575;
- }
- .teambar button:active {
- background: #CCCCCC;
- border-color: #373737;
- }
- .teambar button:disabled,
- .teambar button:disabled:hover,
- .teambar button:disabled:active {
- color: #000000;
- background: #FCFCFC;
- border-color: #AAAAAA;
- opacity: .5;
- cursor: default;
- }
- .teamchart,
- .teamchart li {
- list-style-type: none;
- display: block;
- margin: 0;
- padding: 0;
- color:#aaa;
- }
- .teamchart {
- padding: 0 10px 10px 10px;
- }
- .teamchart li {
- padding-top: 20px;
- position: relative;
- }
- .teamchart li.format-select {
- padding: 4px 0 10px;
- }
- .teamchart li.format-select label {
- display: block;
- font-size: 8pt;
- font-weight: bold;
- }
- .teamchart li.format-select select,
- .teamchart li.format-select option {
- font: 12pt Verdana, sans-serif;
- color:#aaa;
- }
- .majorbutton {
- font-size: 18pt;
- }
- .setmenu {
- position: absolute;
- top: 5px;
- left: 130px;
- width: 503px;
- text-align: right;
- }
- .setmenu button {
- cursor: pointer;
- background: transparent;
- border: 0;
- border-radius: 4px;
- padding: 3px 6px;
- color:#aaa;
- }
- .setmenu button:hover {
- border: 1px solid #888888;
- padding: 2px 5px;
- background: #4b4b4b;
- }
- .setmenu-left {
- position: absolute;
- top: 5px;
- left: 5px;
- text-align: left;
- }
- .setchart-nickname {
- position: absolute;
- left: -5px;
- top: 5px;
- border: 1px solid #aaa;
- background: #CBD6E1;
- border-radius: 5px;
- padding: 1px 0 0 0;
- width: 110px;
- background: url("http://i.imgur.com/ZkaJTWl.png");
- box-shadow: inset 1px 1px 0 rgba(0,0,0,.6);
- }
- .setchart {
- border: 1px solid #aaa;
- border-radius: 10px;
- padding: 2px 0 0 3px;
- height: 127px;
- width: 626px;
- margin-top: 8px;
- color:#aaa;
- text-shadow:none;
- background: #4b4b4b no-repeat;
- box-shadow: inset 1px 1px 0 rgba(0,0,0,.6);
- }
- .setcol {
- height: 127px;
- width: 112px;
- float: left;
- }
- .setcol-icon {
- background: transparent none no-repeat scroll right top !important;
- }
- .setcol-details {
- width: 234px;
- }
- .setcell {
- float: left;
- }
- .setcell-details {
- float: none;
- }
- .setcol-icon .itemicon {
- display: block;
- margin-left: 88px;
- margin-top: 60px;
- width: 24px;
- height: 24px;
- background: transparent none no-repeat scroll center center;
- opacity: 0.8;
- }
- .setcell-pokemon {
- margin-top: 0;
- }
- .setcell-details {
- height: 60px;
- }
- .setcol-moves .setcell {
- padding-bottom: 1px;
- }
- .setchart label,
- .setchart-nickname label {
- display: block;
- font-size: 8pt;
- font-weight: bold;
- color: #aaa;
- padding-left: 2px;
- text-shadow: none;
- }
- .setchart-nickname label {
- font-size: pt;
- margin-bottom: -1px;
- }
- .setcol-moves {
- width: 137px;
- }
- .setcol-stats {
- width: 142px;
- }
- .setdetails, .setstats {
- display: block;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- border: 1px solid #AAAAAA;
- border-radius: 3px;
- padding: 1px;
- margin: 2px 2px 1px 1px;
- font-size: 7pt;
- cursor: pointer;
- box-shadow: inset 0px 1px 2px #CCCCCC, 1px 1px 0 rgba(0,0,0,.6);
- background: url("http://i.imgur.com/KOAXS4A.png");
- color: #aaa;
- }
- .setdetails label, .setstats label {
- cursor: pointer;
- }
- .setdetails:hover, .setstats:hover {
- border-radius: 3px;
- border: 1px solid #AAAAAA;
- box-shadow: none !important;
- background: #282828;
- }
- .setdetails:focus, .setstats:focus {
- border: 2px solid #004488;
- margin: 1px 1px 0 0;
- outline: 0;
- }
- .setdetails:active, .setstats:active {
- box-shadow: inset 0px 2px 2px #AAAAAA;
- background: #282828;
- border: 2px solid #004488;
- margin: 1px 1px 0 0;
- outline: 0 none;
- }
- .setdetails {
- width: 230px;
- height: 34px;
- box-shadow:none !important;
- }
- .setdetails:focus,.setdetails:active {
- width: 232px;
- height: 36px;
- }
- .setdetails .detailcell {
- border-left: 1px solid #CCCCCC;
- padding: 2px 4px;
- display: block;
- float: left;
- font-size: 9pt;
- text-align: center;
- }
- .setdetails .detailcell-first {
- border-left: 0;
- }
- .setchart .setdetails label {
- float: none;
- display: block;
- font-weight: normal;
- font-size: 7pt;
- text-align: center;
- padding: 0;
- }
- .setstats {
- width: 138px;
- height: 108px;
- }
- .setstats:focus,.setstats:active {
- width: 140px;
- height: 110px;
- }
- .statrow {
- display: block;
- height: 15px;
- }
- .setchart .setstats label {
- float: left;
- width: 20px;
- height: 5px;
- text-align: right;
- font-weight: normal;
- font-size: 7pt;
- padding: 0;
- }
- .setstats .statgraph {
- float: left;
- width: 75px;
- padding: 0 0 0 3px;
- height: 5px;
- }
- .setstats .statgraph span {
- display: block;
- margin-top: 3px;
- height: 6px;
- background: #CCCCCC;
- }
- .setstats em {
- float: left;
- font-style: normal;
- width: 22px;
- height: 5px;
- text-align: right;
- }
- .setstats small {
- float: left;
- font-size: 7pt;
- }
- .setstats .statrow-head em {
- color: #555555;
- }
- .teamnameedit {
- width: 300px;
- background:#4b4b4b;
- color:#aaa;
- box-shadow:none !important;
- }
- .label {
- font-size: 9pt;
- font-weight: bold;
- display: block;
- }
- .optlabel {
- font-size: 9pt;
- display: block;
- }
- .label .textbox {
- display: block;
- }
- .setchart input,
- .setchart-nickname input,
- .statform input.inputform {
- display: block;
- border: 1px solid #AAAAAA;
- border-radius: 3px;
- padding: 1px;
- margin: 2px 3px 1px 1px;
- font-family: Verdana, sans-serif;
- font-size: 9pt;
- width: 104px;
- height: 20px;
- box-shadow: inset 0px 1px 2px #CCCCCC, 1px 1px 0 rgba(0,0,0,.6);
- }
- .setchart input:hover,
- .setchart-nickname input:hover,
- .statform input.inputform:hover,
- .textbox:hover {
- border-color: #474747;
- box-shadow: inset 0px 1px 2px #D2D2D2, 1px 1px 0 rgba(255,255,255,.6);
- }
- .setchart input:focus,
- .setchart-nickname input:focus,
- .statform input.inputform:focus,
- .textbox:focus {
- outline: 0 none;
- border: 1px solid #004488;
- box-shadow: inset 0px 1px 2px #D2D2D2, 0px 0px 5px #2266AA;
- }
- .setchart input.incomplete {
- color: #CC3311;
- border-color: #CC3311;
- }
- .setchart-nickname input {
- }
- .setchart .setcell-details input {
- width: 216px;
- }
- .setchart .setcell-item input {
- width: 114px;
- }
- .setchart .setcol-moves input {
- width: 129px;
- }
- .teambuilder-clipboard-container {
- height: 52px;
- max-width: 640px;
- font-size: 8pt;
- padding: 4px;
- position: relative;
- border: 1px solid #FFAA00;
- border-radius: 5px;
- }
- .teambuilder-clipboard-title {
- width: 74px;
- padding-top: 8px;
- font-weight: bold;
- position: absolute;
- top: 4px;
- left: 8px;
- }
- .teambuilder-clipboard-data {
- display: block;
- width: 520px;
- height: 26px;
- overflow: hidden;
- cursor: pointer;
- border: 1px solid #999999;
- border-radius: 5px;
- background:url("http://i.imgur.com/2kKpLRH.png");
- outline: none;
- position: absolute;
- top: 4px;
- right: 8px;
- z-index: 2;
- }
- .teambuilder-clipboard-data:hover {
- border: 1px solid #BBBBBB;
- }
- .teambuilder-clipboard-data .result {
- height: 26px;
- }
- .teambuilder-clipboard-data span {
- display: block;
- height: 24px;
- float: left;
- }
- .teambuilder-clipboard-data .icon {
- width: 32px;
- }
- .teambuilder-clipboard-data .species {
- width: 118px;
- padding-top: 6px;
- margin-left: 4px;
- }
- .teambuilder-clipboard-data .ability-item {
- width: 98px;
- padding-left: 2px;
- margin-top: -1px;
- }
- .teambuilder-clipboard-data .moves {
- width: 126px;
- padding-left: 2px;
- margin-top: -1px;
- }
- .teambuilder-clipboard-data .section {
- height: 100%;
- padding: 1px;
- border-right: 1px solid #999999;
- float: left;
- }
- .teambuilder-clipboard-data .section.no-border {
- border: none;
- }
- .teambuilder-clipboard-buttons {
- display: block;
- width: 520px;
- position: absolute;
- top: 34px;
- right: 8px;
- }
- .teambuilder-clipboard-button-left {
- float: left;
- height: 22px;
- color:#aaa;
- }
- .teambuilder-clipboard-button-right {
- float: right;
- height: 22px;
- color:#aaa;
- background:#282828
- }
- .teambuilder-results {
- position: absolute;
- top: 200px;
- left: 0;
- bottom: 0;
- right: 0;
- overflow-y: scroll;
- -webkit-overflow-scrolling: touch;
- overflow-scrolling: touch;
- }
- .teamchartbox {
- position: absolute;
- top: 40px;
- left: 0;
- bottom: 0;
- right: 0;
- border-top: 1px solid #AAAAAA;
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- overflow-scrolling: touch;
- color:#aaa;
- }
- .teambuilder-results .result a {
- border-radius: 4px;
- padding: 1px 1px 1px 5px;
- margin: 0 5px 1px 5px;
- background: transparent;
- color:#aaa;
- cursor: pointer;
- }
- .teambuilder-results .result a:hover {
- padding: 0px 0px 0px 4px;
- border: 1px solid #D8D8D8;
- background: #4b4b4b;
- }
- .teambuilder-results .firstresult a,
- .teambuilder-results .firstresult a:hover {
- padding: 0px 0px 0px 4px;
- border: 1px solid #c2221f;
- background: #1c1c1c;
- }
- .teambuilder-results h3,
- .teambuilder-results .utilichart h3 {
- background: url(http://i.imgur.com/2kKpLRH.png);
- margin: 6px 0;
- padding: 2px 5px;
- font-family: Verdana, sans-serif;
- font-size: 9pt;
- text-align: left;
- border: 1px solid #AAAAAA;
- border-left: 0;
- border-right: 0;
- text-shadow: none;
- box-shadow: inset 1px 1px 0 rgba(0,0,0,.6), 0px 2px 2px rgba(0,0,0,.15);
- }
- .teambuilder-pokemon-import {
- display: none;
- position: absolute;
- top: 206px;
- left: 10px;
- padding: 2px;
- overflow: hidden;
- }
- .pokemonedit {
- width: 626px;
- text-align: left;
- font-size: inherit;
- font-family: inherit;
- }
- .statform {
- padding: 3px 13px 10px 13px;
- font-size: 10pt;
- }
- .statform p.suggested {
- margin: 5px 0;
- }
- .statform .col > div {
- padding-top: 1px;
- height: 28px;
- }
- .statform .col div label,
- .statform .col div em,
- .statform .col div b {
- display: block;
- padding: 5px 0 0 0;
- }
- .statform .col {
- float: left;
- width: 52px;
- text-align: right;
- font-size: 9pt;
- }
- .statform .basestatscol {
- width: 38px;
- }
- .statform .statscol {
- width: 36px;
- }
- .statform .statscol em,
- .statform .statscol b {
- font-style: normal;
- font-weight: bold;
- }
- .statform .graphcol {
- width: 185px;
- }
- .statform .graphcol div span {
- margin: 3px 0 0 5px;
- display: block;
- height: 8px;
- border-bottom: 1px solid #AAAAAA;
- border-right: 1px solid #AAAAAA;
- background: #CCCCCC;
- }
- .statform .evcol,
- .statform .ivcol {
- width: 48px;
- text-align: center;
- }
- .statform .evslidercol {
- width: 193px;
- margin-right: 9px;
- margin-left: 5px;
- padding-top: 7px;
- text-align: center;
- }
- .evslider {
- width: 192px;
- margin: 0 auto;
- }
- .statform .totalev b {
- color: #DD2222;
- }
- .statform .totalev em {
- font-style: normal;
- }
- .statform input.numform {
- width: 40px;
- height: 16px;
- font-size: 9pt;
- }
- .detailsform .formrow {
- padding-left: 100px;
- }
- .detailsform .formrow .formlabel {
- float: left;
- margin-left: -100px;
- width: 95px;
- text-align: right;
- }
- /*********************************************************
- * Popups
- *********************************************************/
- .ps-popup .label {
- width: 210px;
- margin: 0 auto;
- }
- .ps-popup .textbox {
- width: 200px;
- }
- .userdetails {
- min-height: 80px;
- width: 191px;
- padding: 1px 1px 1px 86px;
- margin: 5px 0;
- }
- .userdetails img {
- float: left;
- margin-left: -85px;
- }
- .userdetails .rooms {
- font-size: 8pt;
- }
- .userdetails .offline {
- color: red;
- }
- .trainersprite.yours {
- cursor: pointer;
- }
- .buttonbar {
- clear: both;
- }
- .avatarlist button {
- display: block;
- float: left;
- margin: 2px;
- width: 80px;
- height: 80px;
- border: 0px solid #E1E8E8;
- background: transparent url(http://play.pokemonshowdown.com/sprites/trainers-sheet.png) no-repeat scroll 0px 0px;
- border-radius: 4px;
- box-shadow: none;
- cursor: pointer;
- }
- .avatarlist button.cur {
- border-color: #999999;
- }
- .avatarlist button:hover,
- .avatarlist button.cur:hover {
- border: 0px solid #8899AA;
- background-color: #4b4b4b;
- box-shadow: none;
- }
- .effect-volume,
- .music-volume {
- height: 39px;
- }
- .effect-volume label,
- .music-volume label {
- padding-bottom: 12px;
- font-size: 8pt;
- }
- .effect-volume em,
- .music-volume em {
- display: block;
- margin-top: -6px;
- font-size: 9pt;
- padding-left: 5px;
- color: #555555;
- }
- .replay-controls
- {
- position:absolute;top:410px;left:115px;right:0px;text-align:left;
- }
- .replay-controls-2
- {
- position:absolute;top:445px;left:115px;right:0px;text-align:left;
- color:#000;
- }
- .replay-wrapper .battle-log{
- height:410px;
- border: 2px solid #c2221f;
- top:28px; }
- .replay-wrapper{
- top:-30px}
- .replay-controls button
- {
- font-family: Verdana, sans-serif;
- font-size: 10pt;
- }
- .pfx-backbutton {
- box-sizing: border-box;
- display: inline-block;
- padding: 5px 7px 3px 7px;
- box-shadow:none;
- outline: none;
- cursor: pointer;
- text-align: center;
- text-decoration: none;
- border-radius: 0px;
- color: #aaa;
- border: solid 2px #c2221f;
- background: #779EC5;
- background-color:#282828;
- box-shadow:none;
- outline: none;
- cursor: pointer;
- text-align: center;
- transform: translate(0px,-177px);
- }
- a.pfx-backbutton {
- color: #aaa;
- }
- .pfx-backbutton:hover {
- background: url("http://i.imgur.com/XxM6iVF.png");
- border: solid 2px #c2221f;
- }
- a.pfx-backbutton:hover {
- color: #aaa;
- }
- .h1 { z-index:999; }
- .nav {
- outline: none;
- display: inline-block;
- height: 28px;
- min-width: 52px;
- cursor: pointer;
- text-align: center;
- text-decoration: none;
- text-shadow: 0 1px 0 rgba(255,255,255,.4);
- border-radius: 0px;
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
- box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
- white-space: nowrap;
- transform:skewX(-30deg);
- /* default colors */
- color: #707070;
- text-shadow: 0 0px 0 #707070;
- border: solid 2px #c2221f;
- border-left-width: 3px;
- border-right-width: 3px;
- background-image: url("http://i.imgur.com/Lr9P13M.png");
- margin: 3px -3px 0 0;
- top: 1px;
- border-radius: 0;
- box-shadow: none;
- font-size: 11px;
- }
- .nav li {
- transform:skewX(30deg);
- }
- .nav li:first-child .button,.nav li .button{
- box-sizing: border-box;
- box-shadow:none;
- outline: none;
- cursor: pointer;
- text-align: center;
- text-decoration: none;
- border-radius: 0px;
- color: #aaa;
- border: solid 2px #860a07;
- background: #779EC5;
- background: url("http://i.imgur.com/KpRUrnS.png");
- box-shadow:none;
- outline: none;
- cursor: pointer;
- text-align: center;
- }
- .nav li:first-child .button:hover,.nav li .button:hover,.nav li .button.cur:hover{
- background: url("http://i.imgur.com/KpRUrnS.png");
- color: white;
- border: solid 2px #c2221f;
- }
- .chooser.leftchooser.speedchooser{
- border-radius: 5px;
- color:#aaa;
- border: solid 2px #858585;
- background-color:#282828
- }
- .chooser{
- border-radius: 5px;
- color:#aaa;
- border: solid 2px #aaa;
- background-color:#282828
- }
- .chooser em{
- color:#aaa;
- background-color:#282828
- }
- .chooser button.sel{
- color:#aaa;
- background-color:#282828
- }
- .chooser button:hover{
- color:#aaa;
- background-color:#4b4b4b
- }
- .chooser button.sel:hover {
- border-radius:3px;
- background-color:#282828;
- color:#aaa
- }
- .chooser.leftchooser.speedchooser.em{
- color:#aaa;
- background-color:#282828
- }
- .linklist {
- list-style: none;
- margin: 0;
- padding: 0;
- background:#282828;
- }
- .urlbox,
- input.urlbox,
- input[disabled=disabled].urlbox
- {
- cursor: text;
- display: block;
- padding: 3px 4px 2px 4px;
- margin: 30px 14px 10px 640px;
- border: 2px solid #c2221f;
- background: #282828 !important;
- color: #aaa !important;
- font-family: Consolas, monospace;
- font-size: 10pt;
- z-index:1;
- }
- .pfx-panel{
- background:url(http://i.imgur.com/rpH5Y1L.png)}
- .pfx-topbar{
- background:url(http://i.imgur.com/hWvT3tA.png);
- border-bottom:2px solid #c2221f;}
- .battle .abilityresult strong
- {
- color: #fff;
- background: #c2221f;
- }
- .button.replayDownloadButton { color:#aaa;
- border-radius: 5px;
- border: solid 2px #858585;
- background:#282828;
- height: 17px;
- width:116px;
- font-size:12px;
- box-shadow:none;
- text-shadow:none;
- padding:1px 6px !important;
- float:none !important;
- margin-right:5px;
- }
- .button.replayDownloadButton:hover {
- border-radius: 5px;
- color:#aaa;
- border: solid 2px #858585;
- background:#000;
- }
- .button.replayDownloadButton:active {
- border-radius: 5px;
- color:#aaa;
- border: solid 2px #aaa;
- background:#000;
- }
- .folder .selectFolder {
- background-color:#282828 !important;
- color: #aaa !important;
- }
- .folder .selectFolder:hover{
- color:#fff !important;
- background-color:#282828 !important;
- }
- .folder .selectFolder:active {
- background-color:#282828 !important;
- }
- .folderlist .foldersep:before {
- background-color:#282828 !important;
- color: #aaa !important;}
- .folderlistafter:before, .folderlistbefore:before {
- background-color:#282828 !important;
- color: #aaa !important;}
- .folderpane { border-color:#282828; }
- .folderpane h3 {
- background-color:#282828 !important;
- color: #aaa !important;}
- .teampane .button.big, .teamwrapper .button.big { color:#aaa;
- border-radius: 5px;
- border: solid 2px #858585;
- background:#282828;
- font-size:12px;
- box-shadow:none;
- text-shadow:none;
- padding:1px 6px !important;
- float:none !important;
- margin-right:5px;
- }
- .teampane .button.big:hover, .teamwrapper .button.big:hover {
- border-radius: 5px;
- color:#aaa;
- border: solid 2px #858585;
- background:#000;
- }
- .teampane .button.big:active, .teamwrapper .button.big:active {
- border-radius: 5px;
- color:#aaa;
- border: solid 2px #aaa;
- background:#000;
- }
- .teampane .button, .teamwrapper .button{ color:#aaa;
- border-radius: 5px;
- border: solid 2px #858585;
- background:#282828;
- font-size:12px;
- box-shadow:none;
- text-shadow:none;
- padding:1px 6px !important;
- float:none !important;
- margin-right:5px;
- }
- .teampane .button:hover, .teamwrapper .button:hover{
- border-radius: 5px;
- color:#aaa;
- border: solid 2px #858585;
- background:#000;
- }
- .teampane .button:active, .teamwrapper .button:active {
- border-radius: 5px;
- color:#aaa;
- border: solid 2px #aaa;
- background:#000;
- }
- .button, .popupmenu button.button {color:#aaa;
- border-radius: 5px;
- border: solid 2px #858585;
- background:#282828;
- font-size:12px;
- height:inherit;
- box-shadow:none;
- text-shadow:none;
- float:none !important;
- padding:0px;}
- .button, .popupmenu button.button:hover {background:black;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement