MediaWiki:Card.css

/*	Base Card.css copied from Bandori Wiki Below need modifications as necessary: - rarity star positioning and sizing - bg linear gradient, esp 1star rarity .rarity1 { background-image: url('https://static.miraheze.org/argobdpwiki/f/f3/Onestar_frame.png'); width: 38px; height: 38px; position: relative; top: -58px; left: -4px; } .rarity2 { background-image: url('https://static.miraheze.org/argobdpwiki/a/a3/Twostar_frame.png'); width: 38px; height: 76px; position: relative; top: -96px; left: -4px; } .rarity3 { background-image: url('https://static.miraheze.org/argobdpwiki/a/a0/Threestar_frame.png'); width: 38px; height: 114px; position: relative; top: -134px; left: -4px; } .rarity4 { background-image: url('https://static.miraheze.org/argobdpwiki/8/88/Fourstar_frame.png'); width: 38px; height: 152px; position: relative; top: -172px; left: -4px; } .card_img_normal_t1 a img { position: relative; top: -15px; width: 593px; height: 445px; } .card_img_normal_t2 a img { position: relative; left: -155px; width: 700px; height: 400px; } .card_img_trained_t2 a img { position: relative; left: -155px; width: 650px; height: 400px; }

/* Card BG */ .card_rarity_4 { background: -webkit-gradient(linear, left top, right bottom, from(#F97EE6), color-stop(13%, #FEE4F8), color-stop(25%, #F8A382), color-stop(38%, #F8C74F), color-stop(50%, #A8E651), color-stop(63%, #4CE1EE), color-stop(75%, #669EF5), color-stop(88%, #E5E5FD), to(#ED7DDF)); background: -moz-linear-gradient(140deg, #F97EE6,#FEE4F8,#F8A382,#F8C74F,#A8E651,#4CE1EE,#669EF5,#E5E5FD,#ED7DDF); }

.card_rarity_3 { background: -webkit-gradient(linear, left top, right bottom, from(#FFDA3C), color-stop(10%, #FFFFE8), color-stop(20%, #FFC537), color-stop(30%, #FBA922), color-stop(40%, #FFFFE8), color-stop(50%, #FFFFE8), color-stop(60%, #FFD02D), color-stop(70%, #FAA41A), color-stop(80%, #FFFFE8), color-stop(90%, #FEBF35), to(#FEBF35)); background: -moz-linear-gradient(140deg,#FFDA3C,#FFFFE8,#FFC537,#FBA922,#FFFFE8,#FFFFE8,#FFD02D,#FAA41A,#FFFFE8,#FEBF35,#FEBF35); }

.card_rarity_2 { background: -webkit-gradient(linear, left top, right bottom, from(#9FB5C7), color-stop(13%, #D9FFFF), color-stop(25%, #97B5C9), color-stop(38%, #D9FFFF), color-stop(50%, #95ADBA), color-stop(63%, #D9FFFF), color-stop(75%, #9FB5C7), color-stop(88%, #D9FFFF), to(#9FB5C7)); background: -moz-linear-gradient(140deg,#9FB5C7,#D9FFFF,#97B5C9,#D9FFFF,#95ADBA,#D9FFFF,#9FB5C7,#D9FFFF,#9FB5C7); }

.card_rarity_1healing { background: -webkit-gradient(linear, left top, right bottom, from(#44C527), color-stop(10%, #85e36f), color-stop(20%, #44C527), color-stop(30%, #85e36f), color-stop(40%, #44C527), color-stop(50%, #85e36f), color-stop(60%, #44C527), color-stop(70%, #85e36f), color-stop(80%, #44C527), color-stop(90%, #85e36f), to(#44C527)); background: -moz-linear-gradient(140deg,#44C527,#85e36f,#44C527,#85e36f,#44C527,#85e36f,#44C527,#85e36f,#44C527,#85e36f,#44C527,#85e36f,#44C527,#85e36f,#44C527,#85e36f,#44C527,#85e36f); }

.card_rarity_1wild { background: -webkit-gradient(linear, left top, right bottom, from(#FF2D54), color-stop(10%, #ff93a7), color-stop(20%, #FF2D54), color-stop(30%, #ff93a7), color-stop(40%, #FF2D54), color-stop(50%, #ff93a7), color-stop(60%, #FF2D54), color-stop(70%, #ff93a7), color-stop(80%, #FF2D54), color-stop(90%, #ff93a7), to(#FF2D54)); background: -moz-linear-gradient(140deg,#FF2D54,#ff93a7,#FF2D54,#ff93a7,#FF2D54,#ff93a7,#FF2D54,#ff93a7,#FF2D54,#ff93a7,#FF2D54,#ff93a7,#FF2D54,#ff93a7,#FF2D54,#ff93a7,#FF2D54,#ff93a7); }

.card_rarity_1cheerful { background: -webkit-gradient(linear, left top, right bottom, from(#FF8400), color-stop(10%, #ffb566), color-stop(20%, #FF8400), color-stop(30%, #ffb566), color-stop(40%, #FF8400), color-stop(50%, #ffb566), color-stop(60%, #FF8400), color-stop(70%, #ffb566), color-stop(80%, #FF8400), color-stop(90%, #ffb566), to(#FF8400)); background: -moz-linear-gradient(140deg,#FF8400,#ffb566,#FF8400,#ffb566,#FF8400,#ffb566,#FF8400,#ffb566,#FF8400,#ffb566,#FF8400,#ffb566,#FF8400,#ffb566,#FF8400,#ffb566,#FF8400,#ffb566); }

.card_rarity_1cool { background: -webkit-gradient(linear, left top, right bottom, from(#4057E3), color-stop(10%, #99a5f0), color-stop(20%, #4057E3), color-stop(30%, #99a5f0), color-stop(40%, #4057E3), color-stop(50%, #99a5f0), color-stop(60%, #4057E3), color-stop(70%, #99a5f0), color-stop(80%, #4057E3), color-stop(90%, #99a5f0), to(#4057E3)); background: -moz-linear-gradient(140deg,#4057E3,#99a5f0,#4057E3,#99a5f0,#4057E3,#99a5f0,#4057E3,#99a5f0,#4057E3,#99a5f0,#4057E3,#99a5f0,#4057E3,#99a5f0,#4057E3,#99a5f0,#4057E3,#99a5f0); }

/* For Template:CardIconHover */ .cardimg a img { position: relative; left: -96px; width: 357px; height: 220px; }