From ea348e8a1924b1bc69f1ecbb37524a8627855470 Mon Sep 17 00:00:00 2001 From: Guangcong Luo Date: Sun, 28 Jun 2015 00:12:41 -0400 Subject: [PATCH] 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. --- style/client.css | 43 +---- style/sim-types.css | 432 +++++++++++++------------------------------- 2 files changed, 135 insertions(+), 340 deletions(-) diff --git a/style/client.css b/style/client.css index 3972544c0..23bb82cdf 100644 --- a/style/client.css +++ b/style/client.css @@ -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, diff --git a/style/sim-types.css b/style/sim-types.css index 7bc01a3e9..a2744977d 100644 --- a/style/sim-types.css +++ b/style/sim-types.css @@ -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%); }