mirror of
https://github.com/smogon/pokemon-showdown-client.git
synced 2026-03-28 21:16:46 -05:00
ea348e8a19
linear-gradient has been supported in most major browsers for long enough that we can drop gradient support for really old browsers.
396 lines
12 KiB
CSS
396 lines
12 KiB
CSS
.movemenu button.type-Normal {
|
|
/* bg: 97 to 90, border: 70 */
|
|
background: hsl(60,14%,93%);
|
|
background: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, 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: linear-gradient(to bottom, hsl(310,41%,77%), hsl(310,41%,83%));
|
|
border-color: hsl(310,41%,41%);
|
|
}
|