Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*********************************************************
- * Global
- *********************************************************/
- .userbar:before{
- background: url(http://i.imgur.com/aCWbdpy.jpg);
- }
- .chat em a, p a{
- font-style: normal;
- color: #FFCC00;
- }
- .ps-room.ps-room-light {
- background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), linear-gradient(top, #262626, #333)!important;
- color:#FFF!important;
- }
- body {
- background: url(http://i.imgur.com/sbZPI9o.jpg);
- }
- .roomlist a.ilink{
- box-sizing: border-box!important;
- font-size: 12pt!important;
- outline: none!important;
- cursor: pointer!important;
- font-family: 'Maven Pro', sans-serif!important;
- font-weight: 700!important;
- text-transform: uppercase!important;
- text-decoration: none!important;
- text-shadow: 1px 0px 1px #666,
- -1px 0px 0px #666,
- 0px 1px 1px #666,
- 0px -1px 0px #666!important;
- border-radius: 0px!important;
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8)!important;
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8)!important;
- box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8)!important;
- color: #FFFFFF!important;
- border: solid 1px #FFFF00!important;
- background: #FFCC00!important;
- background: -moz-linear-gradient(top, #FFCC00 0%, #FFFF00 100%)!important;
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC00), color-stop(100%,#FFFF00))!important;
- background: -webkit-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important;
- background: -o-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important;
- background: -ms-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important;
- }
- .roomlist a.ilink:hover{
- background: #ee7e22!important;
- background: -moz-linear-gradient(top, #ee7e22 0%, #c3600f 100%)!important;
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee7e22), color-stop(100%,#c3600f))!important;
- background: -webkit-linear-gradient(top, #ee7e22 0%,#c3600f 100%)!important;
- background: -o-linear-gradient(top, #ee7e22 0%,#c3600f 100%)!important;
- background: -ms-linear-gradient(top, #ee7e22 0%,#c3600f 100%)!important;
- }
- .roomlist a.ilink:active{
- box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 1px rgba(255,255,255,.3), inset 0 1px 1px rgba(0,0,0,.4)!important;
- background: #c3600f!important; /* Old browsers */
- background: -moz-linear-gradient(top, #c3600f 0%, #ee7e22 100%)!important; /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3600f), color-stop(100%,#ee7e22))!important; /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #c3600f 0%,#ee7e22 100%)!important; /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #c3600f 0%,#ee7e22 100%)!important; /* Opera 11.10+ */
- background: -ms-linear-gradient(top, #c3600f 0%,#ee7e22 100%)!important; /* IE10+ */
- border-color: hsl(210,40%,21%)!important;
- }
- .pad {
- margin: 0;
- padding: 5px 15px;
- }
- .label {
- font-size: 12pt;
- font-weight: 700;
- display: block;
- }
- .optlabel {
- font-size: 9pt;
- display: block;
- }
- .label strong {
- font-size: 2pt;
- display: block;
- }
- .label .textbox {
- 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;
- }
- .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: #C6C6C6;
- }
- a.subtle:hover {
- text-decoration: underline;
- color: #6688CC;
- }
- .buttonbar {
- margin-top: 1em;
- text-align: center;
- }
- /*********************************************************
- * Header
- *********************************************************/
- .header {
- position: relative;
- height: 55px;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #333, #333)!important; /* Chrome 10+, Saf5.1+ */
- background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #333, #333)!important; /* FF3.6+ */
- background-image: url(http://i.imgur.com/dZGU9A9.png), b -ms-linear-gradient(top, #333, #333)!important; /* IE10 */
- background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #333, #333)!important; /* Opera 11.10+ */
- background-repeat:repeat;
- background-position:center;
- webkit-box-shadow: 0 5px 5px rgba(0,0,0,.3);
- -moz-box-shadow: 0 5px 5px rgba(0,0,0,.3);
- box-shadow: 0 5px 5px rgba(0,0,0,.3);
- border-bottom: 1px solid #555;
- }
- .header h1 {
- margin: 0;
- padding: 0;
- }
- .header .logo {
- float: left;
- margin: 2px 0 0 2px;
- }
- .userbar {
- position: absolute;
- top: 14px;
- right: 14px;
- font-weight: bold;
- }
- .userbar .username {
- color: black;
- text-shadow: 1px 1px 0 #555, 1px -1px 0 #555, -1px 1px 0 #555, -1px -1px 0 #555;
- }
- .username {
- cursor: pointer;
- }
- .userbar button {
- cursor: pointer;
- }
- .userbar button.icon {
- height: 21px;
- width: 23px;
- font-size: 14px;
- text-align: center;
- padding: 0;
- }
- .userbar button.icon i {
- margin: 0 -5px;
- }
- .userbar:before{
- display:block;
- content:"";
- width:32px;
- height:32px;
- float:left;
- position:relative;
- top:-9px}
- .icon-user{
- display:none}
- .tabbar {
- position: absolute;
- bottom: 10px;
- left: 0;
- right: 0;
- display: block;
- list-style: none;
- margin: 0;
- padding: 0 0 0 0;
- height: 37px;
- text-align: left;
- color: white;
- text-shadow: 0 1px 0 black;
- font-size: 10pt;
- line-height: 100%;
- }
- .maintabbarbottom {
- content: "";
- display: none;
- position: absolute;
- left: 0;
- right: 0;
- bottom: -6px;
- height: 0px;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #333, #333)!important; /* Chrome 10+, Saf5.1+ */
- background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #333, #333)!important; /* FF3.6+ */
- background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #333, #333)!important; /* IE10 */
- background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #333, #333)!important; /* Opera 11.10+ */
- border: solid 1px #333;
- border-left: 0;
- margin: -1px 0 0 0;
- }
- .tabbar.maintabbar {
- margin-left: 154px;
- margin-right: 165px;
- overflow: hidden;
- }
- .maintabbar .inner {
- width: 400%;
- }
- .maintabbar .overflow {
- position: absolute;
- bottom: 0;
- right: 0;
- z-index: 12;
- }
- .maintabbar .overflow button {
- height: 36px;
- margin: 0;
- }
- .tabbar li,
- .tabbar ul {
- display: inline;
- list-style: none;
- margin: 0px 5px;
- padding: 0;
- }
- .tabbar ul {
- float: left;
- display: block;
- }
- .tabbar a.button {
- outline: none;
- display: inline-block;
- height: 28px;
- min-width: 52px;
- cursor: pointer;
- text-align: center;
- text-decoration: none;
- text-transform:uppercase;
- -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;
- /* default colors */
- color: #EFEFEF;
- text-shadow:
- 1px 0px 1px #666,
- -1px 0px 0px #666,
- 0px 1px 1px #666,
- 0px -1px 0px #666!important;
- border: solid 1px #7d7e7d;
- background: #7d7e7d; /* Old browsers */
- background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%)!important; /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e))!important; /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%)!important; /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%)!important; /* Opera 11.10+ */
- 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;
- }
- .tabbar a.button span {
- display: block;
- overflow: hidden;
- }
- .tabbar a.button i.text {
- font-size: 11px;
- margin-right: 8px;
- padding-left: 0;
- overflow: hidden;
- font-weight: bold;
- }
- .tabbar a.button i.text + span {
- margin-right: -6px;
- }
- .tabbar a.button:hover {
- background: #45484d; /* Old browsers */
- background: -moz-linear-gradient(top, #45484d 0%, #000000 100%)!important; /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000))!important; /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%)!important; /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #45484d 0%,#000000 100%)!important; /* Opera 11.10+ */
- border-color: #606060;
- z-index: 10;
- }
- .tabbar a.button:active {
- background: #000000; /* Old browsers */
- background: -moz-linear-gradient(top, #000000 0%, #45484d 100%)!important; /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#45484d))!important; /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #000000 0%,#45484d 100%)!important; /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #000000 0%,#45484d 100%)!important; /* Opera 11.10+ */
- }
- .tabbar a.button.notifying {
- border-color: #AA8866;
- background: #e3c3a3;
- }
- .tabbar a.button.notifying:hover {
- border-color: #604020;
- background: #cfaf8f;
- }
- .tabbar a.button.cur,
- .tabbar a.button.cur:hover {
- color: #EFEFEF;
- background: #FFCC00; /* Old browsers */
- background: -moz-linear-gradient(top, #FFCC00 0%, #FFFF00 100%)!important; /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC00), color-stop(100%,#FFFF00))!important; /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important; /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important; /* Opera 11.10+ */
- background: -ms-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important; /* IE10+ */
- text-shadow:
- 1px 0px 1px #666,
- -1px 0px 0px #666,
- 0px 1px 1px #666,
- 0px -1px 0px #666!important;
- box-shadow: none;
- text-transform:uppercase;
- border-color: #FFFF00;
- border-bottom: 0;
- cursor: default;
- padding-top: 3px;
- padding-bottom: 5px;
- top: 0px;
- }
- .tabbar li:first-child a.button {
- border-top-left-radius: 0px;
- margin-left: 6px;
- }
- .tabbar li:last-child a.button {
- border-top-right-radius: 0px;
- }
- .tabbar a.closable {
- padding-right: 8px;
- }
- .tabbar .closebutton {
- display: inline-block;
- margin: 0 0 0 -18px;
- width: 18px;
- position: relative;
- z-index: 11;
- top: 5px;
- vertical-align: top;
- }
- .tabbar a.cur + .closebutton {
- top: 4px;
- }
- .closebutton {
- text-decoration: none;
- font-size: 14px;
- color: #999999;
- text-shadow: none;
- border: 0;
- padding: 0;
- margin: 0;
- background: transparent;
- cursor: pointer;
- }
- .closebutton:hover {
- color: #EFEFEF;
- }
- .closebutton:active {
- color: #666;
- }
- /*********************************************************
- * Rooms
- *********************************************************/
- .ps-room {
- position: absolute;
- display: block;
- top: 56px;
- left: 0;
- right: 0;
- bottom: 0;
- border-left: 1px solid #555;
- margin-left: -1px;
- }
- .scrollable {
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- overflow-scrolling: touch;
- }
- .ps-room.ps-room-light {
- background: rgba(242,247,250,.85);
- color: black;
- }
- .ps-room.ps-room-opaque {
- background: #333;
- color: #EFEFEF;
- }
- .ps-overlay {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: #CCCCCC;
- background: rgba(000, 000, 000, .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-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important;
- color: #999;
- border: 1px solid #555;
- padding: 2px 10px;
- border-radius: 6px;
- box-shadow: inset 1px 1px 0 #000, inset -1px -1px 0 #333, 2px 2px 3px rgba(0,0,0,.2);
- z-index: 20;
- }
- .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;
- color: #EE4422;
- }
- .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: 10pt;
- font-family: 'Maven Pro', sans-serif;
- text-transform:uppercase;
- color: #EFEFEF;
- }
- .popupmenu li:first-child h3 {
- margin-top: 0;
- }
- .popupmenu button {
- display: block;
- cursor: pointer;
- font-size: 8pt;
- font-family: 'Maven Pro', sans-serif;
- margin: 0 0 0 6px;
- padding: 0 4px;
- border: 0;
- border-radius: 2px;
- background: transparent;
- width: 204px;
- height: 19px;
- text-align: left;
- color:#999;
- 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 {
- padding: 0 3px;
- border: 1px solid #888888;
- background: #666;
- }
- .select {
- cursor: pointer;
- box-sizing: border-box;
- width: 230px;
- height: 32px;
- padding: 0 5px;
- font-size: 9pt;
- text-align: left;
- font-family: 'Maven Pro', sans-serif;
- border-radius: 0px;
- border: 1px solid #555;
- box-shadow: inset 0 1px 0 #555;
- background: #7d7e7d; /* Old browsers */
- background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
- color: #EFEFEF;
- }
- .select.teamselect {
- height: 43px;
- }
- .select:hover {
- border-color: #555555;
- background: #45484d; /* Old browsers */
- background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
- }
- .select:active {
- border-color: #777777;
- background: #000000; /* Old browsers */
- background: -moz-linear-gradient(top, #000000 0%, #45484d 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#45484d)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #000000 0%,#45484d 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #000000 0%,#45484d 100%); /* Opera 11.10+ */
- }
- .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: #333;
- background: rgba(220,220,220,.10);
- color: #999;
- box-shadow: none;
- }
- .select:disabled:after {
- content: "";
- }
- .select.preselected,
- .select:disabled.preselected {
- color: #999;
- }
- /*********************************************************
- * 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;
- }
- .mainmenufooter small {
- font-size: 9pt;
- }
- .mainmenufooter a {
- text-decoration: underline;
- color: #6688CC;
- text-shadow: 0 -1px 0 black;
- }
- .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 {
- color: #CCC;
- border: solid 1px #7d7e7d;
- background: #7d7e7d; /* Old browsers */
- background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
- text-shadow:
- 1px 0px 1px #666,
- -1px 0px 0px #666,
- 0px 1px 1px #666,
- 0px -1px 0px #666;
- margin: 0;
- padding: 2px 5px;
- font-size: 11pt;
- border: 1px solid #555;
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- cursor: pointer;
- }
- .pm-window h3:hover {
- color: #EFEFEF;
- }
- .pm-window h3 .closebutton {
- float: right;
- }
- .pm-window h3 small {
- color: #888888;
- font-weight: normal;
- vertical-align: 1px;
- }
- .pm-log {
- min-height: 100px;
- max-height: 300px;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), linear-gradient(top, #262626, #333)!important;
- color: #EFEFEF;
- word-wrap: break-word;
- border: 1px solid #555;
- border-top: 0;
- border-bottom: 0;
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- overflow-scrolling: touch;
- }
- .pm-log-add {
- border: 1px solid #555;
- border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), linear-gradient(top, #262626, #333)!important;
- }
- .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 {
- color:#EFEFEF;
- background: #FFCC00; /* Old browsers */
- background: -moz-linear-gradient(top, #FFCC00 0%, #FFFF00 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC00), color-stop(100%,#FFFF00)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* IE10+ */
- cursor: default;
- }
- .challenge {
- margin-top: -1px;
- background: #333;
- border: 1px solid #555;
- color: #999;
- 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;
- 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: 00px;
- border:5px solid #555;
- color: white;
- text-transform:uppercase;
- font-family: 'Maven Pro', sans-serif;
- font-weight:bold;
- font-size:25px;
- text-shadow: 0 1px 0 black;
- }
- .menugroup {
- text-align: center;
- background: transparent; /* Old browsers */
- }
- .mainmessage p,
- .menugroup p {
- margin: 10px 0;
- }
- .menugroup .button {
- box-sizing: border-box;
- font-size: 12pt;
- display: inline-block;
- padding: 5px 7px 3px 7px;
- width: 200px;
- outline: none;
- cursor: pointer;
- font-family: 'Maven Pro', sans-serif;
- font-weight:700;
- text-align: center;
- text-transform:uppercase;
- text-decoration: none;
- text-shadow:
- 1px 0px 1px #666,
- -1px 0px 0px #666,
- 0px 1px 1px #666,
- 0px -1px 0px #666;
- border-radius: 0px;
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8);
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8);
- box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8);
- /* default colors */
- color: #FFFFFF;
- border: solid 1px #FFFF00;
- background: #FFCC00; /* Old browsers */
- background: -moz-linear-gradient(top, #FFCC00 0%, #FFFF00 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC00), color-stop(100%,#FFFF00)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* IE10+ */
- }
- .menugroup button.big {
- width: 230px;
- padding: 6px 7px 6px 7px;
- font-size: 14pt;
- }
- .menugroup .button:hover {
- background: #ee7e22; /* Old browsers */
- background: -moz-linear-gradient(top, #ee7e22 0%, #c3600f 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee7e22), color-stop(100%,#c3600f)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #ee7e22 0%,#c3600f 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #ee7e22 0%,#c3600f 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(top, #ee7e22 0%,#c3600f 100%); /* IE10+ */
- }
- .menugroup .button:active {
- box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 1px rgba(255,255,255,.3), inset 0 1px 1px rgba(0,0,0,.4);
- background: #c3600f; /* Old browsers */
- background: -moz-linear-gradient(top, #c3600f 0%, #ee7e22 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3600f), color-stop(100%,#ee7e22)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #c3600f 0%,#ee7e22 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #c3600f 0%,#ee7e22 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(top, #c3600f 0%,#ee7e22 100%); /* IE10+ */
- border-color: hsl(210,40%,21%);
- }
- .menugroup .button.disabled,
- .menugroup .button.disabled:hover,
- .menugroup .button.disabled:active {
- cursor: default;
- background: #333;
- border: 5px solid #555;
- color: #EFEFEF;
- 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: #000;
- }
- .ladder span {
- color: gray;
- }
- .roomlist {
- text-align: left;
- }
- .roomlist a.ilink {
- display: block;
- margin: 2px 7px 4px 7px;
- padding: 1px 4px 2px 4px;
- border: 1px solid #BBCCDD;
- background: #F8FBFD;
- border-radius: 4px;
- text-decoration: none;
- color: #336699;
- text-shadow: #ffffff 0px -1px 0;
- box-shadow: 1px 1px 1px #D5D5D5;
- cursor: pointer;
- font-size: 10pt;
- overflow: hidden;
- white-space: nowrap;
- }
- .roomlist a.ilink small {
- font-size: 8pt;
- }
- .roomlist a.ilink:hover {
- border: 1px solid #8899AA;
- background: #F1F4F9;
- color: #224466;
- text-decoration: none;
- }
- .ps-popup.credits {
- max-width: 380px;
- margin-top: 20px;
- padding: 5px 60px;
- }
- .credits h2 {
- font-size: 11pt;
- font-style: none;
- text-transform:uppercase;
- margin-bottom: 0;
- color: #EFEFEF;
- }
- .credits ul {
- padding-left: 1.5em;
- margin-top: 0;
- margin-bottom: 0;
- color: #DDD;
- }
- .credits ul li p {
- color: #C6C6C6;
- }
- .credits li small {
- font-size: 10pt;
- display: block;
- color: #777;
- }
- /*********************************************************
- * Chat
- *********************************************************/
- .chat-log {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 40px;
- font-size: 10pt;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #333, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #333, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #333, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #333, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), linear-gradient(top, #333, #333)!important;
- background-repeat:repeat;
- background-position:center;
- color: #EFEFEF;
- 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: 36px;
- padding: 3px 4px 0 4px;
- border-top: 1px solid #AAAAAA;
- }
- .chat-log-add.hasuserlist{
- background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important;
- }
- .chat-log .notice,
- .chat-log .chat,
- .pm-log .chat {
- padding: 4px 0 2px 0;
- font-size: 8pt;
- }
- .chat em {
- padding: 0 4px 0 3px;
- font-style: normal;
- }
- .chat small {
- font-weight: normal;
- font-size: 8pt;
- color: #AAA;
- }
- .chat.timer {
- color: #992222;
- }
- .highlighted, .notice {
- background-color: rgba(255,255,255,.1);
- }
- .message-pm {
- color: #FFCC00;
- }
- .message-pm .pmnote {
- cursor: pointer;
- }
- .chat-log .inner,
- .pm-log .inner {
- padding: 4px 8px 6px 8px;
- }
- a.ilink {
- text-decoration: none;
- color: #6688CC;
- }
- a.ilink:hover {
- text-decoration: underline;
- color: #6688CC;
- }
- .chatbox {
- margin: 0 10px 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: -73px;
- 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;
- }
- /* 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-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:#EFEFEF;
- text-shadow:
- 1px 0px 0px #000,
- -1px 0px 0px #000,
- 0px 1px 0px #000,
- 0px -1px 0px #000;
- border-right: 1px solid #555;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), linear-gradient(top, #262626, #333)!important;
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- overflow-scrolling: touch;
- }
- .chat-log.hasuserlist,
- .chat-log-add.hasuserlist {
- left: 146px;
- }
- .userlist,
- .userlist li {
- display: block;
- list-style-type: none;
- margin: 0;
- padding: 0;
- text-align: left;
- }
- .userlist li {
- border-bottom: 1px solid #555;
- height: 19px;
- font: 10pt 'Maven Pro', 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-color: rgba(255,255,255,.4);
- border: 0;
- padding: 1px 0;
- margin: 0;
- height: 19px;
- width: 100%;
- white-space: nowrap;
- font: 9pt Verdana, sans-serif;
- text-align: left;
- cursor: pointer;
- text-shadow:
- 1px 0px 0px #555,
- -1px 0px 0px #555,
- 0px 1px 0px #555,
- 0px -1px 0px #555;
- }
- .userlist li button:hover {
- background: rgba(255,255,255,.2);
- }
- .userlist li button:active {
- background: rgba(255,106,000,.6);
- }
- .userlist li.cur {
- background: white;
- }
- .userlist li.cur button,
- .userlist li.cur button:hover {
- background: white;
- margin: 0 0 0 -1px;
- }
- /*********************************************************
- * Battle
- *********************************************************/
- .ps-room .battle-log {
- position: absolute;
- top: 0;
- left: 640px;
- right: 0;
- bottom: 40px;
- height: auto;
- width: auto;
- word-wrap: break-word;
- border-right: 0;
- border-top: 0;
- border-bottom: 0;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important; /* Chrome 10+, Saf5.1+ */
- background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #262626, #333)!important; /* FF3.6+ */
- background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #262626, #333)!important; /* IE10 */
- background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #262626, #333)!important; /* Opera 11.10+ */
- }
- .ps-room .battle-log-add {
- position: absolute;
- bottom: 0;
- left: 640px;
- right: 0;
- top: auto;
- min-height: 36px;
- height: auto;
- width: auto;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), linear-gradient(top, #262626, #333)!important;
- 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;
- }
- .ps-room .battle-controls {
- position: absolute;
- top: 440px;
- left: 0;
- width: 640px;
- }
- .battle-controls p {
- margin: 2px 0 8px 0;
- padding: 0 8px;
- }
- .battle-controls .whatdo {
- margin-top: -2px;
- padding: 0 8px;
- font-size: 9pt;
- color: #999999;
- }
- .battle-controls .whatdo small {
- float: right;
- padding: 1px 2px;
- border: 1px solid #999999;
- border-radius: 4px;
- }
- .battle-controls .whatdo small.healthy {
- color: #22aa22;
- border-color: #22aa22;
- }
- .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;
- }
- }
- .moveselect button,
- .switchselect button {
- background: transparent;
- cursor: default;
- border: 0;
- font-weight: bold;
- font-style: italic;
- color: #555555;
- font-size: 12pt;
- display: block;
- margin: 0;
- padding: 9px 7px 1px 7px;
- }
- .moveselect button {
- color: #CC9999;
- }
- .switchselect button {
- color: #9999CC;
- }
- .switchmenu button {
- position: relative;
- display: block;
- float: left;
- width: 100px;
- margin-right: 6px;
- font: 9pt Verdana, sans-serif;
- padding: 5px 5px 5px 0;
- white-space: pre;
- overflow: hidden;
- }
- .switchmenu button .pokemonicon {
- float: left;
- margin: -4px 0;
- opacity: 0.8;
- }
- .switchmenu button .hpbar {
- position: absolute;
- display: block;
- border: 1px solid #AAA;
- background: #EEE;
- height: 2px;
- bottom: 2px; left: 2px; right: 2px;
- border-radius: 2px;
- opacity: .6;
- }
- /* 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: 1px;
- }
- .switchmenu button .hpbar-yellow span {
- border-top-color: #a5aa53;
- background-color: #a2a822;
- }
- .switchmenu button .hpbar-red span {
- border-top-color: #faa;
- background-color: #f55;
- }
- /****************/
- .switchmenu button .status {
- position: absolute;
- display: block;
- right: 2px;
- bottom: 1px;
- width: 5px;
- height: 5px;
- padding: 0;
- border-radius: 2px;
- border: 1px solid #C2C2C2;
- opacity: 1.0;
- }
- .status {
- color: white;
- border-radius: 3px;
- padding: 0 2px;
- }
- .status.brn {
- background: #EE5533;
- }
- .status.psn, .status.tox {
- background: #A4009A;
- }
- .status.par {
- background: #9AA400;
- }
- .status.slp {
- background: #AA77AA;
- }
- .status.frz {
- background: #009AA4;
- }
- .movemenu button {
- float: left;
- display: block;
- width: 153px;
- margin-right: 6px;
- height: 40px;
- font: 10pt/100% Verdana, sans-serif;
- position: relative;
- padding: 6px 4px 0 4px;
- }
- .movemenu button small {
- color: #777777;
- }
- .movemenu button small.type {
- padding-top: 3px;
- float: left;
- font-size: 7pt;
- }
- .movemenu button small.pp {
- padding-top: 3px;
- float: right;
- font-size: 7pt;
- }
- .switchmenu,
- .movemenu {
- display: block;
- margin-right: -10px;
- padding-left: 5px;
- }
- .switchmenu button,
- .movemenu button {
- position: relative;
- outline: none;
- cursor: pointer;
- text-align: center;
- text-decoration: none;
- text-shadow: 0 1px 0 rgba(255,255,255,.4);
- border-radius: 5px;
- margin-top: 2px;
- -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);
- /* default colors */
- color: #111111;
- border: solid 1px #AAAAAA;
- background: #e3e3e3;
- 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,
- .movemenu button:hover {
- background: #cfcfcf;
- background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#cfcfcf));
- background: -moz-linear-gradient(top, #f2f2f2, #cfcfcf);
- background: linear-gradient(top, #f2f2f2, #cfcfcf);
- border-color: #606060;
- }
- .switchmenu button:active,
- .movemenu button:active {
- background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#f2f2f2));
- background: -moz-linear-gradient(top, #cfcfcf, #f2f2f2);
- background: linear-gradient(top, #cfcfcf, #f2f2f2);
- }
- .switchmenu button:disabled,
- .movemenu button:disabled {
- cursor: default;
- background: #F3F3F3 ;
- border-color: #CCCCCC ;
- -webkit-box-shadow: none ;
- -moz-box-shadow: none ;
- box-shadow: none ;
- color: #777777 ;
- }
- @media (max-height:571px) {
- .controls {
- position: absolute;
- bottom: 10px;
- left: 0;
- right: 0;
- background: #444444;
- background: rgba(40,40,40,.85);
- color: #FFFFFF;
- padding: 4px 8px;
- }
- .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 100px 0 90px;
- }
- .switchmenu {
- display: none;
- padding: 0 70px 0 210px;
- }
- .moveselect {
- position: absolute;
- left: 20px;
- bottom: 20px;
- }
- .switchselect {
- position: absolute;
- right: 20px;
- bottom: 20px;
- }
- .moveselect button, .switchselect 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 {
- background: #BBBBBB;
- }
- .controls .timer {
- float: right;
- margin-top: -25px;
- }
- }
- /****************/
- #tooltipwrapper {
- position: absolute;
- top: 400px;
- left: 100px;
- text-align: left;
- color: #EFEFEF;
- }
- #tooltipwrapper .tooltipinner {
- position: relative;
- }
- #tooltipwrapper .tooltip {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 300px;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -webkit-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -moz-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -ms-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), -o-linear-gradient(top, #262626, #333)!important;
- background-image: url(http://i.imgur.com/dZGU9A9.png), linear-gradient(top, #262626, #333)!important;
- border-radius: 5px;
- }
- #tooltipwrapper .tooltip h2 {
- padding: 2px 4px;
- margin: 0;
- border-bottom: 1px solid #888888;
- font-size: 10pt;
- }
- #tooltipwrapper .tooltip h2 small {
- font-weight: normal;
- }
- #tooltipwrapper .tooltip p {
- padding: 2px 4px;
- margin: 0;
- font-size: 8pt;
- }
- #tooltipwrapper .tooltip p.section {
- border-top: 1px solid #888888;
- }
- /*********************************************************
- * Teambuilder
- *********************************************************/
- .utilichart .col {
- color: #FFF;
- }
- .utilichart .pokemonnamecol, .utilichart .statcol, .utilichart .bstcol{
- text-transform:uppercase;
- color:#FFF;
- }
- .utilichart .statcol, .utilichart .bstcol{
- color:#DDD;
- }
- .utilichart .labelcol em, .utilichart .widelabelcol em, .utilichart .pplabelcol em, .utilichart .statcol em, .utilichart .bstcol em{
- color:#FFF;
- }
- .utilichart .abilitycol,.utilichart .twoabilitycol {
- font-size: 7pt;
- }
- .utilichart .namecol {
- font-size: 9pt;
- }
- .utilichart .itemdesccol {
- font-size:7pt;
- }
- .utilichart .movenamecol {
- font-size: 8pt;
- }
- .utilichart .widelabelcol {
- width: 65px;
- }
- .utilichart .movedesccol {
- font-size:7pt;
- }
- .utilichart .typecol img {
- opacity: 1;
- margin-right: 1px;
- }
- .utilichart b {
- color: #fff;
- text-decoration: underline;
- }
- .teamchartbox {
- position: absolute;
- top: 50px;
- }
- .utilichart h3 {
- outline: none;
- text-decoration: none;
- text-transform: uppercase;
- -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;
- color: #EFEFEF;
- text-shadow: 1px 0px 1px #666, -1px 0px 0px #666, 0px 1px 1px #666, 0px -1px 0px #666!important;
- border: solid 1px #7d7e7d;
- background: #7d7e7d;
- background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%)!important;
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e))!important;
- background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%)!important;
- background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%)!important;
- position: relative;
- padding: 3px 2px 3px 2px;
- margin: 0 -1px 0 0;
- top: 1px;
- border-radius: 0;
- box-shadow: none;
- font-size: 11px;
- }
- .teambar button {
- box-sizing: border-box;
- padding: 5px 7px 3px 7px;
- font-size: 6pt;
- outline: none;
- height:50px;
- cursor: pointer;
- font-family: 'Maven Pro', sans-serif;
- font-weight:700;
- text-align: center;
- text-transform:uppercase;
- text-decoration: none;
- text-shadow:
- 1px 0px 1px #666,
- -1px 0px 0px #666,
- 0px 1px 1px #666,
- 0px -1px 0px #666;
- border-radius: 0px;
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8);
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8);
- box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8);
- /* default colors */
- color: #FFFFFF;
- border: solid 1px #FFFF00;
- background: #FFCC00; /* Old browsers */
- background: -moz-linear-gradient(top, #FFCC00 0%, #FFFF00 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC00), color-stop(100%,#FFFF00)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(top, #FFCC00 0%,#FFFF00 100%); /* IE10+ */
- }
- .teambar button:hover {
- background: #ee7e22; /* Old browsers */
- background: -moz-linear-gradient(top, #ee7e22 0%, #c3600f 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee7e22), color-stop(100%,#c3600f)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #ee7e22 0%,#c3600f 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #ee7e22 0%,#c3600f 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(top, #ee7e22 0%,#c3600f 100%); /* IE10+ */
- }
- .teambar button:active {
- box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 1px rgba(255,255,255,.3), inset 0 1px 1px rgba(0,0,0,.4);
- background: #c3600f; /* Old browsers */
- background: -moz-linear-gradient(top, #c3600f 0%, #ee7e22 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3600f), color-stop(100%,#ee7e22)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #c3600f 0%,#ee7e22 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #c3600f 0%,#ee7e22 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(top, #c3600f 0%,#ee7e22 100%); /* IE10+ */
- border-color: hsl(210,40%,21%);
- }
- .teambar button:disabled, .teambar button:disabled:hover, .teambar button:disabled:active {
- outline: none;
- cursor: pointer;
- text-align: center;
- text-decoration: none;
- text-transform:uppercase;
- -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;
- /* default colors */
- color: #FFF!important;
- text-shadow:
- 1px 0px 1px #666,
- -1px 0px 0px #666,
- 0px 1px 1px #666,
- 0px -1px 0px #666!important;
- border: solid 1px #7d7e7d;
- background: #7d7e7d; /* Old browsers */
- background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%)!important; /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e))!important; /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%)!important; /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%)!important; /* Opera 11.10+ */
- }
- .teambuilder-results .result a {
- box-sizing: border-box!important;
- outline: none!important;
- cursor: pointer!important;
- font-family: 'Maven Pro', sans-serif!important;
- font-weight: 700!important;
- text-transform: uppercase!important;
- text-decoration: none!important;
- text-shadow: 1px 0px 1px #666, -1px 0px 0px #666, 0px 1px 1px #666, 0px -1px 0px #666!important;
- border-radius: 0px!important;
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8)!important;
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8)!important;
- box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.8)!important;
- color: #FFFFFF!important;
- background: #FFCC00!important;
- background: -moz-linear-gradient(top, #FFCC00 0%, #FFFF00 100%)!important;
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC00), color-stop(100%,#FFFF00))!important;
- background: -webkit-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important;
- background: -o-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important;
- background: -ms-linear-gradient(top, #FFCC00 0%,#FFFF00 100%)!important;
- }
- .teambuilder-results .result a:hover{
- background: #ee7e22!important;
- background: -moz-linear-gradient(top, #ee7e22 0%, #c3600f 100%)!important;
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee7e22), color-stop(100%,#c3600f))!important;
- background: -webkit-linear-gradient(top, #ee7e22 0%,#c3600f 100%)!important;
- background: -o-linear-gradient(top, #ee7e22 0%,#c3600f 100%)!important;
- background: -ms-linear-gradient(top, #ee7e22 0%,#c3600f 100%)!important;
- }
- .teambuilder-results .result a:active{
- box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 1px rgba(255,255,255,.3), inset 0 1px 1px rgba(0,0,0,.4)!important;
- background: #c3600f!important; /* Old browsers */
- background: -moz-linear-gradient(top, #c3600f 0%, #ee7e22 100%)!important; /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3600f), color-stop(100%,#ee7e22))!important; /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #c3600f 0%,#ee7e22 100%)!important; /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #c3600f 0%,#ee7e22 100%)!important; /* Opera 11.10+ */
- background: -ms-linear-gradient(top, #c3600f 0%,#ee7e22 100%)!important; /* IE10+ */
- border-color: hsl(210,40%,21%)!important;
- }
- .setchart, .setchart-nickname {
- background: #7d7e7d; /* Old browsers */
- background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%)!important; /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e))!important; /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%)!important; /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%)!important; /* Opera 11.10+ */
- }
- .setchart label, .setchart-nickname label {
- display: block;
- font-size: 8pt;
- font-weight: bold;
- color: #FFF;
- padding-left: 2px;
- text-shadow: 1px 1px 0 rgba(0,0,0,.6);
- }
- span.detailcell label, .statrow label {
- color: #000;
- text-shadow: 1px 1px 0 rgba(255,255,255,.6);
- }
- .setmenu {
- position: absolute;
- top: 0px;
- left: 130px;
- width: 503px;
- text-align: right;
- }
- .setmenu button {
- background-color: rgb(221, 221, 221);
- }
- .teambuilder-results {
- position: absolute;
- top: 220px;
- }
- /*********************************************************
- * 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: 1px solid #E1E8E8;
- border-radius: 4px;
- box-shadow: none;
- cursor: pointer;
- }
- .avatarlist button.cur {
- border-color: #999999;
- }
- .avatarlist button:hover,
- .avatarlist button.cur:hover {
- border: 1px solid #8899AA;
- background-color: #F1F4F9;
- box-shadow: 1px 1px 1px #D5D5D5;
- }
- .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;
- }
- /*********************************************************
- * <blink>
- *********************************************************/
- @-webkit-keyframes blinker {
- from { opacity: 1.0; }
- to { opacity: 0.0; }
- }
- @keyframes blinker {
- from { opacity: 1.0; }
- to { opacity: 0.0; }
- }
- blink {
- -webkit-animation-name: blinker;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
- -webkit-animation-duration: 1s;
- animation-name: blinker;
- animation-iteration-count: infinite;
- animation-timing-function: cubic-bezier(1.0,0,0,1.0);
- animation-duration: 1s;
- text-decoration: none;
- }
- /*
- License: GPLv2
- <http://www.gnu.org/licenses/gpl-2.0.html>
- */
- .battle
- {
- position: absolute;
- text-align: left;
- top: 00px;
- left: -1px;
- border: 0px solid #AAAAAA;
- background: #CFD5DA;
- width: 640px;
- height: 360px;
- overflow: hidden;
- padding-top:70px;
- font-family: Verdana, sans-serif;
- font-size: 10pt;
- }
- .backdrop
- {
- width: 700px;
- height: 500px;
- position: absolute;
- top: -90px;
- left: -50px;
- opacity: 1 !important;
- }
- .backdrop:after {
- display: inline-block;
- content: "";
- background:url(http://i.imgur.com/E9NmKai.png) no-repeat fixed;
- position: absolute;
- background-position: 00px 55px;
- width: 700px;
- height: 500px;
- opacity: 1 !important;
- }
- .battle a
- {
- color: #2277FF;
- }
- .battle a:hover
- {
- color: #1155AA;
- }
- .innerbattle
- {
- position: relative;
- width: 640px;
- height: 360px;
- }
- .battle-log-add
- {
- position: absolute;
- text-align: left;
- border: 1px solid #AAAAAA;
- background: #EEF2F5;
- color: #efefef;
- top: 369px;
- left: 640px;
- right: -1px;
- font-family: Verdana, sans-serif;
- font-size: 10pt;
- }
- .battle-log
- {
- position: absolute;
- text-align: left;
- border: 1px solid #AAAAAA;
- background: #EEF2F5;
- color: #efefef;
- 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;
- text-transform:uppercase;
- text-decoration: none;
- font-weight:900;
- text-shadow:
- 1px 0px 1px #999,
- -1px 0px 0px #999,
- 0px 1px 1px #999,
- 0px -1px 0px #999;
- background: #FFCC00;
- background: -moz-linear-gradient(top, #FFCC00 0%, #FFFF00 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC00), color-stop(100%,#FFFF00));
- background: -webkit-linear-gradient(top, #FFCC00 0%,#FFFF00 100%);
- background: -o-linear-gradient(top, #FFCC00 0%,#FFFF00 100%);
- background: -ms-linear-gradient(top, #FFCC00 0%,#FFFF00 100%);
- border-left: 0; border-right: 0;
- font-family: 'Maven Pro', sans-serif;
- font-size: 13pt;
- }
- .battle-log .chat
- {
- vertical-align: middle;
- padding: 4px 0 2px 0;
- font-size: 8pt;
- /* background: #F6FAFF; */
- }
- .battle-log .chat strong
- {
- color: #40576A;
- }
- .battle-log .chat em
- {
- padding: 1px 4px 1px 3px;
- color: #AAA;
- font-style: normal;
- }
- .battle-log .chat em.mine
- {
- color: #555555;
- }
- .battle-log .rated
- {
- padding: 3px 4px;
- }
- .battle-log .rated strong
- {
- color: white;
- background: #89A;
- padding: 1px 4px;
- border-radius: 4px;
- }
- .spacer
- {
- margin-top: 0.5em;
- }
- .playbutton
- {
- position: absolute;
- display: block;
- top: 160px;
- left: 0;
- right: 0;
- text-align: center;
- z-index: 100;
- }
- .playbutton button
- {
- font-size: 20pt;
- }
- .background
- {
- position: absolute;
- display: none;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- }
- .statbar
- {
- position: absolute;
- display: none;
- width: 154px;
- min-height: 40px;
- padding: 2px 4px;
- }
- .statbar strong
- {
- display: block;
- text-align: center;
- color: #222222;
- text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
- }
- .statbar strong small
- {
- font-weight: normal;
- }
- .statbar .hpbar
- {
- position: relative;
- border: 1px solid #777777;
- background: #FCFEFF;
- padding: 1px;
- height: 8px;
- margin: 0 0 0 0;
- width: 151px;
- border-radius: 4px;
- }
- /* The declaration order of these hp* classes is significant. */
- .statbar .hpbar .hp
- {
- height: 4px;
- border-top: 2px solid #00dd60;
- background: #00bb51;
- border-bottom: 2px solid #007734;
- border-right: 1px solid #007734;
- border-radius: 3px;
- }
- .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: 8px;
- 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: #EEEEEE;
- text-shadow: #000000 0 1px 0;
- text-stroke: 1px #000000;
- font-size: 9px;
- width: 32px;
- height: 12px;
- top: -1px;
- text-align: center;
- }
- .statbar .hpbar .hptextborder
- {
- position: absolute;
- background: transparent;
- border-top: 1px solid #777777;
- border-bottom: 1px solid #777777;
- width: 4px;
- top: -1px;
- height: 10px;
- }
- .rstatbar .hpbar .hptext
- {
- right: -32px;
- border-radius: 0 4px 4px 0;
- }
- .lstatbar .hpbar .hptext
- {
- left: -32px;
- border-radius: 4px 0 0 4px;
- }
- .rstatbar .hpbar .hptextborder
- {
- right: -3px;
- }
- .lstatbar .hpbar .hptextborder
- {
- left: -3px;
- }
- .statbar .status
- {
- min-height: 10px;
- font-size: 7pt;
- }
- .statbar span
- {
- padding: 0px 1px;
- border: 1px solid #FF4400;
- border-radius: 3px;
- }
- .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: #EE5533;
- color: #FFFFFF;
- }
- .statbar span.psn
- {
- background: #A4009A;
- color: #FFFFFF;
- }
- .statbar span.par
- {
- background: #9AA400;
- color: #FFFFFF;
- }
- .statbar span.slp
- {
- background: #AA77AA;
- color: #FFFFFF;
- }
- .statbar span.frz
- {
- background: #009AA4;
- color: #FFFFFF;
- }
- .statbar span.bad
- {
- background: #FFE5E0;
- color: #FF4400;
- border-color: #FF4400;
- }
- .statbar span.good
- {
- background: #E5FFE0;
- color: #33AA00;
- border-color: #33AA00;
- }
- .statbar span.neutral
- {
- background: #F0F0F0;
- color: #555555;
- border-color: #555555;
- }
- div.foehint div:nth-of-type(1){
- position: absolute!important;
- top: 180px!important;
- left: 390px!important;
- width: 80px!important;
- height: 60px!important;
- }
- .leftbar {
- position: absolute!important;
- top: -065px!important;
- left: 0!important;
- height: 95px!important;
- width: 320px!important;
- background-color: rgba(255,255,255,0)!important;
- border: 0px solid rgba(215,215,215,0.5)!important;
- color: #777777!important;
- background-image: url(http://i.imgur.com/EFhFyUJ.png)!important;
- background-position: 00px 00px!important;
- z-index:1000!important;
- }
- .leftbar .trainer{
- margin-top:0px!important;
- }
- .leftbar .trainersprite {
- position: absolute!important;
- top: -5px!important;
- left: 5px!important;
- opacity: 1 !important;
- }
- .leftbar .trainer .teamicons {
- float: right!important;
- position: relative!important;
- top: -038px!important;
- left: -050px!important;
- opacity: 1 !important;
- }
- .leftbar .teamicons:nth-of-type(2) span:nth-of-type(1) {
- position: relative!important;
- left: 4px!important;
- }
- .leftbar .teamicons:nth-of-type(2) span:nth-of-type(2) {
- position: relative!important;
- top: 18px!important;
- left: 2px!important;
- }
- .leftbar .teamicons:nth-of-type(2) span:nth-of-type(3) {
- position: relative!important;
- left: 0px!important;
- }
- .leftbar .teamicons:nth-of-type(3) span:nth-of-type(1) {
- position: relative!important;
- top: 18px!important;
- left: 11px!important;
- }
- .leftbar .teamicons:nth-of-type(3) span:nth-of-type(2) {
- position: relative!important;
- left: 11px!important;
- }
- .leftbar .teamicons:nth-of-type(3) span:nth-of-type(3) {
- position: relative!important;
- top: 18px!important;
- left: 8px!important;
- }
- .leftbar .trainer strong
- {
- text-align: left!important;
- margin-top: 50px!important;
- position:relative!important;
- top:030px!important;
- left:85px!important;
- color:#FFF!important;
- text-shadow:
- 1px 0px 0px #000,
- -1px 0px 0px #000,
- 0px 1px 0px #000,
- 0px -1px 0px #000!important;
- }
- .rightbar {
- position: absolute!important;
- top: -065px!important;
- right: 0!important;
- height: 95px!important;
- width: 320px!important;
- background-color: rgba(255,255,255,0)!important;
- border: 0px solid rgba(215,215,215,0.5)!important;
- color: #777777!important;
- background-image: url(http://i.imgur.com/RqMKCGN.png)!important;
- background-position: 00px 00px!important;
- z-index:1000!important;
- }
- .rightbar .trainer{
- margin-top:0px!important;
- }
- .rightbar .trainersprite {
- position: absolute!important;
- top: -5px!important;
- right: 5px!important;
- opacity: 1 !important;
- }
- .rightbar .trainer .teamicons {
- float: left!important;
- position: relative!important;
- top: -038px!important;
- right: -050px!important;
- opacity: 1 !important;
- }
- .rightbar .teamicons:nth-of-type(2) span:nth-of-type(1) {
- position: relative!important;
- right: 0px!important;
- }
- .rightbar .teamicons:nth-of-type(2) span:nth-of-type(2) {
- position: relative!important;
- top: 18px!important;
- right: 2px!important;
- }
- .rightbar .teamicons:nth-of-type(2) span:nth-of-type(3) {
- position: relative!important;
- right: 3px!important;
- }
- .rightbar .teamicons:nth-of-type(3) span:nth-of-type(1) {
- position: relative!important;
- top: 18px!important;
- right: 6px!important;
- }
- .rightbar .teamicons:nth-of-type(3) span:nth-of-type(2) {
- position: relative!important;
- right: 7px!important;
- }
- .rightbar .teamicons:nth-of-type(3) span:nth-of-type(3) {
- position: relative!important;
- top: 18px!important;
- right: 9px!important;
- }
- .rightbar .trainer strong
- {
- text-align: right!important;
- margin-top: 50px!important;
- position:relative!important;
- top:030px!important;
- right:85px!important;
- color:#FFF!important;
- text-shadow:
- 1px 0px 0px #000,
- -1px 0px 0px #000,
- 0px 1px 0px #000,
- 0px -1px 0px #000!important;
- }
- .trainer
- {
- text-align: center;
- margin-top: 180px;
- }
- .rightbar .trainer
- {
- margin-top: 50px;
- }
- .trainer strong
- {
- display: block;
- font-size: 8pt;
- margin-bottom: 2px;
- overflow: hidden;
- }
- .trainer div
- {
- width: 86px;
- height: 90px;
- opacity: .7;
- margin: 0 auto;
- background: transparent none no-repeat scroll center top;
- }
- .trainer div.teamicons
- {
- width: 97px;
- height: 24px;
- }
- .teamicons span
- {
- float: left;
- }
- .leftbar .trainer div.trainersprite,
- .leftbar .teamicons span
- {
- -moz-transform: scaleX(-1);
- -webkit-transform: scaleX(-1);
- -o-transform: scaleX(-1);
- -ms-transform: scaleX(-1);
- transform: scaleX(-1);
- }
- .trainersprite
- {
- max-width: 80px;
- max-height: 80px;
- }
- .turn {
- position: absolute;
- top: -53px;
- left: 221px !important;
- width: 200px;
- height: 33px;
- font-size: 12pt;
- font-weight: bold;
- font-family: 'Maven Pro', sans-serif;
- text-transform:uppercase;
- margin: 0px;
- padding: 0px;
- padding-top: 35px;
- border: 0;
- border-radius: 0;
- opacity: 1 !important;
- background: url(http://i.imgur.com/8DSAhL0.png);
- text-align: center;
- color: #FFF;
- }
- .messagebar
- {
- position: absolute;
- display: none;
- bottom: 10px;
- left: 110px;
- right: 110px;
- color: #CCCCCC;
- background: #222222;
- background: rgba(0,0,0,0.75);
- border-radius: 6px;
- padding: 4px 6px 0 6px;
- overflow: hidden;
- }
- .message strong
- {
- color: #ffffff;
- font-size: 12pt;
- }
- .message small
- {
- font-size: 8pt;
- color: #999;
- }
- .message p
- {
- display: none;
- margin: 0;
- padding: 0;
- }
- .weather
- {
- position: absolute;
- display: none;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- }
- .weather em
- {
- display: block;
- margin: 50px 0 0 115px;
- font-size: 12pt;
- }
- .weather em small
- {
- font-style: normal;
- }
- .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
- {
- color: #FFFFFF;
- background: #CC0000;
- }
- .battle .goodresult strong
- {
- color: #FFFFFF;
- background: #00CC00;
- }
- .battle .neutralresult strong
- {
- color: #FFFFFF;
- background: #999999;
- }
- .battle .brnresult strong
- {
- color: #FFFFFF;
- background: #EE5533;
- }
- .battle .psnresult strong
- {
- color: #FFFFFF;
- background: #A4009A;
- }
- .battle .slpresult strong
- {
- color: #FFFFFF;
- background: #AA77AA;
- }
- .battle .parresult strong
- {
- color: #FFFFFF;
- background: #9AA400;
- }
- .battle .frzresult strong
- {
- color: #FFFFFF;
- background: #009AA4;
- }
- .sidecondition-reflect
- {
- background: #EEEEEE;
- border: 1px solid #888888;
- display: none;
- position: absolute;
- }
- .sidecondition-lightscreen
- {
- background: #CCCC00;
- border: 1px solid #AAAA00;
- display: none;
- position: absolute;
- }
- .sidecondition-safeguard
- {
- background: #DD88DD;
- border: 1px solid #AA66AA;
- display: none;
- position: absolute;
- }
- .sidecondition-mist
- {
- background: #AACCFF;
- border: 1px solid #5577CC;
- display: none;
- position: absolute;
- }
- .turnstatus-protect
- {
- background: #DD88DD;
- border: 1px solid #AA66AA;
- display: none;
- position: absolute;
- }
- .seeking
- {
- display: block;
- position: absolute;
- top: 0; left: 0; bottom: 0; right: 0;
- background: #FFFFFF;
- color: #000000;
- }
- .seeking strong
- {
- display: block;
- text-align: center;
- padding-top: 180px;
- }
- #sm2-container
- {
- position: relative;
- }
- .swf_timedout#sm2-container embed,
- .swf_timedout#sm2-container object,
- .swf_timedout#sm2-container audio,
- .movieContainer#sm2-container embed,
- .movieContainer#sm2-container object,
- .movieContainer#sm2-container audio
- {
- position: absolute;
- height: 27px;
- width: 66px;
- top: -1px;
- left: -1px;
- }
- .swf_timedout#sm2-container .inner,
- .movieContainer#sm2-container .inner
- {
- visibility: hidden;
- }
- #sm2-container embed,
- #sm2-container object,
- #sm2-container audio,
- .swf_loaded#sm2-container embed,
- .swf_loaded#sm2-container object,
- .swf_loaded#sm2-container audio
- {
- position: absolute;
- height: 27px;
- width: 27px;
- top: -1px;
- left: -87px;
- }
- #sm2-container .inner,
- .swf_loaded#sm2-container .inner
- {
- visibility: visible;
- }
- .chooser
- {
- float: right;
- border: 1px solid #AAAAAA;
- background: #EEF2F5;
- padding: 0 0 0 0;
- height: 25px;
- font-size: 9pt;
- margin: 0 5px 0 0;
- }
- .leftchooser
- {
- float: left;
- }
- .chooser em
- {
- float: left;
- padding: 5px 6px 0 6px;
- height: 20px;
- border-right: 1px solid #CCCCCC;
- background: #EEEEEE;
- font-weight: normal;
- }
- .chooser div
- {
- float: left;
- padding: 1px 2px;
- }
- .chooser button
- {
- border: 0;
- background: transparent;
- padding: 2px 4px;
- font-size: 9pt;
- font-family: Verdana, sans-serif;
- border-radius: 3px;
- cursor: pointer;
- }
- .chooser button:hover
- {
- border: 1px solid #BBBBBB;
- padding: 1px 3px;
- background: #EEEEEE;
- }
- .chooser button.sel,
- .chooser button.sel:hover
- {
- border: 1px solid #999999;
- padding: 1px 3px;
- background: #DDDDDD;
- }
- /* .dark .battle
- {
- background: #222222;
- color: #CCCCCC;
- }
- .dark .statbar strong
- {
- color: #AAAAAA;
- }
- .dark .statbar .hpbar
- {
- background: #222222;
- }
- .dark .statbar .hpbar .prevhp
- {
- background: #446755;
- }
- .dark .leftbar,
- .dark .rightbar
- {
- background: rgba(0,0,0,0.5);
- color: #CCCCCC;
- }
- .dark .messagebar
- {
- background: #444444;
- background: rgba(60,60,60,0.80);
- color: #CCCCCC;
- } */
- .dark .battle-log
- {
- background: #333333;
- color: #CCCCCC;
- }
- .dark .battle-log .chat strong,
- .dark .battle-log .chat em
- {
- color: #8097BA;
- }
- .dark .battle-log h2
- {
- background: #555555;
- }
- .dark .chooser
- {
- background: #666666;
- color: #CCCCCC;
- }
- .dark .chooser em
- {
- background: #777777;
- color: #CCCCCC;
- }
- .dark .chooser button
- {
- color: #CCCCCC;
- }
- .dark .chooser button:hover
- {
- border: 1px solid #BBBBBB;
- padding: 1px 3px;
- background: #777777;
- color: #EEEEEE;
- }
- .dark .chooser button.sel,
- .dark .chooser button.sel:hover
- {
- border: 1px solid #CCCCCC;
- padding: 1px 3px;
- background: #999999;
- color: #F3F3F3;
- }
- .itemicon
- {
- display: block;
- width: 24px;
- height: 24px;
- }
- .pokemonicon
- {
- display: block;
- width: 32px;
- height: 24px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement