Remove outdated -webkit and -moz CSS

linear-gradient has been supported in most major browsers for long
enough that we can drop gradient support for really old browsers.
This commit is contained in:
Guangcong Luo 2015-06-28 00:12:41 -04:00
parent db16dd8abe
commit ea348e8a19
2 changed files with 135 additions and 340 deletions

View File

@ -202,9 +202,7 @@ a.subtle:hover {
text-shadow: 0 1px 0 white;
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);
background: linear-gradient(to bottom, #f6f6f6, #e3e3e3);
position: relative;
padding: 3px 2px 3px 2px;
@ -238,17 +236,13 @@ a.subtle:hover {
}
.tabbar a.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);
background: linear-gradient(to bottom, #f2f2f2, #cfcfcf);
border-color: #606060;
z-index: 10;
}
.tabbar a.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);
background: linear-gradient(to bottom, #cfcfcf, #f2f2f2);
}
.tabbar a.button.notifying {
border-color: #AA8866;
@ -492,7 +486,6 @@ p.or:after {
border: 1px solid #888888;
background: #EEEEEE;
box-shadow: inset 0 1px 0 #FFFFFF;
background: -webkit-gradient(linear, left top, left bottom, from(#edf2f8), to(#d7e3ec));
background: linear-gradient(to bottom, #edf2f8, #d7e3ec);
color: black;
}
@ -504,14 +497,12 @@ p.or:after {
.select:hover {
border-color: #555555;
background: #FFFFFF;
background: -webkit-gradient(linear, left top, left bottom, from(#dce4ec), to(#c6d3e0));
background: linear-gradient(to bottom, #dce4ec, #c6d3e0);
}
.select:active {
border-color: #777777;
background: #DDDDDD;
box-shadow: none;
background: -webkit-gradient(linear, left top, left bottom, from(#d1dce6), to(#e7edf2));
background: linear-gradient(to bottom, #d1dce6, #e7edf2);
}
.select:after {
@ -747,8 +738,6 @@ p.or:after {
text-decoration: none;
text-shadow: 0 -1px 0 hsl(210,40%,10%);
border-radius: 5px;
-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 */
@ -756,9 +745,7 @@ p.or:after {
border: solid 1px #AAAAAA;
background: #779EC5;
background: hsl(210,40%,62%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(210,40%,72%)), to(hsl(210,40%,52%)));
background: -moz-linear-gradient(top, hsl(210,40%,72%), hsl(210,40%,52%));
background: linear-gradient(top, hsl(210,40%,72%), hsl(210,40%,52%));
background: linear-gradient(to bottom, hsl(210,40%,72%), hsl(210,40%,52%));
border-color: hsl(210,40%,40%);
}
.menugroup button.big {
@ -769,18 +756,14 @@ p.or:after {
.menugroup .button:hover {
background: #5485B6;
background: hsl(210,40%,52%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(210,40%,62%)), to(hsl(210,40%,42%)));
background: -moz-linear-gradient(top, hsl(210,40%,62%), hsl(210,40%,42%));
background: linear-gradient(top, hsl(210,40%,62%), hsl(210,40%,42%));
background: linear-gradient(to bottom, hsl(210,40%,62%), hsl(210,40%,42%));
border-color: hsl(210,40%,21%);
}
.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: #406B96;
background: hsl(210,40%,42%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(210,40%,42%)), to(hsl(210,40%,58%)));
background: -moz-linear-gradient(top, hsl(210,40%,42%), hsl(210,40%,58%));
background: linear-gradient(top, hsl(210,40%,42%), hsl(210,40%,58%));
background: linear-gradient(to bottom, hsl(210,40%,42%), hsl(210,40%,58%));
border-color: hsl(210,40%,21%);
}
.menugroup .button.disabled,
@ -1596,31 +1579,23 @@ div[class^='tournament-message-'], div[class*=' tournament-message-'] {
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);
background: linear-gradient(to bottom, #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);
background: linear-gradient(to bottom, #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);
background: linear-gradient(to bottom, #cfcfcf, #f2f2f2);
}
.switchmenu button.disabled,

View File

@ -1,575 +1,395 @@
.movemenu button.type-Normal
{
.movemenu button.type-Normal {
/* bg: 97 to 90, border: 70 */
background: hsl(60,14%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(60,14%,97%)), to(hsl(60,14%,84%)));
background: -moz-linear-gradient(top, hsl(60,14%,97%), hsl(60,14%,84%));
background: linear-gradient(top, hsl(60,14%,97%), hsl(60,14%,84%));
background: linear-gradient(to bottom, hsl(60,14%,97%), hsl(60,14%,84%));
border-color: hsl(60,14%,70%);
}
.movemenu button.type-Normal small
{
.movemenu button.type-Normal small {
color: hsl(60,14%,41%);
}
.movemenu button.type-Normal:hover
{
.movemenu button.type-Normal:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(60,14%,87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(60,14%,94%)), to(hsl(60,14%,77%)));
background: -moz-linear-gradient(top, hsl(60,14%,94%), hsl(60,14%,77%));
background: linear-gradient(top, hsl(60,14%,94%), hsl(60,14%,77%));
background: linear-gradient(to bottom, hsl(60,14%,94%), hsl(60,14%,77%));
border-color: hsl(60,14%,41%);
}
.movemenu button.type-Normal:active
{
.movemenu button.type-Normal:active {
/* bg: 83 to 88, border: 41 */
background: hsl(60,14%,77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(60,14%,77%)), to(hsl(60,14%,83%)));
background: -moz-linear-gradient(top, hsl(60,14%,77%), hsl(60,14%,83%));
background: linear-gradient(top, hsl(60,14%,77%), hsl(60,14%,83%));
background: linear-gradient(to bottom, hsl(60,14%,77%), hsl(60,14%,83%));
border-color: hsl(60,14%,41%);
}
.movemenu button.type-Fighting
{
.movemenu button.type-Fighting {
/* bg: 97 to 90, border: 70 */
background: hsl(3,40%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(3,40%,97%)), to(hsl(3,40%,84%)));
background: -moz-linear-gradient(top, hsl(3,40%,97%), hsl(3,40%,84%));
background: linear-gradient(top, hsl(3,40%,97%), hsl(3,40%,84%));
background: linear-gradient(to bottom, hsl(3,40%,97%), hsl(3,40%,84%));
border-color: hsl(3,40%,70%);
}
.movemenu button.type-Fighting small
{
.movemenu button.type-Fighting small {
color: hsl(3,40%,41%);
}
.movemenu button.type-Fighting:hover
{
.movemenu button.type-Fighting:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(342, 16%, 87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(3,40%,94%)), to(hsl(3,40%,77%)));
background: -moz-linear-gradient(top, hsl(3,40%,94%), hsl(3,40%,77%));
background: linear-gradient(top, hsl(3,40%,94%), hsl(3,40%,77%));
background: linear-gradient(to bottom, hsl(3,40%,94%), hsl(3,40%,77%));
border-color: hsl(3,40%,41%);
}
.movemenu button.type-Fighting:active
{
.movemenu button.type-Fighting:active {
/* bg: 83 to 88, border: 41 */
background: hsl(342, 16%, 77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(3,40%,77%)), to(hsl(3,40%,83%)));
background: -moz-linear-gradient(top, hsl(3,40%,77%), hsl(3,40%,83%));
background: linear-gradient(top, hsl(3,40%,77%), hsl(3,40%,83%));
background: linear-gradient(to bottom, hsl(3,40%,77%), hsl(3,40%,83%));
border-color: hsl(3,40%,41%);
}
.movemenu button.type-Flying
{
.movemenu button.type-Flying {
/* bg: 97 to 90, border: 70 */
background: hsl(255,20%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(255,20%,97%)), to(hsl(255,20%,84%)));
background: -moz-linear-gradient(top, hsl(255,20%,97%), hsl(255,20%,84%));
background: linear-gradient(top, hsl(255,20%,97%), hsl(255,20%,84%));
background: linear-gradient(to bottom, hsl(255,20%,97%), hsl(255,20%,84%));
border-color: hsl(255,20%,70%);
}
.movemenu button.type-Flying small
{
.movemenu button.type-Flying small {
color: hsl(255,20%,41%);
}
.movemenu button.type-Flying:hover
{
.movemenu button.type-Flying:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(255,20%,87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(255,20%,94%)), to(hsl(255,20%,77%)));
background: -moz-linear-gradient(top, hsl(255,20%,94%), hsl(255,20%,77%));
background: linear-gradient(top, hsl(255,20%,94%), hsl(255,20%,77%));
background: linear-gradient(to bottom, hsl(255,20%,94%), hsl(255,20%,77%));
border-color: hsl(255,20%,41%);
}
.movemenu button.type-Flying:active
{
.movemenu button.type-Flying:active {
/* bg: 83 to 88, border: 41 */
background: hsl(255,20%,77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(255,20%,77%)), to(hsl(255,20%,83%)));
background: -moz-linear-gradient(top, hsl(255,20%,77%), hsl(255,20%,83%));
background: linear-gradient(top, hsl(255,20%,77%), hsl(255,20%,83%));
background: linear-gradient(to bottom, hsl(255,20%,77%), hsl(255,20%,83%));
border-color: hsl(255,20%,41%);
}
.movemenu button.type-Poison
{
.movemenu button.type-Poison {
/* bg: 97 to 90, border: 70 */
background: hsl(300,30%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(300,30%,97%)), to(hsl(300,30%,84%)));
background: -moz-linear-gradient(top, hsl(300,30%,97%), hsl(300,30%,84%));
background: linear-gradient(top, hsl(300,30%,97%), hsl(300,30%,84%));
background: linear-gradient(to bottom, hsl(300,30%,97%), hsl(300,30%,84%));
border-color: hsl(300,30%,70%);
}
.movemenu button.type-Poison small
{
.movemenu button.type-Poison small {
color: hsl(300,30%,41%);
}
.movemenu button.type-Poison:hover
{
.movemenu button.type-Poison:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(300,30%,87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(300,30%,94%)), to(hsl(300,30%,77%)));
background: -moz-linear-gradient(top, hsl(300,30%,94%), hsl(300,30%,77%));
background: linear-gradient(top, hsl(300,30%,94%), hsl(300,30%,77%));
background: linear-gradient(to bottom, hsl(300,30%,94%), hsl(300,30%,77%));
border-color: hsl(300,30%,41%);
}
.movemenu button.type-Poison:active
{
.movemenu button.type-Poison:active {
/* bg: 83 to 88, border: 41 */
background: hsl(300,30%,77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(300,30%,77%)), to(hsl(300,30%,83%)));
background: -moz-linear-gradient(top, hsl(300,30%,77%), hsl(300,30%,83%));
background: linear-gradient(top, hsl(300,30%,77%), hsl(300,30%,83%));
background: linear-gradient(to bottom, hsl(300,30%,77%), hsl(300,30%,83%));
border-color: hsl(300,30%,41%);
}
.movemenu button.type-Ground
{
.movemenu button.type-Ground {
/* bg: 97 to 90, border: 70 */
background: hsl(44,27%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(44,27%,97%)), to(hsl(44,27%,84%)));
background: -moz-linear-gradient(top, hsl(44,27%,97%), hsl(44,27%,84%));
background: linear-gradient(top, hsl(44,27%,97%), hsl(44,27%,84%));
background: linear-gradient(to bottom, hsl(44,27%,97%), hsl(44,27%,84%));
border-color: hsl(44,27%,70%);
}
.movemenu button.type-Ground small
{
.movemenu button.type-Ground small {
color: hsl(44,27%,41%);
}
.movemenu button.type-Ground:hover
{
.movemenu button.type-Ground:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(44,27%,87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(44,27%,94%)), to(hsl(44,27%,77%)));
background: -moz-linear-gradient(top, hsl(44,27%,94%), hsl(44,27%,77%));
background: linear-gradient(top, hsl(44,27%,94%), hsl(44,27%,77%));
background: linear-gradient(to bottom, hsl(44,27%,94%), hsl(44,27%,77%));
border-color: hsl(44,27%,41%);
}
.movemenu button.type-Ground:active
{
.movemenu button.type-Ground:active {
/* bg: 83 to 88, border: 41 */
background: hsl(44,27%,77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(44,27%,77%)), to(hsl(44,27%,83%)));
background: -moz-linear-gradient(top, hsl(44,27%,77%), hsl(44,27%,83%));
background: linear-gradient(top, hsl(44,27%,77%), hsl(44,27%,83%));
background: linear-gradient(to bottom, hsl(44,27%,77%), hsl(44,27%,83%));
border-color: hsl(44,27%,41%);
}
.movemenu button.type-Rock
{
.movemenu button.type-Rock {
/* bg: 97 to 90, border: 70 */
background: hsl(49,35%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(49,35%,97%)), to(hsl(49,35%,84%)));
background: -moz-linear-gradient(top, hsl(49,35%,97%), hsl(49,35%,84%));
background: linear-gradient(top, hsl(49,35%,97%), hsl(49,35%,84%));
background: linear-gradient(to bottom, hsl(49,35%,97%), hsl(49,35%,84%));
border-color: hsl(49,35%,70%);
}
.movemenu button.type-Rock small
{
.movemenu button.type-Rock small {
color: hsl(49,35%,41%);
}
.movemenu button.type-Rock:hover
{
.movemenu button.type-Rock:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(49,35%,87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(49,35%,94%)), to(hsl(49,35%,77%)));
background: -moz-linear-gradient(top, hsl(49,35%,94%), hsl(49,35%,77%));
background: linear-gradient(top, hsl(49,35%,94%), hsl(49,35%,77%));
background: linear-gradient(to bottom, hsl(49,35%,94%), hsl(49,35%,77%));
border-color: hsl(49,35%,41%);
}
.movemenu button.type-Rock:active
{
.movemenu button.type-Rock:active {
/* bg: 83 to 88, border: 41 */
background: hsl(49,35%,77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(49,35%,77%)), to(hsl(49,35%,83%)));
background: -moz-linear-gradient(top, hsl(49,35%,77%), hsl(49,35%,83%));
background: linear-gradient(top, hsl(49,35%,77%), hsl(49,35%,83%));
background: linear-gradient(to bottom, hsl(49,35%,77%), hsl(49,35%,83%));
border-color: hsl(49,35%,41%);
}
.movemenu button.type-Bug
{
.movemenu button.type-Bug {
/* bg: 97 to 90, border: 70 */
background: hsl(66,42%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(66,42%,97%)), to(hsl(66,42%,84%)));
background: -moz-linear-gradient(top, hsl(66,42%,97%), hsl(66,42%,84%));
background: linear-gradient(top, hsl(66,42%,97%), hsl(66,42%,84%));
background: linear-gradient(to bottom, hsl(66,42%,97%), hsl(66,42%,84%));
border-color: hsl(66,42%,70%);
}
.movemenu button.type-Bug small
{
.movemenu button.type-Bug small {
color: hsl(66,42%,41%);
}
.movemenu button.type-Bug:hover
{
.movemenu button.type-Bug:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(66,42%,87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(66,42%,94%)), to(hsl(66,42%,77%)));
background: -moz-linear-gradient(top, hsl(66,42%,94%), hsl(66,42%,77%));
background: linear-gradient(top, hsl(66,42%,94%), hsl(66,42%,77%));
background: linear-gradient(to bottom, hsl(66,42%,94%), hsl(66,42%,77%));
border-color: hsl(66,42%,41%);
}
.movemenu button.type-Bug:active
{
.movemenu button.type-Bug:active {
/* bg: 83 to 88, border: 41 */
background: hsl(66,42%,77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(66,42%,77%)), to(hsl(66,42%,83%)));
background: -moz-linear-gradient(top, hsl(66,42%,77%), hsl(66,42%,83%));
background: linear-gradient(top, hsl(66,42%,77%), hsl(66,42%,83%));
background: linear-gradient(to bottom, hsl(66,42%,77%), hsl(66,42%,83%));
border-color: hsl(66,42%,41%);
}
.movemenu button.type-Ghost
{
.movemenu button.type-Ghost {
/* bg: 97 to 90, border: 70 */
background: hsl(262,21%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(262,21%,97%)), to(hsl(262,21%,84%)));
background: -moz-linear-gradient(top, hsl(262,21%,97%), hsl(262,21%,84%));
background: linear-gradient(top, hsl(262,21%,97%), hsl(262,21%,84%));
background: linear-gradient(to bottom, hsl(262,21%,97%), hsl(262,21%,84%));
border-color: hsl(262,21%,70%);
}
.movemenu button.type-Ghost small
{
.movemenu button.type-Ghost small {
color: hsl(262,21%,41%);
}
.movemenu button.type-Ghost:hover
{
.movemenu button.type-Ghost:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(262,21%,87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(262,21%,94%)), to(hsl(262,21%,77%)));
background: -moz-linear-gradient(top, hsl(262,21%,94%), hsl(262,21%,77%));
background: linear-gradient(top, hsl(262,21%,94%), hsl(262,21%,77%));
background: linear-gradient(to bottom, hsl(262,21%,94%), hsl(262,21%,77%));
border-color: hsl(262,21%,41%);
}
.movemenu button.type-Ghost:active
{
.movemenu button.type-Ghost:active {
/* bg: 83 to 88, border: 41 */
background: hsl(262,21%,77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(262,21%,77%)), to(hsl(262,21%,83%)));
background: -moz-linear-gradient(top, hsl(262,21%,77%), hsl(262,21%,83%));
background: linear-gradient(top, hsl(262,21%,77%), hsl(262,21%,83%));
background: linear-gradient(to bottom, hsl(262,21%,77%), hsl(262,21%,83%));
border-color: hsl(262,21%,41%);
}
.movemenu button.type-Steel
{
.movemenu button.type-Steel {
/* bg: 97 to 90, border: 70 */
background: hsl(240,6%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(240,6%,97%)), to(hsl(240,6%,84%)));
background: -moz-linear-gradient(top, hsl(240,6%,97%), hsl(240,6%,84%));
background: linear-gradient(top, hsl(240,6%,97%), hsl(240,6%,84%));
background: linear-gradient(to bottom, hsl(240,6%,97%), hsl(240,6%,84%));
border-color: hsl(240,6%,70%);
}
.movemenu button.type-Steel small
{
.movemenu button.type-Steel small {
color: hsl(240,6%,41%);
}
.movemenu button.type-Steel:hover
{
.movemenu button.type-Steel:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(240,6%,87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(240,6%,94%)), to(hsl(240,6%,77%)));
background: -moz-linear-gradient(top, hsl(240,6%,94%), hsl(240,6%,77%));
background: linear-gradient(top, hsl(240,6%,94%), hsl(240,6%,77%));
background: linear-gradient(to bottom, hsl(240,6%,94%), hsl(240,6%,77%));
border-color: hsl(240,6%,41%);
}
.movemenu button.type-Steel:active
{
.movemenu button.type-Steel:active {
/* bg: 83 to 88, border: 41 */
background: hsl(240,6%,77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(240,6%,77%)), to(hsl(240,6%,83%)));
background: -moz-linear-gradient(top, hsl(240,6%,77%), hsl(240,6%,83%));
background: linear-gradient(top, hsl(240,6%,77%), hsl(240,6%,83%));
background: linear-gradient(to bottom, hsl(240,6%,77%), hsl(240,6%,83%));
border-color: hsl(240,6%,41%);
}
.movemenu button.type-Fire
{
.movemenu button.type-Fire {
/* bg: 97 to 90, border: 70 */
background: hsl(25,40%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(25,40%,97%)), to(hsl(25,40%,84%)));
background: -moz-linear-gradient(top, hsl(25,40%,97%), hsl(25,40%,84%));
background: linear-gradient(top, hsl(25,40%,97%), hsl(25,40%,84%));
background: linear-gradient(to bottom, hsl(25,40%,97%), hsl(25,40%,84%));
border-color: hsl(25,40%,70%);
}
.movemenu button.type-Fire small
{
.movemenu button.type-Fire small {
color: hsl(25,40%,41%);
}
.movemenu button.type-Fire:hover
{
.movemenu button.type-Fire:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(25,40%,87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(25,40%,94%)), to(hsl(25,40%,77%)));
background: -moz-linear-gradient(top, hsl(25,40%,94%), hsl(25,40%,77%));
background: linear-gradient(top, hsl(25,40%,94%), hsl(25,40%,77%));
background: linear-gradient(to bottom, hsl(25,40%,94%), hsl(25,40%,77%));
border-color: hsl(25,40%,41%);
}
.movemenu button.type-Fire:active
{
.movemenu button.type-Fire:active {
/* bg: 83 to 88, border: 41 */
background: hsl(25,40%,77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(25,40%,77%)), to(hsl(25,40%,83%)));
background: -moz-linear-gradient(top, hsl(25,40%,77%), hsl(25,40%,83%));
background: linear-gradient(top, hsl(25,40%,77%), hsl(25,40%,83%));
background: linear-gradient(to bottom, hsl(25,40%,77%), hsl(25,40%,83%));
border-color: hsl(25,40%,41%);
}
.movemenu button.type-Water
{
.movemenu button.type-Water {
/* bg: 97 to 90, border: 70 */
background: hsl(222,29%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(222,29%,97%)), to(hsl(222,29%,84%)));
background: -moz-linear-gradient(top, hsl(222,29%,97%), hsl(222,29%,84%));
background: linear-gradient(top, hsl(222,29%,97%), hsl(222,29%,84%));
background: linear-gradient(to bottom, hsl(222,29%,97%), hsl(222,29%,84%));
border-color: hsl(222,29%,70%);
}
.movemenu button.type-Water small
{
.movemenu button.type-Water small {
color: hsl(222,29%,41%);
}
.movemenu button.type-Water:hover
{
.movemenu button.type-Water:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(222,29%,87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(222,29%,94%)), to(hsl(222,29%,77%)));
background: -moz-linear-gradient(top, hsl(222,29%,94%), hsl(222,29%,77%));
background: linear-gradient(top, hsl(222,29%,94%), hsl(222,29%,77%));
background: linear-gradient(to bottom, hsl(222,29%,94%), hsl(222,29%,77%));
border-color: hsl(222,29%,41%);
}
.movemenu button.type-Water:active
{
.movemenu button.type-Water:active {
/* bg: 83 to 88, border: 41 */
background: hsl(222,29%,77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(222,29%,77%)), to(hsl(222,29%,83%)));
background: -moz-linear-gradient(top, hsl(222,29%,77%), hsl(222,29%,83%));
background: linear-gradient(top, hsl(222,29%,77%), hsl(222,29%,83%));
background: linear-gradient(to bottom, hsl(222,29%,77%), hsl(222,29%,83%));
border-color: hsl(222,29%,41%);
}
.movemenu button.type-Grass
{
.movemenu button.type-Grass {
/* bg: 97 to 90, border: 70 */
background: hsl(100,30%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(100,30%,97%)), to(hsl(100,30%,84%)));
background: -moz-linear-gradient(top, hsl(100,30%,97%), hsl(100,30%,84%));
background: linear-gradient(top, hsl(100,30%,97%), hsl(100,30%,84%));
background: linear-gradient(to bottom, hsl(100,30%,97%), hsl(100,30%,84%));
border-color: hsl(100,30%,70%);
}
.movemenu button.type-Grass small
{
.movemenu button.type-Grass small {
color: hsl(100,30%,41%);
}
.movemenu button.type-Grass:hover
{
.movemenu button.type-Grass:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(100,30%,87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(100,30%,94%)), to(hsl(100,30%,77%)));
background: -moz-linear-gradient(top, hsl(100,30%,94%), hsl(100,30%,77%));
background: linear-gradient(top, hsl(100,30%,94%), hsl(100,30%,77%));
background: linear-gradient(to bottom, hsl(100,30%,94%), hsl(100,30%,77%));
border-color: hsl(100,30%,41%);
}
.movemenu button.type-Grass:active
{
.movemenu button.type-Grass:active {
/* bg: 83 to 88, border: 41 */
background: hsl(100,30%,77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(100,30%,77%)), to(hsl(100,30%,83%)));
background: -moz-linear-gradient(top, hsl(100,30%,77%), hsl(100,30%,83%));
background: linear-gradient(top, hsl(100,30%,77%), hsl(100,30%,83%));
background: linear-gradient(to bottom, hsl(100,30%,77%), hsl(100,30%,83%));
border-color: hsl(100,30%,41%);
}
.movemenu button.type-Electric
{
.movemenu button.type-Electric {
/* bg: 97 to 90, border: 70 */
background: hsl(48,41%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(48,41%,97%)), to(hsl(48,41%,84%)));
background: -moz-linear-gradient(top, hsl(48,41%,97%), hsl(48,41%,84%));
background: linear-gradient(top, hsl(48,41%,97%), hsl(48,41%,84%));
background: linear-gradient(to bottom, hsl(48,41%,97%), hsl(48,41%,84%));
border-color: hsl(48,41%,70%);
}
.movemenu button.type-Electric small
{
.movemenu button.type-Electric small {
color: hsl(48,41%,41%);
}
.movemenu button.type-Electric:hover
{
.movemenu button.type-Electric:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(48,41%,87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(48,41%,94%)), to(hsl(48,41%,77%)));
background: -moz-linear-gradient(top, hsl(48,41%,94%), hsl(48,41%,77%));
background: linear-gradient(top, hsl(48,41%,94%), hsl(48,41%,77%));
background: linear-gradient(to bottom, hsl(48,41%,94%), hsl(48,41%,77%));
border-color: hsl(48,41%,41%);
}
.movemenu button.type-Electric:active
{
.movemenu button.type-Electric:active {
/* bg: 83 to 88, border: 41 */
background: hsl(48,41%,77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(48,41%,77%)), to(hsl(48,41%,83%)));
background: -moz-linear-gradient(top, hsl(48,41%,77%), hsl(48,41%,83%));
background: linear-gradient(top, hsl(48,41%,77%), hsl(48,41%,83%));
background: linear-gradient(to bottom, hsl(48,41%,77%), hsl(48,41%,83%));
border-color: hsl(48,41%,41%);
}
.movemenu button.type-Psychic
{
.movemenu button.type-Psychic {
/* bg: 97 to 90, border: 70 */
background: hsl(342,33%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(342,33%,97%)), to(hsl(342,33%,84%)));
background: -moz-linear-gradient(top, hsl(342,33%,97%), hsl(342,33%,84%));
background: linear-gradient(top, hsl(342,33%,97%), hsl(342,33%,84%));
background: linear-gradient(to bottom, hsl(342,33%,97%), hsl(342,33%,84%));
border-color: hsl(342,33%,70%);
}
.movemenu button.type-Psychic small
{
.movemenu button.type-Psychic small {
color: hsl(342,33%,41%);
}
.movemenu button.type-Psychic:hover
{
.movemenu button.type-Psychic:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(342,33%,87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(342,33%,94%)), to(hsl(342,33%,77%)));
background: -moz-linear-gradient(top, hsl(342,33%,94%), hsl(342,33%,77%));
background: linear-gradient(top, hsl(342,33%,94%), hsl(342,33%,77%));
background: linear-gradient(to bottom, hsl(342,33%,94%), hsl(342,33%,77%));
border-color: hsl(342,33%,41%);
}
.movemenu button.type-Psychic:active
{
.movemenu button.type-Psychic:active {
/* bg: 83 to 88, border: 41 */
background: hsl(342,33%,77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(342,33%,77%)), to(hsl(342,33%,83%)));
background: -moz-linear-gradient(top, hsl(342,33%,77%), hsl(342,33%,83%));
background: linear-gradient(top, hsl(342,33%,77%), hsl(342,33%,83%));
background: linear-gradient(to bottom, hsl(342,33%,77%), hsl(342,33%,83%));
border-color: hsl(342,33%,41%);
}
.movemenu button.type-Ice
{
.movemenu button.type-Ice {
/* bg: 97 to 90, border: 70 */
background: hsl(180,15%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(180,15%,97%)), to(hsl(180,15%,84%)));
background: -moz-linear-gradient(top, hsl(180,15%,97%), hsl(180,15%,84%));
background: linear-gradient(top, hsl(180,15%,97%), hsl(180,15%,84%));
background: linear-gradient(to bottom, hsl(180,15%,97%), hsl(180,15%,84%));
border-color: hsl(180,15%,70%);
}
.movemenu button.type-Ice small
{
.movemenu button.type-Ice small {
color: hsl(180,15%,41%);
}
.movemenu button.type-Ice:hover
{
.movemenu button.type-Ice:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(180,15%,87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(180,15%,94%)), to(hsl(180,15%,77%)));
background: -moz-linear-gradient(top, hsl(180,15%,94%), hsl(180,15%,77%));
background: linear-gradient(top, hsl(180,15%,94%), hsl(180,15%,77%));
background: linear-gradient(to bottom, hsl(180,15%,94%), hsl(180,15%,77%));
border-color: hsl(180,15%,41%);
}
.movemenu button.type-Ice:active
{
.movemenu button.type-Ice:active {
/* bg: 83 to 88, border: 41 */
background: hsl(180,15%,77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(180,15%,77%)), to(hsl(180,15%,83%)));
background: -moz-linear-gradient(top, hsl(180,15%,77%), hsl(180,15%,83%));
background: linear-gradient(top, hsl(180,15%,77%), hsl(180,15%,83%));
background: linear-gradient(to bottom, hsl(180,15%,77%), hsl(180,15%,83%));
border-color: hsl(180,15%,41%);
}
.movemenu button.type-Dragon
{
.movemenu button.type-Dragon {
/* bg: 97 to 90, border: 70 */
background: hsl(257,39%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(257,39%,97%)), to(hsl(257,39%,84%)));
background: -moz-linear-gradient(top, hsl(257,39%,97%), hsl(257,39%,84%));
background: linear-gradient(top, hsl(257,39%,97%), hsl(257,39%,84%));
background: linear-gradient(to bottom, hsl(257,39%,97%), hsl(257,39%,84%));
border-color: hsl(257,39%,70%);
}
.movemenu button.type-Dragon small
{
.movemenu button.type-Dragon small {
color: hsl(257,39%,41%);
}
.movemenu button.type-Dragon:hover
{
.movemenu button.type-Dragon:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(257,39%,87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(257,39%,94%)), to(hsl(257,39%,77%)));
background: -moz-linear-gradient(top, hsl(257,39%,94%), hsl(257,39%,77%));
background: linear-gradient(top, hsl(257,39%,94%), hsl(257,39%,77%));
background: linear-gradient(to bottom, hsl(257,39%,94%), hsl(257,39%,77%));
border-color: hsl(257,39%,41%);
}
.movemenu button.type-Dragon:active
{
.movemenu button.type-Dragon:active {
/* bg: 83 to 88, border: 41 */
background: hsl(257,39%,77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(257,39%,77%)), to(hsl(257,39%,83%)));
background: -moz-linear-gradient(top, hsl(257,39%,77%), hsl(257,39%,83%));
background: linear-gradient(top, hsl(257,39%,77%), hsl(257,39%,83%));
background: linear-gradient(to bottom, hsl(257,39%,77%), hsl(257,39%,83%));
border-color: hsl(257,39%,41%);
}
.movemenu button.type-Dark
{
.movemenu button.type-Dark {
/* bg: 97 to 90, border: 70 */
background: hsl(24,18%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(24,18%,97%)), to(hsl(24,18%,84%)));
background: -moz-linear-gradient(top, hsl(24,18%,97%), hsl(24,18%,84%));
background: linear-gradient(top, hsl(24,18%,97%), hsl(24,18%,84%));
background: linear-gradient(to bottom, hsl(24,18%,97%), hsl(24,18%,84%));
border-color: hsl(24,18%,70%);
}
.movemenu button.type-Dark small
{
.movemenu button.type-Dark small {
color: hsl(24,18%,41%);
}
.movemenu button.type-Dark:hover
{
.movemenu button.type-Dark:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(24,18%,87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(24,18%,94%)), to(hsl(24,18%,77%)));
background: -moz-linear-gradient(top, hsl(24,18%,94%), hsl(24,18%,77%));
background: linear-gradient(top, hsl(24,18%,94%), hsl(24,18%,77%));
background: linear-gradient(to bottom, hsl(24,18%,94%), hsl(24,18%,77%));
border-color: hsl(24,18%,41%);
}
.movemenu button.type-Dark:active
{
.movemenu button.type-Dark:active {
/* bg: 83 to 88, border: 41 */
background: hsl(24,18%,77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(24,18%,77%)), to(hsl(24,18%,83%)));
background: -moz-linear-gradient(top, hsl(24,18%,77%), hsl(24,18%,83%));
background: linear-gradient(top, hsl(24,18%,77%), hsl(24,18%,83%));
background: linear-gradient(to bottom, hsl(24,18%,77%), hsl(24,18%,83%));
border-color: hsl(24,18%,41%);
}
.movemenu button.type-Fairy
{
.movemenu button.type-Fairy {
/* bg: 97 to 90, border: 70 */
background: hsl(310,41%,93%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(310,41%,97%)), to(hsl(310,41%,84%)));
background: -moz-linear-gradient(top, hsl(310,41%,97%), hsl(310,41%,84%));
background: linear-gradient(top, hsl(310,41%,97%), hsl(310,41%,84%));
background: linear-gradient(to bottom, hsl(310,41%,97%), hsl(310,41%,84%));
border-color: hsl(310,41%,70%);
}
.movemenu button.type-Fairy small
{
.movemenu button.type-Fairy small {
color: hsl(310,41%,41%);
}
.movemenu button.type-Fairy:hover
{
.movemenu button.type-Fairy:hover {
/* bg: 95 to 83, border: 41 */
background: hsl(310,41%,87%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(310,41%,94%)), to(hsl(310,41%,77%)));
background: -moz-linear-gradient(top, hsl(310,41%,94%), hsl(310,41%,77%));
background: linear-gradient(top, hsl(310,41%,94%), hsl(310,41%,77%));
background: linear-gradient(to bottom, hsl(310,41%,94%), hsl(310,41%,77%));
border-color: hsl(310,41%,41%);
}
.movemenu button.type-Fairy:active
{
.movemenu button.type-Fairy:active {
/* bg: 83 to 88, border: 41 */
background: hsl(310,41%,77%);
background: -webkit-gradient(linear, left top, left bottom, from(hsl(310,41%,77%)), to(hsl(310,41%,83%)));
background: -moz-linear-gradient(top, hsl(310,41%,77%), hsl(310,41%,83%));
background: linear-gradient(top, hsl(310,41%,77%), hsl(310,41%,83%));
background: linear-gradient(to bottom, hsl(310,41%,77%), hsl(310,41%,83%));
border-color: hsl(310,41%,41%);
}