2015-03-22 00:39:38 +00:00
<!doctype html>
< html >
< head >
< meta charset = "utf-8" / >
< meta http-equiv = "X-UA-Compatible" content = "chrome=1" / >
< title > Keyrune< / title >
< link rel = "stylesheet" href = "css/keyrune.css" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1, user-scalable=no" / >
< style type = "text/css" >
body {
2015-03-23 14:29:54 +00:00
background: #fff;
border-top: 3px solid #CBC8BB;
2015-03-22 00:39:38 +00:00
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;
2015-03-23 14:29:54 +00:00
margin: 0;
2015-03-22 00:39:38 +00:00
padding: 0 100px;
}
2015-03-23 14:29:54 +00:00
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;
}
2015-03-22 00:39:38 +00:00
< / style >
< / head >
< body >
< h1 > Keyrune< / h1 >
< h2 > Set Symbol Demos< / h2 >
< p >
This HTML file is for demo purposes and is not necessary for Keyrune installation or use. You can view a few of the set symbol font icons and the available examples below (some may only be available for specific browsers).
< / p >
< p >
2015-03-23 14:29:54 +00:00
< i class = "ss ss-leg ss-3x ss-common" > < / i >
2015-03-22 00:39:38 +00:00
< i class = "ss ss-leg ss-2x ss-common" > < / i >
< i class = "ss ss-leg ss-common" > < / i >
Common (Legends)
< / p >
< p >
< i class = "ss ss-ons ss-3x ss-uncommon ss-grad" > < / i >
< i class = "ss ss-ons ss-2x ss-uncommon" > < / i >
< i class = "ss ss-ons ss-uncommon" > < / i >
Uncommon (Onslaught)
< / p >
< p >
< i class = "ss ss-fut ss-3x ss-rare ss-grad" > < / i >
< i class = "ss ss-fut ss-2x ss-rare" > < / i >
< i class = "ss ss-fut ss-rare" > < / i >
Rare (Future Sight)
< / p >
< p >
< i class = "ss ss-zen ss-3x ss-mythic ss-grad" > < / i >
< i class = "ss ss-zen ss-2x ss-mythic" > < / i >
< i class = "ss ss-zen ss-mythic" > < / i >
Mythic Rare (Worldwake)
< / p >
2015-03-23 14:29:54 +00:00
< footer >
Made with ♥ by < a href = "http://andrewgioia.com" > Andrew Gioia< / a >
< / footer >
2015-03-22 00:39:38 +00:00
< / body >
< / html >
