mirror of https://github.com/andrewgioia/mana.git
Removing old bower files
This commit is contained in:
Andrew Gioia
parent
1b198e3125
commit
232ab29320
|
|
@ -1,40 +0,0 @@
|
|||
{
|
||||
"name": "mana",
|
||||
"homepage": "https://github.com/andrewgioia/Mana",
|
||||
"authors": [
|
||||
"Andrew Gioia <andrewgioia@gmail.com>"
|
||||
],
|
||||
"description": "Magic: the Gathering mana symbol pictographic font",
|
||||
"main": [
|
||||
"css/mana.css"
|
||||
],
|
||||
"moduleType": [],
|
||||
"keywords": [
|
||||
"mana",
|
||||
"mtg",
|
||||
"mana symbols",
|
||||
"magic",
|
||||
"gathering",
|
||||
"font"
|
||||
],
|
||||
"license": "MIT",
|
||||
"private": true,
|
||||
"ignore": [
|
||||
"**/.*",
|
||||
"node_modules",
|
||||
"bower_components",
|
||||
"test",
|
||||
"tests",
|
||||
".git",
|
||||
".gitignore"
|
||||
],
|
||||
"_release": "e36bd4b9e7",
|
||||
"_resolution": {
|
||||
"type": "branch",
|
||||
"branch": "master",
|
||||
"commit": "e36bd4b9e72917ad9e98d1752af537b51337b5c4"
|
||||
},
|
||||
"_source": "https://github.com/andrewgioia/Mana.git",
|
||||
"_target": "*",
|
||||
"_originalSource": "mana"
|
||||
}
|
||||
|
|
@ -1,68 +0,0 @@
|
|||
# Mana v1.3.1
|
||||
|
||||
## The Magic: the Gathering mana symbol font!
|
||||
|
||||
**New:** view the [documentation site](https://andrewgioia.github.io/Mana) to see Mana in action!
|
||||
|
||||
Mana is a complete set of Magic: the Gathering mana, tap, and card type symbols as a pictographic font. You can use this font anywhere you want to display mana and tap symbols—in your MtG app or website, documents, card images, anything!
|
||||
|
||||
## Installing
|
||||
|
||||
The easiest way to get Mana into your project is to use either the Bower or NPM packages, depending on your package manager:
|
||||
|
||||
```shell
|
||||
$> bower install mana
|
||||
```
|
||||
|
||||
```shell
|
||||
$> npm install mana-font
|
||||
```
|
||||
|
||||
We've registered `mana` with [Bower](https://bower.io/#getting-started) and 'mana-font' with [NPM](https://docs.npmjs.com/getting-started/what-is-npm). Just install using the above commands in your project and you can edit anything as needed.
|
||||
|
||||
You can also download the [zip file](https://github.com/andrewgioia/Mana/archive/master.zip) here at Github and use the font files and CSS files in your project as needed.
|
||||
|
||||
## Usage
|
||||
|
||||
Each mana symbol has its own font character. Display them in a manner similar to [Keyrune](http://andrewgioia.github.io/Keyrune) using the `<i class="ms ms-g"></i>` element and class syntax. Class name codes are based on textual mana symbol codes (like g for Green or 3 for, well, {3}).
|
||||
|
||||
To use Mana, move the web font files to your `/fonts` directory and include the mana.css stylesheet in your `<head>`:
|
||||
|
||||
```html
|
||||
<link href="css/mana.css" rel="stylesheet" type="text/css" />
|
||||
```
|
||||
|
||||
## Editing the Source
|
||||
|
||||
Feel free to edit the source files and compile Mana to fit your needs. Currently LESS is supported, with Sass coming soon.
|
||||
|
||||
## Using Mana on the Desktop
|
||||
|
||||
If you'd like to use Mana as a desktop font (e.g., in a Word document) there are a few steps and things to know. First, to get it loaded on your system just download the [latest zip file](https://github.com/andrewgioia/Mana/archive/master.zip), extract it, and navigate to `Mana-master\fonts`. In there, install the `mana.ttf` font (typically by double clicking it).
|
||||
|
||||
Mana uses [private use characters](https://en.wikipedia.org/wiki/Private_Use_Areas) for the font glyphs so you unfortunately can't normally "type" anything in Word to see the symbols. To do so, open up the [Mana Cheatsheet](http://andrewgioia.github.io/Mana/cheatsheet.html) and copy the symbol you want, then paste it into Word (or whatever software you're using).
|
||||
|
||||
## License
|
||||
|
||||
All mana, tap, and card type symbol images are copyright Wizards of the Coast ([http://magicthegathering.com](http://magicthegathering.com))
|
||||
|
||||
The Mana font is licensed under the the SIL OFL 1.1 ([http://scripts.sil.org/OFL](http://scripts.sil.org/OFL))
|
||||
|
||||
Mana CSS, LESS, and Sass files are licensed under the MIT License ([http://opensource.org/licenses/mit-license.html](http://opensource.org/licenses/mit-license.html))
|
||||
|
||||
Attribution is **greatly appreciated** but not required!
|
||||
|
||||
## Changelog
|
||||
|
||||
* v1.3.1 - fixed class name issue for 1,000,000 symbol
|
||||
* v1.3.0 - added Guild and Clan symbols
|
||||
* v1.2.0 - added DFC symbols for the Origins planeswalkers (ignite and spark) and the Eldritch Moon meld cards (emrakul and moon)
|
||||
* v1.1.0 - added the new Energy symbol
|
||||
* v1.0.1 - added classes for -12 and -14 loyalty (sorry Jace and Karn!)
|
||||
* v1.0 - new documentation page at http://andrewgioia.github.io/Mana/
|
||||
* v0.6 - adding double-faced card symbols (day, night)
|
||||
* v0.5 - adding the new colorless wastes symbol
|
||||
* v0.4 - adding classes for 16, 17, 18, 19, and 20 symbols
|
||||
* v0.3 - phyrexian mana classes use MTGJson standard; project-specific LESS prefix added (@JayGray)
|
||||
* v0.2 - Flashback symbol added
|
||||
* v0.1 - initial font creation and CSS/LESS files added
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
{
|
||||
"name": "mana",
|
||||
"homepage": "https://github.com/andrewgioia/Mana",
|
||||
"version": "1.3.0",
|
||||
"authors": [
|
||||
"Andrew Gioia <andrewgioia@gmail.com>"
|
||||
],
|
||||
"description": "Magic: the Gathering mana symbol pictographic font",
|
||||
"main": [
|
||||
"css/mana.css"
|
||||
],
|
||||
"moduleType": [],
|
||||
"keywords": [
|
||||
"mana",
|
||||
"mtg",
|
||||
"mana symbols",
|
||||
"magic",
|
||||
"gathering",
|
||||
"font"
|
||||
],
|
||||
"license": "MIT",
|
||||
"private": true,
|
||||
"ignore": [
|
||||
"**/.*",
|
||||
"node_modules",
|
||||
"bower_components",
|
||||
"test",
|
||||
"tests",
|
||||
".git",
|
||||
".gitignore"
|
||||
]
|
||||
}
|
||||
|
|
@ -1,770 +0,0 @@
|
|||
/**
|
||||
* Global */
|
||||
@font-face {
|
||||
font-family: 'Mana';
|
||||
src: url('../fonts/mana.eot?v=1.3.1');
|
||||
src: url('../fonts/mana.eot?#iefix&v=1.3.1') format('embedded-opentype'), url('../fonts/mana.woff?v=1.3.1') format('woff'), url('../fonts/mana.ttf?v=1.3.1') format('truetype'), url('../fonts/mana.svg?v=1.3.1#mana') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'MPlantin';
|
||||
src: url('../fonts/mplantin.eot?v=1.3.1');
|
||||
src: url('../fonts/mplantin.eot?#iefix&v=1.3.1') format('embedded-opentype'), url('../fonts/mplantin.woff?v=1.3.1') format('woff'), url('../fonts/mplantin.ttf?v=1.3.1') format('truetype'), url('../fonts/mplantin.svg?v=1.3.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;
|
||||
}
|
||||
/**
|
||||
* Mana cost styles */
|
||||
.ms-cost {
|
||||
background-color: #BEB9B2;
|
||||
border-radius: 1em;
|
||||
color: #111;
|
||||
font-size: 0.95em;
|
||||
width: 1.3em;
|
||||
height: 1.3em;
|
||||
line-height: 1.35em;
|
||||
text-align: center;
|
||||
}
|
||||
.ms-cost.ms-w,
|
||||
.ms-cost.ms-wp {
|
||||
background-color: #F0F2C0;
|
||||
}
|
||||
.ms-cost.ms-u,
|
||||
.ms-cost.ms-up {
|
||||
background-color: #B5CDE3;
|
||||
}
|
||||
.ms-cost.ms-b,
|
||||
.ms-cost.ms-bp {
|
||||
background-color: #ACA29A;
|
||||
}
|
||||
.ms-cost.ms-r,
|
||||
.ms-cost.ms-rp {
|
||||
background-color: #DB8664;
|
||||
}
|
||||
.ms-cost.ms-g,
|
||||
.ms-cost.ms-gp {
|
||||
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-wp:before,
|
||||
.ms-cost.ms-up:before,
|
||||
.ms-cost.ms-bp:before,
|
||||
.ms-cost.ms-rp:before,
|
||||
.ms-cost.ms-gp: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: 0.10em;
|
||||
}
|
||||
.ms-cost.ms-s:before {
|
||||
color: #fff;
|
||||
-webkit-text-stroke: 2px #fff;
|
||||
font-size: 0.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 0.07em 0 #111, 0 0.06em 0 #111;
|
||||
}
|
||||
.ms-cost.ms-shadow.ms-untap {
|
||||
box-shadow: -0.06em 0.07em 0 #fff, 0 0.06em 0 #fff;
|
||||
}
|
||||
/**
|
||||
* Split costs */
|
||||
.ms-split {
|
||||
position: relative;
|
||||
width: 1.3em;
|
||||
height: 1.3em;
|
||||
}
|
||||
.ms-split:before,
|
||||
.ms-split:after {
|
||||
font-size: 0.55em !important;
|
||||
position: absolute;
|
||||
}
|
||||
.ms-split:before {
|
||||
top: -0.38em;
|
||||
left: 0.28em;
|
||||
}
|
||||
.ms-split:after {
|
||||
top: 0.5em;
|
||||
left: 1.0em;
|
||||
}
|
||||
/**
|
||||
* Half costs */
|
||||
.ms-half {
|
||||
width: .675em;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
margin-left: .675em;
|
||||
}
|
||||
.ms-half > .ms-cost {
|
||||
margin-left: -0.675em;
|
||||
}
|
||||
/**
|
||||
* Un-set costs */
|
||||
.ms-100 {
|
||||
width: 2.4em;
|
||||
}
|
||||
.ms-1000000 {
|
||||
width: 5.4em;
|
||||
}
|
||||
/**
|
||||
* Planeswalker 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-12:after,
|
||||
.ms-loyalty-14: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-12:after {
|
||||
content: "-12";
|
||||
}
|
||||
.ms-loyalty-down.ms-loyalty-14:after {
|
||||
content: "-14";
|
||||
}
|
||||
.ms-loyalty-down.ms-loyalty-x:after {
|
||||
content: "-X";
|
||||
}
|
||||
/**
|
||||
* Double faced cards */
|
||||
.ms-dfc {
|
||||
color: #111;
|
||||
border: .05em solid #111;
|
||||
border-radius: 2em;
|
||||
padding: 0.025em;
|
||||
}
|
||||
/*
|
||||
* Larger sizes */
|
||||
.ms-2x {
|
||||
font-size: 1.75em;
|
||||
}
|
||||
.ms-3x {
|
||||
font-size: 2.25em;
|
||||
}
|
||||
.ms-4x {
|
||||
font-size: 3.0em;
|
||||
}
|
||||
.ms-5x {
|
||||
font-size: 3.75em;
|
||||
}
|
||||
.ms-6x {
|
||||
font-size: 4.5em;
|
||||
}
|
||||
/**
|
||||
* Mana */
|
||||
.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-16:before {
|
||||
content: "\e62a";
|
||||
}
|
||||
.ms-17:before {
|
||||
content: "\e62b";
|
||||
}
|
||||
.ms-18:before {
|
||||
content: "\e62c";
|
||||
}
|
||||
.ms-19:before {
|
||||
content: "\e62d";
|
||||
}
|
||||
.ms-20:before {
|
||||
content: "\e62e";
|
||||
}
|
||||
.ms-x:before {
|
||||
content: "\e615";
|
||||
}
|
||||
.ms-y:before {
|
||||
content: "\e616";
|
||||
}
|
||||
.ms-z:before {
|
||||
content: "\e617";
|
||||
}
|
||||
.ms-p:before,
|
||||
.ms-wp:before,
|
||||
.ms-up:before,
|
||||
.ms-bp:before,
|
||||
.ms-rp:before,
|
||||
.ms-gp:before {
|
||||
content: "\e618";
|
||||
}
|
||||
.ms-s:before {
|
||||
content: "\e619";
|
||||
}
|
||||
.ms-c:before {
|
||||
content: "\e904";
|
||||
}
|
||||
.ms-e:before,
|
||||
.ms-energy:before {
|
||||
content: "\e907";
|
||||
}
|
||||
/**
|
||||
* Tap/roll symbols */
|
||||
.ms-tap:before {
|
||||
content: "\e61a";
|
||||
}
|
||||
.ms-untap:before {
|
||||
content: "\e61b";
|
||||
}
|
||||
.ms-tap-alt:before {
|
||||
content: "\e61c";
|
||||
}
|
||||
.ms-chaos:before {
|
||||
content: "\e61d";
|
||||
}
|
||||
.ms-1-2:before {
|
||||
content: "\e902";
|
||||
}
|
||||
.ms-infinity:before {
|
||||
content: "\e903";
|
||||
}
|
||||
/**
|
||||
* Card types */
|
||||
.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";
|
||||
}
|
||||
/**
|
||||
* Split symbols */
|
||||
.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";
|
||||
}
|
||||
/**
|
||||
* Un-set symbols */
|
||||
.ms-100:before {
|
||||
content: "\e900";
|
||||
}
|
||||
.ms-1000000:before {
|
||||
content: "\e901";
|
||||
}
|
||||
/**
|
||||
* 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";
|
||||
}
|
||||
/**
|
||||
* Other */
|
||||
.ms-flashback:before {
|
||||
content: "\e629";
|
||||
}
|
||||
.ms-dfc-night:before {
|
||||
content: "\e905";
|
||||
}
|
||||
.ms-dfc-day:before {
|
||||
content: "\e906";
|
||||
}
|
||||
.ms-dfc-ignite:before {
|
||||
content: "\e908";
|
||||
}
|
||||
.ms-dfc-spark:before {
|
||||
content: "\e909";
|
||||
}
|
||||
.ms-dfc-emrakul:before {
|
||||
content: "\e90a";
|
||||
}
|
||||
.ms-dfc-moon:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
/**
|
||||
* Guilds and Clans */
|
||||
.ms-guild-azorius:before {
|
||||
content: "\e90c";
|
||||
}
|
||||
.ms-guild-boros:before {
|
||||
content: "\e90d";
|
||||
}
|
||||
.ms-guild-dimir:before {
|
||||
content: "\e90e";
|
||||
}
|
||||
.ms-guild-golgari:before {
|
||||
content: "\e90f";
|
||||
}
|
||||
.ms-guild-gruul:before {
|
||||
content: "\e910";
|
||||
}
|
||||
.ms-guild-izzet:before {
|
||||
content: "\e911";
|
||||
}
|
||||
.ms-guild-orzhov:before {
|
||||
content: "\e912";
|
||||
}
|
||||
.ms-guild-rakdos:before {
|
||||
content: "\e913";
|
||||
}
|
||||
.ms-guild-selesnya:before {
|
||||
content: "\e914";
|
||||
}
|
||||
.ms-guild-simic:before {
|
||||
content: "\e915";
|
||||
}
|
||||
.ms-clan-abzan:before {
|
||||
content: "\e916";
|
||||
}
|
||||
.ms-clan-jeskai:before {
|
||||
content: "\e917";
|
||||
}
|
||||
.ms-clan-mardu:before {
|
||||
content: "\e918";
|
||||
}
|
||||
.ms-clan-sultai:before {
|
||||
content: "\e919";
|
||||
}
|
||||
.ms-clan-temur:before {
|
||||
content: "\e91a";
|
||||
}
|
||||
.ms-clan-atarka:before {
|
||||
content: "\e91b";
|
||||
}
|
||||
.ms-clan-dromoka:before {
|
||||
content: "\e91c";
|
||||
}
|
||||
.ms-clan-kolaghan:before {
|
||||
content: "\e91d";
|
||||
}
|
||||
.ms-clan-ojutai:before {
|
||||
content: "\e91e";
|
||||
}
|
||||
.ms-clan-silumgar:before {
|
||||
content: "\e91f";
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 315 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 206 KiB |
Binary file not shown.
Binary file not shown.
|
|
@ -1,191 +0,0 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
|
||||
<title>Mana</title>
|
||||
<link rel="stylesheet" href="css/mana.css" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
<style type="text/css">
|
||||
body {
|
||||
background: #fff;
|
||||
border-top: 3px solid #CBC8BB;
|
||||
color: #333;
|
||||
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
|
||||
Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.6em;
|
||||
margin: 0;
|
||||
padding: 0 100px;
|
||||
}
|
||||
h3 {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
}
|
||||
p {
|
||||
margin: 10px 0 20px;
|
||||
}
|
||||
footer {
|
||||
border-top: 1px solid #eee;
|
||||
margin: 40px 0 0;
|
||||
padding: 20px 0 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Mana</h1>
|
||||
<h2>MTG Mana Symbol Demos</h2>
|
||||
<p>
|
||||
This HTML file is for demo purposes and is not necessary for Mana installation or use.
|
||||
You can view all of the mana symbol font icons and the available examples below (casting cost background and increased sizes).
|
||||
</p>
|
||||
<h3>Regular mana symbols</h3>
|
||||
<p>
|
||||
<i class="ms ms-w ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-u ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-b ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-r ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-g ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-0 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-1 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-2 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-3 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-4 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-5 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-6 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-7 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-8 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-9 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-10 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-11 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-12 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-13 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-14 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-15 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-16 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-17 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-18 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-19 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-20 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-x ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-y ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-z ms-cost ms-shadow"></i>
|
||||
</p>
|
||||
<h3>Phyrexian, snow, colorless, energy, and split symbols</h3>
|
||||
<p>
|
||||
<i class="ms ms-wp ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-up ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-bp ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-rp ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-gp ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-s ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-c ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-e"></i>
|
||||
<br />
|
||||
<i class="ms ms-wu ms-split ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-wb ms-split ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-ub ms-split ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-ur ms-split ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-br ms-split ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-bg ms-split ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-rw ms-split ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-rg ms-split ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-gw ms-split ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-gu ms-split ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-2w ms-split ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-2u ms-split ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-2b ms-split ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-2r ms-split ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-2g ms-split ms-cost ms-shadow"></i>
|
||||
</p>
|
||||
<h3>Tap and roll symbols</h3>
|
||||
<p>
|
||||
<i class="ms ms-tap ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-untap ms-cost"></i>
|
||||
<i class="ms ms-tap-alt ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-chaos"></i>
|
||||
</p>
|
||||
<h3>2x size (3-6x also included)</h3>
|
||||
<p>
|
||||
<i class="ms ms-w ms-cost ms-shadow ms-2x"></i>
|
||||
<i class="ms ms-u ms-cost ms-shadow ms-2x"></i>
|
||||
<i class="ms ms-b ms-cost ms-shadow ms-2x"></i>
|
||||
<i class="ms ms-r ms-cost ms-shadow ms-2x"></i>
|
||||
<i class="ms ms-g ms-cost ms-shadow ms-2x"></i>
|
||||
</p>
|
||||
<h3><a href="http://gatherer.wizards.com/Pages/Card/Details.aspx?multiverseid=74257">Half mana symbols</a></h3>
|
||||
<p>
|
||||
<span class="ms-half"><i class="ms ms-w ms-cost"></i></span>
|
||||
<span class="ms-half"><i class="ms ms-u ms-cost"></i></span>
|
||||
<span class="ms-half"><i class="ms ms-b ms-cost"></i></span>
|
||||
<span class="ms-half"><i class="ms ms-r ms-cost"></i></span>
|
||||
<span class="ms-half"><i class="ms ms-g ms-cost"></i></span>
|
||||
</p>
|
||||
<h3>Un-set mana symbols</h3>
|
||||
<p>
|
||||
<i class="ms ms-1-2 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-infinity ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-100 ms-cost ms-shadow"></i>
|
||||
<i class="ms ms-1000000 ms-cost ms-shadow"></i>
|
||||
</p>
|
||||
<h3>Future Sight type symbols</h3>
|
||||
<p>
|
||||
<i class="ms ms-artifact ms-2x"></i>
|
||||
<i class="ms ms-creature ms-2x"></i>
|
||||
<i class="ms ms-enchantment ms-2x"></i>
|
||||
<i class="ms ms-instant ms-2x"></i>
|
||||
<i class="ms ms-land ms-2x"></i>
|
||||
<i class="ms ms-planeswalker ms-2x"></i>
|
||||
<i class="ms ms-sorcery ms-2x"></i>
|
||||
|
||||
<i class="ms ms-flashback ms-2x"></i>
|
||||
</p>
|
||||
<h3>Planeswalker symbols</h3>
|
||||
<p>
|
||||
<i class="ms ms-loyalty-up ms-loyalty-3 ms-3x"></i>
|
||||
<i class="ms ms-loyalty-down ms-loyalty-x ms-3x"></i>
|
||||
<i class="ms ms-loyalty-zero ms-loyalty-0 ms-3x"></i>
|
||||
<i class="ms ms-loyalty-start ms-loyalty-4 ms-4x"></i>
|
||||
</p>
|
||||
<h3>Double-faced card symbols</h3>
|
||||
<p>
|
||||
<i class="ms ms-dfc ms-dfc-day ms-2x"></i>
|
||||
<i class="ms ms-dfc ms-dfc-night ms-2x"></i>
|
||||
<i class="ms ms-dfc ms-dfc-spark ms-2x"></i>
|
||||
<i class="ms ms-dfc ms-dfc-ignite ms-2x"></i>
|
||||
<i class="ms ms-dfc ms-dfc-moon ms-2x"></i>
|
||||
<i class="ms ms-dfc ms-dfc-emrakul ms-2x"></i>
|
||||
</p>
|
||||
<h3>Guild Symbols</h3>
|
||||
<p>
|
||||
<i class="ms ms-guild-azorius ms-2x"></i>
|
||||
<i class="ms ms-guild-boros ms-2x"></i>
|
||||
<i class="ms ms-guild-dimir ms-2x"></i>
|
||||
<i class="ms ms-guild-golgari ms-2x"></i>
|
||||
<i class="ms ms-guild-gruul ms-2x"></i>
|
||||
<i class="ms ms-guild-izzet ms-2x"></i>
|
||||
<i class="ms ms-guild-orzhov ms-2x"></i>
|
||||
<i class="ms ms-guild-rakdos ms-2x"></i>
|
||||
<i class="ms ms-guild-selesnya ms-2x"></i>
|
||||
<i class="ms ms-guild-simic ms-2x"></i>
|
||||
</p>
|
||||
<h3>Clan Symbols</h3>
|
||||
<p>
|
||||
<i class="ms ms-clan-abzan ms-2x"></i>
|
||||
<i class="ms ms-clan-jeskai ms-2x"></i>
|
||||
<i class="ms ms-clan-mardu ms-2x"></i>
|
||||
<i class="ms ms-clan-sultai ms-2x"></i>
|
||||
<i class="ms ms-clan-temur ms-2x"></i>
|
||||
|
||||
<i class="ms ms-clan-atarka ms-2x"></i>
|
||||
<i class="ms ms-clan-dromoka ms-2x"></i>
|
||||
<i class="ms ms-clan-kolaghan ms-2x"></i>
|
||||
<i class="ms ms-clan-ojutai ms-2x"></i>
|
||||
<i class="ms ms-clan-silumgar ms-2x"></i>
|
||||
</p>
|
||||
<footer>
|
||||
Made with ♥ by <a href="http://andrewgioia.com">Andrew Gioia</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
.@{ms-prefix} {
|
||||
display: inline-block;
|
||||
font: normal normal normal @ms-font-size-base/1 Mana;
|
||||
font-size: inherit;
|
||||
line-height: 1em;
|
||||
text-rendering: auto;
|
||||
transform: translate(0, 0);
|
||||
speak: none;
|
||||
text-transform: none;
|
||||
vertical-align: middle;
|
||||
// Better font rendering
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
|
@ -1,292 +0,0 @@
|
|||
/**
|
||||
* Mana cost styles */
|
||||
|
||||
.@{ms-prefix}-cost {
|
||||
|
||||
// Base cost styles
|
||||
background-color: #BEB9B2;
|
||||
border-radius: 1em;
|
||||
color: #111;
|
||||
font-size: 0.95em;
|
||||
width: 1.3em;
|
||||
height: 1.3em;
|
||||
line-height: 1.35em;
|
||||
text-align: center;
|
||||
|
||||
// Single symbols
|
||||
&.@{ms-prefix}-w,
|
||||
&.@{ms-prefix}-wp {
|
||||
background-color: #F0F2C0;
|
||||
}
|
||||
&.@{ms-prefix}-u,
|
||||
&.@{ms-prefix}-up {
|
||||
background-color: #B5CDE3;
|
||||
}
|
||||
&.@{ms-prefix}-b,
|
||||
&.@{ms-prefix}-bp {
|
||||
background-color: #ACA29A;
|
||||
}
|
||||
&.@{ms-prefix}-r,
|
||||
&.@{ms-prefix}-rp {
|
||||
background-color: #DB8664;
|
||||
}
|
||||
&.@{ms-prefix}-g,
|
||||
&.@{ms-prefix}-gp {
|
||||
background-color: #93B483;
|
||||
}
|
||||
|
||||
// Split symbols
|
||||
&.@{ms-prefix}-wu {
|
||||
background: #edf2b0; // Old browsers
|
||||
background: -moz-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%); // FF3.6+
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#edf2b0), color-stop(50%,#edf2b0), color-stop(50%,#a6c1dd), color-stop(100%,#a6c1dd)); // Chrome,Safari4+
|
||||
background: -webkit-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); // Chrome10+,Safari5.1+
|
||||
background: -o-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); // Opera 11.10+
|
||||
background: -ms-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); // IE10+
|
||||
background: linear-gradient(135deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); // W3C
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2b0', endColorstr='#a6c1dd',GradientType=1 ); // IE6-9 fallback on horizontal gradient
|
||||
}
|
||||
&.@{ms-prefix}-wb {
|
||||
background: #edf2b0; // Old browsers
|
||||
background: -moz-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%); // FF3.6+
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#edf2b0), color-stop(50%,#edf2b0), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); // Chrome,Safari4+
|
||||
background: -webkit-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); // Chrome10+,Safari5.1+
|
||||
background: -o-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); // Opera 11.10+
|
||||
background: -ms-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); // IE10+
|
||||
background: linear-gradient(135deg, #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); // W3C
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2b0', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
|
||||
}
|
||||
&.@{ms-prefix}-ub {
|
||||
background: #a6c1dd; // Old browsers
|
||||
background: -moz-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%); // FF3.6+
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a6c1dd), color-stop(50%,#a6c1dd), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); // Chrome,Safari4+
|
||||
background: -webkit-linear-gradient(-45deg, #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); // Chrome10+,Safari5.1+
|
||||
background: -o-linear-gradient(-45deg, #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); // Opera 11.10+
|
||||
background: -ms-linear-gradient(-45deg, #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); // IE10+
|
||||
background: linear-gradient(135deg, #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); // W3C
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c1dd', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
|
||||
}
|
||||
&.@{ms-prefix}-ur {
|
||||
background: #a6c1dd; // Old browsers
|
||||
background: -moz-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%); // FF3.6+
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a6c1dd), color-stop(50%,#a6c1dd), color-stop(50%,#db8664), color-stop(100%,#db8664)); // Chrome,Safari4+
|
||||
background: -webkit-linear-gradient(-45deg, #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); // Chrome10+,Safari5.1+
|
||||
background: -o-linear-gradient(-45deg, #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); // Opera 11.10+
|
||||
background: -ms-linear-gradient(-45deg, #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); // IE10+
|
||||
background: linear-gradient(135deg, #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); // W3C
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c1dd', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
|
||||
}
|
||||
&.@{ms-prefix}-br {
|
||||
background: #aca29a; // Old browsers
|
||||
background: -moz-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%); // FF3.6+
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aca29a), color-stop(50%,#aca29a), color-stop(50%,#db8664), color-stop(100%,#db8664)); // Chrome,Safari4+
|
||||
background: -webkit-linear-gradient(-45deg, #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); // Chrome10+,Safari5.1+
|
||||
background: -o-linear-gradient(-45deg, #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); // Opera 11.10+
|
||||
background: -ms-linear-gradient(-45deg, #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); // IE10+
|
||||
background: linear-gradient(135deg, #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); // W3C
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aca29a', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
|
||||
}
|
||||
&.@{ms-prefix}-bg {
|
||||
background: #aca29a; // Old browsers
|
||||
background: -moz-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%); // FF3.6+
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aca29a), color-stop(50%,#aca29a), color-stop(50%,#93b483), color-stop(100%,#93b483)); // Chrome,Safari4+
|
||||
background: -webkit-linear-gradient(-45deg, #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); // Chrome10+,Safari5.1+
|
||||
background: -o-linear-gradient(-45deg, #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); // Opera 11.10+
|
||||
background: -ms-linear-gradient(-45deg, #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); // IE10+
|
||||
background: linear-gradient(135deg, #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); // W3C
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aca29a', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
|
||||
}
|
||||
&.@{ms-prefix}-rw {
|
||||
background: #db8664; // Old browsers
|
||||
background: -moz-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%); // FF3.6+
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#db8664), color-stop(50%,#db8664), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); // Chrome,Safari4+
|
||||
background: -webkit-linear-gradient(-45deg, #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); // Chrome10+,Safari5.1+
|
||||
background: -o-linear-gradient(-45deg, #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); // Opera 11.10+
|
||||
background: -ms-linear-gradient(-45deg, #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); // IE10+
|
||||
background: linear-gradient(135deg, #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); // W3C
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8664', endColorstr='#edf2b0',GradientType=1 ); // IE6-9 fallback on horizontal gradient
|
||||
}
|
||||
&.@{ms-prefix}-rg {
|
||||
background: #db8664; // Old browsers
|
||||
background: -moz-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%); // FF3.6+
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#db8664), color-stop(50%,#db8664), color-stop(50%,#93b483), color-stop(100%,#93b483)); // Chrome,Safari4+
|
||||
background: -webkit-linear-gradient(-45deg, #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); // Chrome10+,Safari5.1+
|
||||
background: -o-linear-gradient(-45deg, #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); // Opera 11.10+
|
||||
background: -ms-linear-gradient(-45deg, #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); // IE10+
|
||||
background: linear-gradient(135deg, #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); // W3C
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8664', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
|
||||
}
|
||||
&.@{ms-prefix}-gw {
|
||||
background: #93b483; // Old browsers
|
||||
background: -moz-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%); // FF3.6+
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#93b483), color-stop(50%,#93b483), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); // Chrome,Safari4+
|
||||
background: -webkit-linear-gradient(-45deg, #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); // Chrome10+,Safari5.1+
|
||||
background: -o-linear-gradient(-45deg, #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); // Opera 11.10+
|
||||
background: -ms-linear-gradient(-45deg, #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); // IE10+
|
||||
background: linear-gradient(135deg, #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); // W3C
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93b483', endColorstr='#edf2b0',GradientType=1 ); // IE6-9 fallback on horizontal gradient
|
||||
}
|
||||
&.@{ms-prefix}-gu {
|
||||
background: #93b483; // Old browsers
|
||||
background: -moz-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%); // FF3.6+
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#93b483), color-stop(50%,#93b483), color-stop(50%,#b5cde3), color-stop(100%,#b5cde3)); // Chrome,Safari4+
|
||||
background: -webkit-linear-gradient(-45deg, #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); // Chrome10+,Safari5.1+
|
||||
background: -o-linear-gradient(-45deg, #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); // Opera 11.10+
|
||||
background: -ms-linear-gradient(-45deg, #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); // IE10+
|
||||
background: linear-gradient(135deg, #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); // W3C
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93b483', endColorstr='#b5cde3',GradientType=1 ); // IE6-9 fallback on horizontal gradient
|
||||
}
|
||||
&.@{ms-prefix}-2w {
|
||||
background: #beb9b2; // Old browsers
|
||||
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%); // FF3.6+
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); // Chrome,Safari4+
|
||||
background: -webkit-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); // Chrome10+,Safari5.1+
|
||||
background: -o-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); // Opera 11.10+
|
||||
background: -ms-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); // IE10+
|
||||
background: linear-gradient(135deg, #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); // W3C
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#edf2b0',GradientType=1 ); // IE6-9 fallback on horizontal gradient
|
||||
}
|
||||
&.@{ms-prefix}-2u {
|
||||
background: #beb9b2; // Old browsers
|
||||
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%); // FF3.6+
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#b5cde3), color-stop(100%,#b5cde3)); // Chrome,Safari4+
|
||||
background: -webkit-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); // Chrome10+,Safari5.1+
|
||||
background: -o-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); // Opera 11.10+
|
||||
background: -ms-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); // IE10+
|
||||
background: linear-gradient(135deg, #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); // W3C
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#b5cde3',GradientType=1 ); // IE6-9 fallback on horizontal gradient
|
||||
}
|
||||
&.@{ms-prefix}-2b {
|
||||
background: #beb9b2; // Old browsers
|
||||
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%); // FF3.6+
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); // Chrome,Safari4+
|
||||
background: -webkit-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); // Chrome10+,Safari5.1+
|
||||
background: -o-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); // Opera 11.10+
|
||||
background: -ms-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); // IE10+
|
||||
background: linear-gradient(135deg, #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); // W3C
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
|
||||
}
|
||||
&.@{ms-prefix}-2r {
|
||||
background: #beb9b2; // Old browsers
|
||||
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%); // FF3.6+
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#db8664), color-stop(100%,#db8664)); // Chrome,Safari4+
|
||||
background: -webkit-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); // Chrome10+,Safari5.1+
|
||||
background: -o-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); // Opera 11.10+
|
||||
background: -ms-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); // IE10+
|
||||
background: linear-gradient(135deg, #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); // W3C
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
|
||||
}
|
||||
&.@{ms-prefix}-2g {
|
||||
background: #beb9b2; // Old browsers
|
||||
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%); // FF3.6+
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#93b483), color-stop(100%,#93b483)); // Chrome,Safari4+
|
||||
background: -webkit-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#93b483 50%,#93b483 100%); // Chrome10+,Safari5.1+
|
||||
background: -o-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#93b483 50%,#93b483 100%); // Opera 11.10+
|
||||
background: -ms-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#93b483 50%,#93b483 100%); // IE10+
|
||||
background: linear-gradient(135deg, #beb9b2 0%,#beb9b2 50%,#93b483 50%,#93b483 100%); // W3C
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
|
||||
}
|
||||
|
||||
// Phyrexian mana and size increases
|
||||
&.@{ms-prefix}-p:before,
|
||||
&.@{ms-prefix}-wp:before,
|
||||
&.@{ms-prefix}-up:before,
|
||||
&.@{ms-prefix}-bp:before,
|
||||
&.@{ms-prefix}-rp:before,
|
||||
&.@{ms-prefix}-gp:before {
|
||||
display: inline-block;
|
||||
-moz-transform: scale( 1.2, 1.2 );
|
||||
-webkit-transform: scale( 1.2, 1.2 );
|
||||
transform: scale( 1.2, 1.2 );
|
||||
}
|
||||
|
||||
// Alternate tap
|
||||
&.@{ms-prefix}-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: 0.10em;
|
||||
}
|
||||
|
||||
// Snow mana
|
||||
&.@{ms-prefix}-s:before {
|
||||
color: #fff;
|
||||
-webkit-text-stroke: 2px #fff;
|
||||
font-size: 0.85em;
|
||||
top: -0.05em;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
&.@{ms-prefix}-s:after {
|
||||
//text-shadow: -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff;
|
||||
content: "\e619";
|
||||
position: absolute;
|
||||
color: #333;
|
||||
margin-left: -0.9em;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
// Tap symbols
|
||||
&.@{ms-prefix}-untap {
|
||||
background-color: #111;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
// Shadow
|
||||
&.@{ms-prefix}-shadow {
|
||||
box-shadow: -0.06em 0.07em 0 #111, 0 0.06em 0 #111;
|
||||
&.@{ms-prefix}-untap {
|
||||
box-shadow: -0.06em 0.07em 0 #fff, 0 0.06em 0 #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Split costs */
|
||||
|
||||
.@{ms-prefix}-split {
|
||||
position: relative;
|
||||
width: 1.3em;
|
||||
height: 1.3em;
|
||||
}
|
||||
.@{ms-prefix}-split:before,
|
||||
.@{ms-prefix}-split:after {
|
||||
font-size: 0.55em !important;
|
||||
position: absolute;
|
||||
}
|
||||
.@{ms-prefix}-split:before {
|
||||
top: -0.38em;
|
||||
left: 0.28em;
|
||||
}
|
||||
.@{ms-prefix}-split:after {
|
||||
top: 0.5em;
|
||||
left: 1.0em;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Half costs */
|
||||
|
||||
.@{ms-prefix}-half {
|
||||
width: .675em;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
margin-left: .675em;
|
||||
|
||||
> .@{ms-prefix}-cost {
|
||||
margin-left: -.675em;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Un-set costs */
|
||||
|
||||
.@{ms-prefix}-100 {
|
||||
width: 2.4em;
|
||||
}
|
||||
.@{ms-prefix}-1000000 {
|
||||
width: 5.4em;
|
||||
}
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
/**
|
||||
* Double faced cards */
|
||||
|
||||
.@{ms-prefix}-dfc {
|
||||
color: #111;
|
||||
border: .05em solid #111;
|
||||
border-radius: 2em;
|
||||
padding: 0.025em;
|
||||
}
|
||||
|
|
@ -1,146 +0,0 @@
|
|||
/**
|
||||
* Mana */
|
||||
|
||||
.@{ms-prefix}-w:before { content: "\e600"; }
|
||||
.@{ms-prefix}-u:before { content: "\e601"; }
|
||||
.@{ms-prefix}-b:before { content: "\e602"; }
|
||||
.@{ms-prefix}-r:before { content: "\e603"; }
|
||||
.@{ms-prefix}-g:before { content: "\e604"; }
|
||||
.@{ms-prefix}-0:before { content: "\e605"; }
|
||||
.@{ms-prefix}-1:before { content: "\e606"; }
|
||||
.@{ms-prefix}-2:before { content: "\e607"; }
|
||||
.@{ms-prefix}-3:before { content: "\e608"; }
|
||||
.@{ms-prefix}-4:before { content: "\e609"; }
|
||||
.@{ms-prefix}-5:before { content: "\e60a"; }
|
||||
.@{ms-prefix}-6:before { content: "\e60b"; }
|
||||
.@{ms-prefix}-7:before { content: "\e60c"; }
|
||||
.@{ms-prefix}-8:before { content: "\e60d"; }
|
||||
.@{ms-prefix}-9:before { content: "\e60e"; }
|
||||
.@{ms-prefix}-10:before { content: "\e60f"; }
|
||||
.@{ms-prefix}-11:before { content: "\e610"; }
|
||||
.@{ms-prefix}-12:before { content: "\e611"; }
|
||||
.@{ms-prefix}-13:before { content: "\e612"; }
|
||||
.@{ms-prefix}-14:before { content: "\e613"; }
|
||||
.@{ms-prefix}-15:before { content: "\e614"; }
|
||||
.@{ms-prefix}-16:before { content: "\e62a"; }
|
||||
.@{ms-prefix}-17:before { content: "\e62b"; }
|
||||
.@{ms-prefix}-18:before { content: "\e62c"; }
|
||||
.@{ms-prefix}-19:before { content: "\e62d"; }
|
||||
.@{ms-prefix}-20:before { content: "\e62e"; }
|
||||
.@{ms-prefix}-x:before { content: "\e615"; }
|
||||
.@{ms-prefix}-y:before { content: "\e616"; }
|
||||
.@{ms-prefix}-z:before { content: "\e617"; }
|
||||
.@{ms-prefix}-p:before,
|
||||
.@{ms-prefix}-wp:before,
|
||||
.@{ms-prefix}-up:before,
|
||||
.@{ms-prefix}-bp:before,
|
||||
.@{ms-prefix}-rp:before,
|
||||
.@{ms-prefix}-gp:before { content: "\e618"; }
|
||||
.@{ms-prefix}-s:before { content: "\e619"; }
|
||||
.@{ms-prefix}-c:before { content: "\e904"; }
|
||||
.@{ms-prefix}-e:before,
|
||||
.@{ms-prefix}-energy:before{ content: "\e907"; }
|
||||
|
||||
/**
|
||||
* Tap/roll symbols */
|
||||
|
||||
.@{ms-prefix}-tap:before { content: "\e61a"; }
|
||||
.@{ms-prefix}-untap:before { content: "\e61b"; }
|
||||
.@{ms-prefix}-tap-alt:before { content: "\e61c"; }
|
||||
.@{ms-prefix}-chaos:before { content: "\e61d"; }
|
||||
.@{ms-prefix}-1-2:before { content: "\e902"; }
|
||||
.@{ms-prefix}-infinity:before { content: "\e903"; }
|
||||
|
||||
/**
|
||||
* Card types */
|
||||
|
||||
.@{ms-prefix}-artifact:before { content: "\e61e"; }
|
||||
.@{ms-prefix}-creature:before { content: "\e61f"; }
|
||||
.@{ms-prefix}-enchantment:before { content: "\e620"; }
|
||||
.@{ms-prefix}-instant:before { content: "\e621"; }
|
||||
.@{ms-prefix}-land:before { content: "\e622"; }
|
||||
.@{ms-prefix}-planeswalker:before { content: "\e623"; }
|
||||
.@{ms-prefix}-sorcery:before { content: "\e624"; }
|
||||
|
||||
/**
|
||||
* Split symbols */
|
||||
|
||||
.@{ms-prefix}-wu:before,
|
||||
.@{ms-prefix}-wb:before,
|
||||
.@{ms-prefix}-rw:after,
|
||||
.@{ms-prefix}-gw:after,
|
||||
.@{ms-prefix}-2w:after { content: "\e600"; } // white
|
||||
.@{ms-prefix}-ub:before,
|
||||
.@{ms-prefix}-ur:before,
|
||||
.@{ms-prefix}-wu:after,
|
||||
.@{ms-prefix}-gu:after,
|
||||
.@{ms-prefix}-2u:after { content: "\e601"; } // blue
|
||||
.@{ms-prefix}-br:before,
|
||||
.@{ms-prefix}-bg:before,
|
||||
.@{ms-prefix}-wb:after,
|
||||
.@{ms-prefix}-ub:after,
|
||||
.@{ms-prefix}-2b:after { content: "\e602"; } // black
|
||||
.@{ms-prefix}-rw:before,
|
||||
.@{ms-prefix}-rg:before,
|
||||
.@{ms-prefix}-ur:after,
|
||||
.@{ms-prefix}-br:after,
|
||||
.@{ms-prefix}-2r:after { content: "\e603"; } // red
|
||||
.@{ms-prefix}-gw:before,
|
||||
.@{ms-prefix}-gu:before,
|
||||
.@{ms-prefix}-bg:after,
|
||||
.@{ms-prefix}-rg:after,
|
||||
.@{ms-prefix}-2g:after { content: "\e604"; } // green
|
||||
.@{ms-prefix}-2w:before,
|
||||
.@{ms-prefix}-2u:before,
|
||||
.@{ms-prefix}-2b:before,
|
||||
.@{ms-prefix}-2r:before,
|
||||
.@{ms-prefix}-2g:before { content: "\e607"; } // 2
|
||||
|
||||
/**
|
||||
* Un-set symbols */
|
||||
|
||||
.@{ms-prefix}-100:before { content: "\e900"; }
|
||||
.@{ms-prefix}-1000000:before { content: "\e901"; }
|
||||
|
||||
/**
|
||||
* Planeswalker symbols */
|
||||
|
||||
.@{ms-prefix}-loyalty-up:before { content: "\e627"; } // Up
|
||||
.@{ms-prefix}-loyalty-down:before { content: "\e625"; } // Down
|
||||
.@{ms-prefix}-loyalty-zero:before { content: "\e626"; } // Zero
|
||||
.@{ms-prefix}-loyalty-start:before { content: "\e628"; } // Start
|
||||
|
||||
/**
|
||||
* Other */
|
||||
|
||||
.@{ms-prefix}-flashback:before { content: "\e629"; }
|
||||
.@{ms-prefix}-dfc-night:before { content: "\e905"; }
|
||||
.@{ms-prefix}-dfc-day:before { content: "\e906"; }
|
||||
.@{ms-prefix}-dfc-ignite:before { content: "\e908"; }
|
||||
.@{ms-prefix}-dfc-spark:before { content: "\e909"; }
|
||||
.@{ms-prefix}-dfc-emrakul:before { content: "\e90a"; }
|
||||
.@{ms-prefix}-dfc-moon:before { content: "\e90b"; }
|
||||
|
||||
/**
|
||||
* Guilds and Clans */
|
||||
|
||||
.@{ms-prefix}-guild-azorius:before { content: "\e90c"; }
|
||||
.@{ms-prefix}-guild-boros:before { content: "\e90d"; }
|
||||
.@{ms-prefix}-guild-dimir:before { content: "\e90e"; }
|
||||
.@{ms-prefix}-guild-golgari:before { content: "\e90f"; }
|
||||
.@{ms-prefix}-guild-gruul:before { content: "\e910"; }
|
||||
.@{ms-prefix}-guild-izzet:before { content: "\e911"; }
|
||||
.@{ms-prefix}-guild-orzhov:before { content: "\e912"; }
|
||||
.@{ms-prefix}-guild-rakdos:before { content: "\e913"; }
|
||||
.@{ms-prefix}-guild-selesnya:before { content: "\e914"; }
|
||||
.@{ms-prefix}-guild-simic:before { content: "\e915"; }
|
||||
.@{ms-prefix}-clan-abzan:before { content: "\e916"; }
|
||||
.@{ms-prefix}-clan-jeskai:before { content: "\e917"; }
|
||||
.@{ms-prefix}-clan-mardu:before { content: "\e918"; }
|
||||
.@{ms-prefix}-clan-sultai:before { content: "\e919"; }
|
||||
.@{ms-prefix}-clan-temur:before { content: "\e91a"; }
|
||||
.@{ms-prefix}-clan-atarka:before { content: "\e91b"; }
|
||||
.@{ms-prefix}-clan-dromoka:before { content: "\e91c"; }
|
||||
.@{ms-prefix}-clan-kolaghan:before { content: "\e91d"; }
|
||||
.@{ms-prefix}-clan-ojutai:before { content: "\e91e"; }
|
||||
.@{ms-prefix}-clan-silumgar:before { content: "\e91f"; }
|
||||
|
|
@ -1,91 +0,0 @@
|
|||
/**
|
||||
* Planeswalker symbols */
|
||||
|
||||
.@{ms-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,
|
||||
&-12:after,
|
||||
&-14:after,
|
||||
&-x:after {
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
font-size: 0.5em;
|
||||
font-family: @ms-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 {
|
||||
&.@{ms-prefix}-loyalty-1:after { content: "+1"; }
|
||||
&.@{ms-prefix}-loyalty-2:after { content: "+2"; }
|
||||
&.@{ms-prefix}-loyalty-3:after { content: "+3"; }
|
||||
&.@{ms-prefix}-loyalty-4:after { content: "+4"; }
|
||||
&.@{ms-prefix}-loyalty-5:after { content: "+5"; }
|
||||
&.@{ms-prefix}-loyalty-6:after { content: "+6"; }
|
||||
&.@{ms-prefix}-loyalty-7:after { content: "+7"; }
|
||||
&.@{ms-prefix}-loyalty-8:after { content: "+8"; }
|
||||
&.@{ms-prefix}-loyalty-9:after { content: "+9"; }
|
||||
&.@{ms-prefix}-loyalty-10:after { content: "+10"; }
|
||||
&.@{ms-prefix}-loyalty-x:after { content: "+X"; }
|
||||
}
|
||||
&-start {
|
||||
&.@{ms-prefix}-loyalty-1:after { content: "1"; }
|
||||
&.@{ms-prefix}-loyalty-2:after { content: "2"; }
|
||||
&.@{ms-prefix}-loyalty-3:after { content: "3"; }
|
||||
&.@{ms-prefix}-loyalty-4:after { content: "4"; }
|
||||
&.@{ms-prefix}-loyalty-5:after { content: "5"; }
|
||||
&.@{ms-prefix}-loyalty-6:after { content: "6"; }
|
||||
&.@{ms-prefix}-loyalty-7:after { content: "7"; }
|
||||
&.@{ms-prefix}-loyalty-8:after { content: "8"; }
|
||||
&.@{ms-prefix}-loyalty-9:after { content: "9"; }
|
||||
&.@{ms-prefix}-loyalty-10:after { content: "10"; }
|
||||
&.@{ms-prefix}-loyalty-x:after { content: "X"; }
|
||||
}
|
||||
&-down {
|
||||
&:after{ line-height: 1.6em; }
|
||||
&.@{ms-prefix}-loyalty-1:after { content: "-1"; }
|
||||
&.@{ms-prefix}-loyalty-2:after { content: "-2"; }
|
||||
&.@{ms-prefix}-loyalty-3:after { content: "-3"; }
|
||||
&.@{ms-prefix}-loyalty-4:after { content: "-4"; }
|
||||
&.@{ms-prefix}-loyalty-5:after { content: "-5"; }
|
||||
&.@{ms-prefix}-loyalty-6:after { content: "-6"; }
|
||||
&.@{ms-prefix}-loyalty-7:after { content: "-7"; }
|
||||
&.@{ms-prefix}-loyalty-8:after { content: "-8"; }
|
||||
&.@{ms-prefix}-loyalty-9:after { content: "-9"; }
|
||||
&.@{ms-prefix}-loyalty-10:after { content: "-10"; }
|
||||
&.@{ms-prefix}-loyalty-12:after { content: "-12"; }
|
||||
&.@{ms-prefix}-loyalty-14:after { content: "-14"; }
|
||||
&.@{ms-prefix}-loyalty-x:after { content: "-X"; }
|
||||
}
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
@import "variables.less";
|
||||
@import "path.less";
|
||||
@import "core.less";
|
||||
@import "cost.less";
|
||||
@import "loyalty.less";
|
||||
@import "dfc.less";
|
||||
@import "sizes.less";
|
||||
@import "icons.less";
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
@font-face {
|
||||
font-family: 'Mana';
|
||||
src:url( '@{ms-font-path}/mana.eot?v=@{ms-version}' );
|
||||
src:url( '@{ms-font-path}/mana.eot?#iefix&v=@{ms-version}') format( 'embedded-opentype' ),
|
||||
url( '@{ms-font-path}/mana.woff?v=@{ms-version}') format( 'woff' ),
|
||||
url( '@{ms-font-path}/mana.ttf?v=@{ms-version}') format( 'truetype' ),
|
||||
url( '@{ms-font-path}/mana.svg?v=@{ms-version}#mana') format( 'svg' );
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'MPlantin';
|
||||
src:url( '@{ms-font-path}/mplantin.eot?v=@{ms-version}' );
|
||||
src:url( '@{ms-font-path}/mplantin.eot?#iefix&v=@{ms-version}') format( 'embedded-opentype' ),
|
||||
url( '@{ms-font-path}/mplantin.woff?v=@{ms-version}') format( 'woff' ),
|
||||
url( '@{ms-font-path}/mplantin.ttf?v=@{ms-version}') format( 'truetype' ),
|
||||
url( '@{ms-font-path}/mplantin.svg?v=@{ms-version}#mplantin') format( 'svg' );
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
/*
|
||||
* Larger sizes */
|
||||
|
||||
.@{ms-prefix}-2x { font-size: 1.75em; }
|
||||
.@{ms-prefix}-3x { font-size: 2.25em; }
|
||||
.@{ms-prefix}-4x { font-size: 3.0em; }
|
||||
.@{ms-prefix}-5x { font-size: 3.75em; }
|
||||
.@{ms-prefix}-6x { font-size: 4.5em; }
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
/**
|
||||
* Global */
|
||||
|
||||
@ms-font-path: '../fonts';
|
||||
@ms-version: '1.3.1';
|
||||
@ms-font-size-base: 14px;
|
||||
@ms-prefix: ms;
|
||||
@ms-serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif';
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
{
|
||||
"name": "mana-font",
|
||||
"version": "1.3.0",
|
||||
"description": "Magic: the Gathering mana symbol pictographic font",
|
||||
"main": "css/mana.css",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/andrewgioia/Mana.git"
|
||||
},
|
||||
"keywords": [
|
||||
"mana",
|
||||
"mtg",
|
||||
"mana",
|
||||
"symbols",
|
||||
"magic",
|
||||
"gathering",
|
||||
"font"
|
||||
],
|
||||
"author": "Andrew Gioia <andrewgioia@gmail.com>",
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/andrewgioia/Mana/issues"
|
||||
},
|
||||
"homepage": "https://github.com/andrewgioia/Mana#readme"
|
||||
}
|
||||
Loading…
Reference in New Issue