diff --git a/css/mana.css b/css/mana.css index 54758a4..d7f4f89 100644 --- a/css/mana.css +++ b/css/mana.css @@ -7,6 +7,13 @@ font-weight: normal; font-style: normal; } +@font-face { + font-family: 'MPlantin'; + src: url('../fonts/mplantin.eot?v=0.1'); + src: url('../fonts/mplantin.eot?#iefix&v=0.1') format('embedded-opentype'), url('../fonts/mplantin.woff?v=0.1') format('woff'), url('../fonts/mplantin.ttf?v=0.1') format('truetype'), url('../fonts/mplantin.svg?v=0.1#mplantin') format('svg'); + font-weight: normal; + font-style: normal; +} .ms { display: inline-block; font: normal normal normal 14px/1 Mana; @@ -403,6 +410,148 @@ top: 0.5em; left: 1.0em; } +/** + * Planesalker symbols */ +.ms-loyalty-up, +.ms-loyalty-down, +.ms-loyalty-zero, +.ms-loyalty-start { + color: #111; + font-size: 1.5em; + position: relative; + text-align: center; +} +.ms-loyalty-start { + font-size: 2.0em; +} +.ms-loyalty-0:after, +.ms-loyalty-1:after, +.ms-loyalty-2:after, +.ms-loyalty-3:after, +.ms-loyalty-4:after, +.ms-loyalty-5:after, +.ms-loyalty-6:after, +.ms-loyalty-7:after, +.ms-loyalty-8:after, +.ms-loyalty-9:after, +.ms-loyalty-10:after, +.ms-loyalty-x:after { + color: #fff; + display: inline-block; + font-size: 0.5em; + font-family: 'MPlantin, Garamond, Palatino, ' Times New Roman ', Times, serif'; + position: absolute; + left: 0; + line-height: 1.75em; + width: 100%; + text-align: center; + -webkit-padding-before: 0.15em; +} +.ms-loyalty-0:after { + content: "0"; +} +.ms-loyalty-up.ms-loyalty-1:after { + content: "+1"; +} +.ms-loyalty-up.ms-loyalty-2:after { + content: "+2"; +} +.ms-loyalty-up.ms-loyalty-3:after { + content: "+3"; +} +.ms-loyalty-up.ms-loyalty-4:after { + content: "+4"; +} +.ms-loyalty-up.ms-loyalty-5:after { + content: "+5"; +} +.ms-loyalty-up.ms-loyalty-6:after { + content: "+6"; +} +.ms-loyalty-up.ms-loyalty-7:after { + content: "+7"; +} +.ms-loyalty-up.ms-loyalty-8:after { + content: "+8"; +} +.ms-loyalty-up.ms-loyalty-9:after { + content: "+9"; +} +.ms-loyalty-up.ms-loyalty-10:after { + content: "+10"; +} +.ms-loyalty-up.ms-loyalty-x:after { + content: "+X"; +} +.ms-loyalty-start.ms-loyalty-1:after { + content: "1"; +} +.ms-loyalty-start.ms-loyalty-2:after { + content: "2"; +} +.ms-loyalty-start.ms-loyalty-3:after { + content: "3"; +} +.ms-loyalty-start.ms-loyalty-4:after { + content: "4"; +} +.ms-loyalty-start.ms-loyalty-5:after { + content: "5"; +} +.ms-loyalty-start.ms-loyalty-6:after { + content: "6"; +} +.ms-loyalty-start.ms-loyalty-7:after { + content: "7"; +} +.ms-loyalty-start.ms-loyalty-8:after { + content: "8"; +} +.ms-loyalty-start.ms-loyalty-9:after { + content: "9"; +} +.ms-loyalty-start.ms-loyalty-10:after { + content: "10"; +} +.ms-loyalty-start.ms-loyalty-x:after { + content: "X"; +} +.ms-loyalty-down:after { + line-height: 1.6em; +} +.ms-loyalty-down.ms-loyalty-1:after { + content: "-1"; +} +.ms-loyalty-down.ms-loyalty-2:after { + content: "-2"; +} +.ms-loyalty-down.ms-loyalty-3:after { + content: "-3"; +} +.ms-loyalty-down.ms-loyalty-4:after { + content: "-4"; +} +.ms-loyalty-down.ms-loyalty-5:after { + content: "-5"; +} +.ms-loyalty-down.ms-loyalty-6:after { + content: "-6"; +} +.ms-loyalty-down.ms-loyalty-7:after { + content: "-7"; +} +.ms-loyalty-down.ms-loyalty-8:after { + content: "-8"; +} +.ms-loyalty-down.ms-loyalty-9:after { + content: "-9"; +} +.ms-loyalty-down.ms-loyalty-10:after { + content: "-10"; +} +.ms-loyalty-down.ms-loyalty-x:after { + content: "-X"; +} /** * Larger sizes */ .ms-2x { @@ -586,3 +735,17 @@ .ms-2g:before { content: "\e607"; } +/** + * Planeswalker symbols */ +.ms-loyalty-up:before { + content: "\e627"; +} +.ms-loyalty-down:before { + content: "\e625"; +} +.ms-loyalty-zero:before { + content: "\e626"; +} +.ms-loyalty-start:before { + content: "\e628"; +} diff --git a/css/mana.min.css b/css/mana.min.css new file mode 100644 index 0000000..ac3c0c5 --- /dev/null +++ b/css/mana.min.css @@ -0,0 +1 @@ +@font-face{font-family:'Mana';src:url('../fonts/mana.eot?v=0.1');src:url('../fonts/mana.eot?#iefix&v=0.1') format('embedded-opentype'),url('../fonts/mana.woff?v=0.1') format('woff'),url('../fonts/mana.ttf?v=0.1') format('truetype'),url('../fonts/mana.svg?v=0.1#mana') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'MPlantin';src:url('../fonts/mplantin.eot?v=0.1');src:url('../fonts/mplantin.eot?#iefix&v=0.1') format('embedded-opentype'),url('../fonts/mplantin.woff?v=0.1') format('woff'),url('../fonts/mplantin.ttf?v=0.1') format('truetype'),url('../fonts/mplantin.svg?v=0.1#mplantin') format('svg');font-weight:normal;font-style:normal}.ms{display:inline-block;font:normal normal normal 14px/1 Mana;font-size:inherit;line-height:1em;text-rendering:auto;transform:translate(0, 0);speak:none;text-transform:none;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ms-cost{background-color:#beb9b2;border-radius:1em;color:#111;font-size:.95em;width:1.3em;height:1.3em;line-height:1.35em;text-align:center}.ms-cost.ms-w,.ms-cost.ms-pw{background-color:#f0f2c0}.ms-cost.ms-u,.ms-cost.ms-pu{background-color:#b5cde3}.ms-cost.ms-b,.ms-cost.ms-pb{background-color:#aca29a}.ms-cost.ms-r,.ms-cost.ms-pr{background-color:#db8664}.ms-cost.ms-g,.ms-cost.ms-pg{background-color:#93b483}.ms-cost.ms-wu{background:#edf2b0;background:-moz-linear-gradient(-45deg, #edf2b0 0, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #edf2b0), color-stop(50%, #edf2b0), color-stop(50%, #a6c1dd), color-stop(100%, #a6c1dd));background:-webkit-linear-gradient(-45deg, #edf2b0 0, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);background:-o-linear-gradient(-45deg, #edf2b0 0, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);background:-ms-linear-gradient(-45deg, #edf2b0 0, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);background:linear-gradient(135deg, #edf2b0 0, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2b0', endColorstr='#a6c1dd', GradientType=1)}.ms-cost.ms-wb{background:#edf2b0;background:-moz-linear-gradient(-45deg, #edf2b0 0, #edf2b0 50%, #9c9188 50%, #9c9188 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #edf2b0), color-stop(50%, #edf2b0), color-stop(50%, #9c9188), color-stop(100%, #9c9188));background:-webkit-linear-gradient(-45deg, #edf2b0 0, #edf2b0 50%, #9c9188 50%, #9c9188 100%);background:-o-linear-gradient(-45deg, #edf2b0 0, #edf2b0 50%, #9c9188 50%, #9c9188 100%);background:-ms-linear-gradient(-45deg, #edf2b0 0, #edf2b0 50%, #9c9188 50%, #9c9188 100%);background:linear-gradient(135deg, #edf2b0 0, #edf2b0 50%, #9c9188 50%, #9c9188 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2b0', endColorstr='#9c9188', GradientType=1)}.ms-cost.ms-ub{background:#a6c1dd;background:-moz-linear-gradient(-45deg, #a6c1dd 0, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #a6c1dd), color-stop(50%, #a6c1dd), color-stop(50%, #9c9188), color-stop(100%, #9c9188));background:-webkit-linear-gradient(-45deg, #a6c1dd 0, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);background:-o-linear-gradient(-45deg, #a6c1dd 0, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);background:-ms-linear-gradient(-45deg, #a6c1dd 0, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);background:linear-gradient(135deg, #a6c1dd 0, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6c1dd', endColorstr='#9c9188', GradientType=1)}.ms-cost.ms-ur{background:#a6c1dd;background:-moz-linear-gradient(-45deg, #a6c1dd 0, #a6c1dd 50%, #db8664 50%, #db8664 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #a6c1dd), color-stop(50%, #a6c1dd), color-stop(50%, #db8664), color-stop(100%, #db8664));background:-webkit-linear-gradient(-45deg, #a6c1dd 0, #a6c1dd 50%, #db8664 50%, #db8664 100%);background:-o-linear-gradient(-45deg, #a6c1dd 0, #a6c1dd 50%, #db8664 50%, #db8664 100%);background:-ms-linear-gradient(-45deg, #a6c1dd 0, #a6c1dd 50%, #db8664 50%, #db8664 100%);background:linear-gradient(135deg, #a6c1dd 0, #a6c1dd 50%, #db8664 50%, #db8664 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6c1dd', endColorstr='#db8664', GradientType=1)}.ms-cost.ms-br{background:#aca29a;background:-moz-linear-gradient(-45deg, #aca29a 0, #aca29a 50%, #db8664 50%, #db8664 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #aca29a), color-stop(50%, #aca29a), color-stop(50%, #db8664), color-stop(100%, #db8664));background:-webkit-linear-gradient(-45deg, #aca29a 0, #aca29a 50%, #db8664 50%, #db8664 100%);background:-o-linear-gradient(-45deg, #aca29a 0, #aca29a 50%, #db8664 50%, #db8664 100%);background:-ms-linear-gradient(-45deg, #aca29a 0, #aca29a 50%, #db8664 50%, #db8664 100%);background:linear-gradient(135deg, #aca29a 0, #aca29a 50%, #db8664 50%, #db8664 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aca29a', endColorstr='#db8664', GradientType=1)}.ms-cost.ms-bg{background:#aca29a;background:-moz-linear-gradient(-45deg, #aca29a 0, #aca29a 50%, #93b483 50%, #93b483 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #aca29a), color-stop(50%, #aca29a), color-stop(50%, #93b483), color-stop(100%, #93b483));background:-webkit-linear-gradient(-45deg, #aca29a 0, #aca29a 50%, #93b483 50%, #93b483 100%);background:-o-linear-gradient(-45deg, #aca29a 0, #aca29a 50%, #93b483 50%, #93b483 100%);background:-ms-linear-gradient(-45deg, #aca29a 0, #aca29a 50%, #93b483 50%, #93b483 100%);background:linear-gradient(135deg, #aca29a 0, #aca29a 50%, #93b483 50%, #93b483 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aca29a', endColorstr='#93b483', GradientType=1)}.ms-cost.ms-rw{background:#db8664;background:-moz-linear-gradient(-45deg, #db8664 0, #db8664 50%, #edf2b0 50%, #edf2b0 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #db8664), color-stop(50%, #db8664), color-stop(50%, #edf2b0), color-stop(100%, #edf2b0));background:-webkit-linear-gradient(-45deg, #db8664 0, #db8664 50%, #edf2b0 50%, #edf2b0 100%);background:-o-linear-gradient(-45deg, #db8664 0, #db8664 50%, #edf2b0 50%, #edf2b0 100%);background:-ms-linear-gradient(-45deg, #db8664 0, #db8664 50%, #edf2b0 50%, #edf2b0 100%);background:linear-gradient(135deg, #db8664 0, #db8664 50%, #edf2b0 50%, #edf2b0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8664', endColorstr='#edf2b0', GradientType=1)}.ms-cost.ms-rg{background:#db8664;background:-moz-linear-gradient(-45deg, #db8664 0, #db8664 50%, #93b483 50%, #93b483 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #db8664), color-stop(50%, #db8664), color-stop(50%, #93b483), color-stop(100%, #93b483));background:-webkit-linear-gradient(-45deg, #db8664 0, #db8664 50%, #93b483 50%, #93b483 100%);background:-o-linear-gradient(-45deg, #db8664 0, #db8664 50%, #93b483 50%, #93b483 100%);background:-ms-linear-gradient(-45deg, #db8664 0, #db8664 50%, #93b483 50%, #93b483 100%);background:linear-gradient(135deg, #db8664 0, #db8664 50%, #93b483 50%, #93b483 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8664', endColorstr='#93b483', GradientType=1)}.ms-cost.ms-gw{background:#93b483;background:-moz-linear-gradient(-45deg, #93b483 0, #93b483 50%, #edf2b0 50%, #edf2b0 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #93b483), color-stop(50%, #93b483), color-stop(50%, #edf2b0), color-stop(100%, #edf2b0));background:-webkit-linear-gradient(-45deg, #93b483 0, #93b483 50%, #edf2b0 50%, #edf2b0 100%);background:-o-linear-gradient(-45deg, #93b483 0, #93b483 50%, #edf2b0 50%, #edf2b0 100%);background:-ms-linear-gradient(-45deg, #93b483 0, #93b483 50%, #edf2b0 50%, #edf2b0 100%);background:linear-gradient(135deg, #93b483 0, #93b483 50%, #edf2b0 50%, #edf2b0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b483', endColorstr='#edf2b0', GradientType=1)}.ms-cost.ms-gu{background:#93b483;background:-moz-linear-gradient(-45deg, #93b483 0, #93b483 50%, #b5cde3 50%, #b5cde3 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #93b483), color-stop(50%, #93b483), color-stop(50%, #b5cde3), color-stop(100%, #b5cde3));background:-webkit-linear-gradient(-45deg, #93b483 0, #93b483 50%, #b5cde3 50%, #b5cde3 100%);background:-o-linear-gradient(-45deg, #93b483 0, #93b483 50%, #b5cde3 50%, #b5cde3 100%);background:-ms-linear-gradient(-45deg, #93b483 0, #93b483 50%, #b5cde3 50%, #b5cde3 100%);background:linear-gradient(135deg, #93b483 0, #93b483 50%, #b5cde3 50%, #b5cde3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b483', endColorstr='#b5cde3', GradientType=1)}.ms-cost.ms-2w{background:#beb9b2;background:-moz-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #edf2b0), color-stop(100%, #edf2b0));background:-webkit-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);background:-o-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);background:-ms-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);background:linear-gradient(135deg, #beb9b2 0, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#edf2b0', GradientType=1)}.ms-cost.ms-2u{background:#beb9b2;background:-moz-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #b5cde3), color-stop(100%, #b5cde3));background:-webkit-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);background:-o-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);background:-ms-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);background:linear-gradient(135deg, #beb9b2 0, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#b5cde3', GradientType=1)}.ms-cost.ms-2b{background:#beb9b2;background:-moz-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #9c9188 50%, #9c9188 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #9c9188), color-stop(100%, #9c9188));background:-webkit-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #9c9188 50%, #9c9188 100%);background:-o-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #9c9188 50%, #9c9188 100%);background:-ms-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #9c9188 50%, #9c9188 100%);background:linear-gradient(135deg, #beb9b2 0, #beb9b2 50%, #9c9188 50%, #9c9188 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#9c9188', GradientType=1)}.ms-cost.ms-2r{background:#beb9b2;background:-moz-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #db8664 50%, #db8664 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #db8664), color-stop(100%, #db8664));background:-webkit-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #db8664 50%, #db8664 100%);background:-o-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #db8664 50%, #db8664 100%);background:-ms-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #db8664 50%, #db8664 100%);background:linear-gradient(135deg, #beb9b2 0, #beb9b2 50%, #db8664 50%, #db8664 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#db8664', GradientType=1)}.ms-cost.ms-2g{background:#beb9b2;background:-moz-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #93b483 50%, #93b483 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #93b483), color-stop(100%, #93b483));background:-webkit-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #93b483 50%, #93b483 100%);background:-o-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #93b483 50%, #93b483 100%);background:-ms-linear-gradient(-45deg, #beb9b2 0, #beb9b2 50%, #93b483 50%, #93b483 100%);background:linear-gradient(135deg, #beb9b2 0, #beb9b2 50%, #93b483 50%, #93b483 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#93b483', GradientType=1)}.ms-cost.ms-p:before,.ms-cost.ms-pw:before,.ms-cost.ms-pu:before,.ms-cost.ms-pb:before,.ms-cost.ms-pr:before,.ms-cost.ms-pg:before{display:inline-block;-moz-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}.ms-cost.ms-tap-alt:before{display:inline-block;-moz-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);padding-left:.06em;padding-bottom:.1em}.ms-cost.ms-s:before{color:#fff;-webkit-text-stroke:2px #fff;font-size:.85em;top:-0.05em;position:relative;display:inline-block}.ms-cost.ms-s:after{content:"\e619";position:absolute;color:#333;margin-left:-0.9em;font-size:1.1em}.ms-cost.ms-untap{background-color:#111;color:#fff}.ms-cost.ms-shadow{box-shadow:-0.06em .07em 0 #111,0 .06em 0 #111}.ms-cost.ms-shadow.ms-untap{box-shadow:-0.06em .07em 0 #fff,0 .06em 0 #fff}.ms-split{position:relative;width:1.3em;height:1.3em}.ms-split:before,.ms-split:after{font-size:.55em !important;position:absolute}.ms-split:before{top:-0.38em;left:.28em}.ms-split:after{top:.5em;left:1em}.ms-loyalty-up,.ms-loyalty-down,.ms-loyalty-zero,.ms-loyalty-start{color:#111;font-size:1.5em;position:relative;text-align:center}.ms-loyalty-start{font-size:2em}.ms-loyalty-0:after,.ms-loyalty-1:after,.ms-loyalty-2:after,.ms-loyalty-3:after,.ms-loyalty-4:after,.ms-loyalty-5:after,.ms-loyalty-6:after,.ms-loyalty-7:after,.ms-loyalty-8:after,.ms-loyalty-9:after,.ms-loyalty-10:after,.ms-loyalty-x:after{color:#fff;display:inline-block;font-size:.5em;font-family:'MPlantin, Garamond, Palatino, ' Times New Roman ', Times, serif';position:absolute;left:0;line-height:1.75em;width:100%;text-align:center;-webkit-padding-before:.15em}.ms-loyalty-0:after{content:"0"}.ms-loyalty-up.ms-loyalty-1:after{content:"+1"}.ms-loyalty-up.ms-loyalty-2:after{content:"+2"}.ms-loyalty-up.ms-loyalty-3:after{content:"+3"}.ms-loyalty-up.ms-loyalty-4:after{content:"+4"}.ms-loyalty-up.ms-loyalty-5:after{content:"+5"}.ms-loyalty-up.ms-loyalty-6:after{content:"+6"}.ms-loyalty-up.ms-loyalty-7:after{content:"+7"}.ms-loyalty-up.ms-loyalty-8:after{content:"+8"}.ms-loyalty-up.ms-loyalty-9:after{content:"+9"}.ms-loyalty-up.ms-loyalty-10:after{content:"+10"}.ms-loyalty-up.ms-loyalty-x:after{content:"+X"}.ms-loyalty-start.ms-loyalty-1:after{content:"1"}.ms-loyalty-start.ms-loyalty-2:after{content:"2"}.ms-loyalty-start.ms-loyalty-3:after{content:"3"}.ms-loyalty-start.ms-loyalty-4:after{content:"4"}.ms-loyalty-start.ms-loyalty-5:after{content:"5"}.ms-loyalty-start.ms-loyalty-6:after{content:"6"}.ms-loyalty-start.ms-loyalty-7:after{content:"7"}.ms-loyalty-start.ms-loyalty-8:after{content:"8"}.ms-loyalty-start.ms-loyalty-9:after{content:"9"}.ms-loyalty-start.ms-loyalty-10:after{content:"10"}.ms-loyalty-start.ms-loyalty-x:after{content:"X"}.ms-loyalty-down:after{line-height:1.6em}.ms-loyalty-down.ms-loyalty-1:after{content:"-1"}.ms-loyalty-down.ms-loyalty-2:after{content:"-2"}.ms-loyalty-down.ms-loyalty-3:after{content:"-3"}.ms-loyalty-down.ms-loyalty-4:after{content:"-4"}.ms-loyalty-down.ms-loyalty-5:after{content:"-5"}.ms-loyalty-down.ms-loyalty-6:after{content:"-6"}.ms-loyalty-down.ms-loyalty-7:after{content:"-7"}.ms-loyalty-down.ms-loyalty-8:after{content:"-8"}.ms-loyalty-down.ms-loyalty-9:after{content:"-9"}.ms-loyalty-down.ms-loyalty-10:after{content:"-10"}.ms-loyalty-down.ms-loyalty-x:after{content:"-X"}.ms-2x{font-size:1.75em}.ms-3x{font-size:2.25em}.ms-4x{font-size:3em}.ms-5x{font-size:3.75em}.ms-6x{font-size:4.5em}.ms-w:before{content:"\e600"}.ms-u:before{content:"\e601"}.ms-b:before{content:"\e602"}.ms-r:before{content:"\e603"}.ms-g:before{content:"\e604"}.ms-0:before{content:"\e605"}.ms-1:before{content:"\e606"}.ms-2:before{content:"\e607"}.ms-3:before{content:"\e608"}.ms-4:before{content:"\e609"}.ms-5:before{content:"\e60a"}.ms-6:before{content:"\e60b"}.ms-7:before{content:"\e60c"}.ms-8:before{content:"\e60d"}.ms-9:before{content:"\e60e"}.ms-10:before{content:"\e60f"}.ms-11:before{content:"\e610"}.ms-12:before{content:"\e611"}.ms-13:before{content:"\e612"}.ms-14:before{content:"\e613"}.ms-15:before{content:"\e614"}.ms-x:before{content:"\e615"}.ms-y:before{content:"\e616"}.ms-z:before{content:"\e617"}.ms-p:before,.ms-pw:before,.ms-pu:before,.ms-pb:before,.ms-pr:before,.ms-pg:before{content:"\e618"}.ms-s:before{content:"\e619"}.ms-tap:before{content:"\e61a"}.ms-untap:before{content:"\e61b"}.ms-tap-alt:before{content:"\e61c"}.ms-chaos:before{content:"\e61d"}.ms-artifact:before{content:"\e61e"}.ms-creature:before{content:"\e61f"}.ms-enchantment:before{content:"\e620"}.ms-instant:before{content:"\e621"}.ms-land:before{content:"\e622"}.ms-planeswalker:before{content:"\e623"}.ms-sorcery:before{content:"\e624"}.ms-wu:before,.ms-wb:before,.ms-rw:after,.ms-gw:after,.ms-2w:after{content:"\e600"}.ms-ub:before,.ms-ur:before,.ms-wu:after,.ms-gu:after,.ms-2u:after{content:"\e601"}.ms-br:before,.ms-bg:before,.ms-wb:after,.ms-ub:after,.ms-2b:after{content:"\e602"}.ms-rw:before,.ms-rg:before,.ms-ur:after,.ms-br:after,.ms-2r:after{content:"\e603"}.ms-gw:before,.ms-gu:before,.ms-bg:after,.ms-rg:after,.ms-2g:after{content:"\e604"}.ms-2w:before,.ms-2u:before,.ms-2b:before,.ms-2r:before,.ms-2g:before{content:"\e607"}.ms-loyalty-up:before{content:"\e627"}.ms-loyalty-down:before{content:"\e625"}.ms-loyalty-zero:before{content:"\e626"}.ms-loyalty-start:before{content:"\e628"} \ No newline at end of file diff --git a/fonts/mana.eot b/fonts/mana.eot index 58eea64..3719119 100755 Binary files a/fonts/mana.eot and b/fonts/mana.eot differ diff --git a/fonts/mana.svg b/fonts/mana.svg index 2a1487d..4251233 100755 --- a/fonts/mana.svg +++ b/fonts/mana.svg @@ -44,4 +44,8 @@ + + + + \ No newline at end of file diff --git a/fonts/mana.ttf b/fonts/mana.ttf index 822e9ec..5d4d12e 100755 Binary files a/fonts/mana.ttf and b/fonts/mana.ttf differ diff --git a/fonts/mana.woff b/fonts/mana.woff index 83b0272..000fbcd 100755 Binary files a/fonts/mana.woff and b/fonts/mana.woff differ diff --git a/fonts/mplantin.eot b/fonts/mplantin.eot new file mode 100755 index 0000000..fb97fce Binary files /dev/null and b/fonts/mplantin.eot differ diff --git a/fonts/mplantin.svg b/fonts/mplantin.svg new file mode 100755 index 0000000..306f01a --- /dev/null +++ b/fonts/mplantin.svg @@ -0,0 +1,1484 @@ + + + + +Created by FontForge 20090914 at Mon Mar 2 15:19:04 2015 + By www-data +Converted by ALLTYPE + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/mplantin.ttf b/fonts/mplantin.ttf new file mode 100755 index 0000000..bbde6da Binary files /dev/null and b/fonts/mplantin.ttf differ diff --git a/fonts/mplantin.woff b/fonts/mplantin.woff new file mode 100755 index 0000000..c4680d4 Binary files /dev/null and b/fonts/mplantin.woff differ diff --git a/index.html b/index.html index 50e71aa..709ce28 100644 --- a/index.html +++ b/index.html @@ -117,6 +117,13 @@

+

Planeswalker symbols

+

+ + + + +

diff --git a/less/icons.less b/less/icons.less index 01c560e..171506b 100644 --- a/less/icons.less +++ b/less/icons.less @@ -85,3 +85,11 @@ .@{prefix}-2b:before, .@{prefix}-2r:before, .@{prefix}-2g:before { content: "\e607"; } // 2 + +/** + * Planeswalker symbols */ + + .@{prefix}-loyalty-up:before { content: "\e627"; } // Up + .@{prefix}-loyalty-down:before { content: "\e625"; } // Up + .@{prefix}-loyalty-zero:before { content: "\e626"; } // Up + .@{prefix}-loyalty-start:before { content: "\e628"; } // Up diff --git a/less/loyalty.less b/less/loyalty.less new file mode 100644 index 0000000..be10025 --- /dev/null +++ b/less/loyalty.less @@ -0,0 +1,87 @@ +/** + * Planesalker symbols */ + +.@{prefix}-loyalty { + + // All + &-up, + &-down, + &-zero, + &-start { + color: #111; + font-size: 1.5em; + position: relative; + text-align: center; + } + + // Start + &-start { + font-size: 2.0em; // increase the size a bit by default + } + + // Counters + &-0:after, + &-1:after, + &-2:after, + &-3:after, + &-4:after, + &-5:after, + &-6:after, + &-7:after, + &-8:after, + &-9:after, + &-10:after, + &-x:after { + color: #fff; + display: inline-block; + font-size: 0.5em; + font-family: @serif-font; + position: absolute; + left: 0; + line-height: 1.75em; + width: 100%; + text-align: center; + -webkit-padding-before: 0.15em; // fix for odd webkit line-height + } + &-0:after { content: "0"; } + &-up { + &.@{prefix}-loyalty-1:after { content: "+1"; } + &.@{prefix}-loyalty-2:after { content: "+2"; } + &.@{prefix}-loyalty-3:after { content: "+3"; } + &.@{prefix}-loyalty-4:after { content: "+4"; } + &.@{prefix}-loyalty-5:after { content: "+5"; } + &.@{prefix}-loyalty-6:after { content: "+6"; } + &.@{prefix}-loyalty-7:after { content: "+7"; } + &.@{prefix}-loyalty-8:after { content: "+8"; } + &.@{prefix}-loyalty-9:after { content: "+9"; } + &.@{prefix}-loyalty-10:after { content: "+10"; } + &.@{prefix}-loyalty-x:after { content: "+X"; } + } + &-start { + &.@{prefix}-loyalty-1:after { content: "1"; } + &.@{prefix}-loyalty-2:after { content: "2"; } + &.@{prefix}-loyalty-3:after { content: "3"; } + &.@{prefix}-loyalty-4:after { content: "4"; } + &.@{prefix}-loyalty-5:after { content: "5"; } + &.@{prefix}-loyalty-6:after { content: "6"; } + &.@{prefix}-loyalty-7:after { content: "7"; } + &.@{prefix}-loyalty-8:after { content: "8"; } + &.@{prefix}-loyalty-9:after { content: "9"; } + &.@{prefix}-loyalty-10:after { content: "10"; } + &.@{prefix}-loyalty-x:after { content: "X"; } + } + &-down { + &:after{ line-height: 1.6em; } + &.@{prefix}-loyalty-1:after { content: "-1"; } + &.@{prefix}-loyalty-2:after { content: "-2"; } + &.@{prefix}-loyalty-3:after { content: "-3"; } + &.@{prefix}-loyalty-4:after { content: "-4"; } + &.@{prefix}-loyalty-5:after { content: "-5"; } + &.@{prefix}-loyalty-6:after { content: "-6"; } + &.@{prefix}-loyalty-7:after { content: "-7"; } + &.@{prefix}-loyalty-8:after { content: "-8"; } + &.@{prefix}-loyalty-9:after { content: "-9"; } + &.@{prefix}-loyalty-10:after { content: "-10"; } + &.@{prefix}-loyalty-x:after { content: "-X"; } + } +} diff --git a/less/mana.less b/less/mana.less index 9ec4c71..b9ef015 100644 --- a/less/mana.less +++ b/less/mana.less @@ -2,5 +2,6 @@ @import "path.less"; @import "core.less"; @import "cost.less"; +@import "loyalty.less"; @import "sizes.less"; @import "icons.less"; diff --git a/less/path.less b/less/path.less index db7f1ee..810ab3b 100644 --- a/less/path.less +++ b/less/path.less @@ -8,3 +8,14 @@ font-weight: normal; font-style: normal; } + +@font-face { + font-family: 'MPlantin'; + src:url( '@{font-path}/mplantin.eot?v=@{version}' ); + src:url( '@{font-path}/mplantin.eot?#iefix&v=@{version}') format( 'embedded-opentype' ), + url( '@{font-path}/mplantin.woff?v=@{version}') format( 'woff' ), + url( '@{font-path}/mplantin.ttf?v=@{version}') format( 'truetype' ), + url( '@{font-path}/mplantin.svg?v=@{version}#mplantin') format( 'svg' ); + font-weight: normal; + font-style: normal; +} diff --git a/less/variables.less b/less/variables.less index c0bcbc8..04f1718 100644 --- a/less/variables.less +++ b/less/variables.less @@ -5,3 +5,4 @@ @version: '0.1'; @font-size-base: 14px; @prefix: ms; +@serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif';