Leahnaya/pokemon-showdown-client
1
0
Fork 0
mirror of https://github.com/smogon/pokemon-showdown-client.git synced 2026-05-06 05:26:21 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity
63bb1ecc40
pokemon-showdown-client/style/sim-types.css
Guangcong Luo b15c097e45 Fairy move-button colors
2013-12-06 03:35:27 -06:00

576 lines
22 KiB
CSS
Raw Blame History

.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%));
border-color: hsl(60,14%,70%);
}
.movemenu button.type-Normal small
{
color: hsl(60,14%,41%);
}
.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%));
border-color: hsl(60,14%,41%);
}
.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%));
border-color: hsl(60,14%,41%);
}
.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%));
border-color: hsl(3,40%,70%);
}
.movemenu button.type-Fighting small
{
color: hsl(3,40%,41%);
}
.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%));
border-color: hsl(3,40%,41%);
}
.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%));
border-color: hsl(3,40%,41%);
}
.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%));
border-color: hsl(255,20%,70%);
}
.movemenu button.type-Flying small
{
color: hsl(255,20%,41%);
}
.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%));
border-color: hsl(255,20%,41%);
}
.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%));
border-color: hsl(255,20%,41%);
}
.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%));
border-color: hsl(300,30%,70%);
}
.movemenu button.type-Poison small
{
color: hsl(300,30%,41%);
}
.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%));
border-color: hsl(300,30%,41%);
}
.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%));
border-color: hsl(300,30%,41%);
}
.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%));
border-color: hsl(44,27%,70%);
}
.movemenu button.type-Ground small
{
color: hsl(44,27%,41%);
}
.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%));
border-color: hsl(44,27%,41%);
}
.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%));
border-color: hsl(44,27%,41%);
}
.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%));
border-color: hsl(49,35%,70%);
}
.movemenu button.type-Rock small
{
color: hsl(49,35%,41%);
}
.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%));
border-color: hsl(49,35%,41%);
}
.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%));
border-color: hsl(49,35%,41%);
}
.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%));
border-color: hsl(66,42%,70%);
}
.movemenu button.type-Bug small
{
color: hsl(66,42%,41%);
}
.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%));
border-color: hsl(66,42%,41%);
}
.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%));
border-color: hsl(66,42%,41%);
}
.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%));
border-color: hsl(262,21%,70%);
}
.movemenu button.type-Ghost small
{
color: hsl(262,21%,41%);
}
.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%));
border-color: hsl(262,21%,41%);
}
.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%));
border-color: hsl(262,21%,41%);
}
.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%));
border-color: hsl(240,6%,70%);
}
.movemenu button.type-Steel small
{
color: hsl(240,6%,41%);
}
.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%));
border-color: hsl(240,6%,41%);
}
.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%));
border-color: hsl(240,6%,41%);
}
.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%));
border-color: hsl(25,40%,70%);
}
.movemenu button.type-Fire small
{
color: hsl(25,40%,41%);
}
.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%));
border-color: hsl(25,40%,41%);
}
.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%));
border-color: hsl(25,40%,41%);
}
.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%));
border-color: hsl(222,29%,70%);
}
.movemenu button.type-Water small
{
color: hsl(222,29%,41%);
}
.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%));
border-color: hsl(222,29%,41%);
}
.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%));
border-color: hsl(222,29%,41%);
}
.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%));
border-color: hsl(100,30%,70%);
}
.movemenu button.type-Grass small
{
color: hsl(100,30%,41%);
}
.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%));
border-color: hsl(100,30%,41%);
}
.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%));
border-color: hsl(100,30%,41%);
}
.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%));
border-color: hsl(48,41%,70%);
}
.movemenu button.type-Electric small
{
color: hsl(48,41%,41%);
}
.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%));
border-color: hsl(48,41%,41%);
}
.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%));
border-color: hsl(48,41%,41%);
}
.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%));
border-color: hsl(342,33%,70%);
}
.movemenu button.type-Psychic small
{
color: hsl(342,33%,41%);
}
.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%));
border-color: hsl(342,33%,41%);
}
.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%));
border-color: hsl(342,33%,41%);
}
.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%));
border-color: hsl(180,15%,70%);
}
.movemenu button.type-Ice small
{
color: hsl(180,15%,41%);
}
.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%));
border-color: hsl(180,15%,41%);
}
.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%));
border-color: hsl(180,15%,41%);
}
.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%));
border-color: hsl(257,39%,70%);
}
.movemenu button.type-Dragon small
{
color: hsl(257,39%,41%);
}
.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%));
border-color: hsl(257,39%,41%);
}
.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%));
border-color: hsl(257,39%,41%);
}
.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%));
border-color: hsl(24,18%,70%);
}
.movemenu button.type-Dark small
{
color: hsl(24,18%,41%);
}
.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%));
border-color: hsl(24,18%,41%);
}
.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%));
border-color: hsl(24,18%,41%);
}
.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%));
border-color: hsl(310,41%,70%);
}
.movemenu button.type-Fairy small
{
color: hsl(310,41%,41%);
}
.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%));
border-color: hsl(310,41%,41%);
}
.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%));
border-color: hsl(310,41%,41%);
}
Reference in New Issue View Git Blame Copy Permalink