Expansion symbols added to the icons page

This commit is contained in:
Andrew Gioia 2015-03-15 14:01:04 -04:00
parent 33106c3fe2
commit fc69cf8928
2 changed files with 209 additions and 1 deletions

View File

@ -193,12 +193,14 @@ blockquote {
.icon { .icon {
border-radius: 3px; border-radius: 3px;
display: inline-block; display: inline-block;
overflow: hidden;
width: 24.5%; width: 24.5%;
} }
.icon span { .icon span {
display: inline-block; display: inline-block;
padding: 10px 15px; padding: 9px 15px;
white-space: nowrap;
} }
.icon:hover { .icon:hover {

View File

@ -97,6 +97,212 @@
<div class="icon" id="m15" name="Magic 2015"> <div class="icon" id="m15" name="Magic 2015">
<span><i class="ss ss-m15"></i> Magic 2015 <em>(m15)</em></span> <span><i class="ss ss-m15"></i> Magic 2015 <em>(m15)</em></span>
</div> </div>
<div class="icon" id="bcore" name="Blank Core Set">
<span><i class="ss ss-bcore"></i> Blank Core Set <em>(bcore)</em></span>
</div>
</div>
</section>
<section class="content">
<h4>Expansion Sets</h4>
<div class="icons">
<div class="icon" id="arn" name="Arabian Nights">
<span><i class="ss ss-arn"></i> Arabian Nights <em>(arn)</em></span>
</div>
<div class="icon" id="atq" name="Antiquities">
<span><i class="ss ss-atq"></i> Antiquities <em>(atq)</em></span>
</div>
<div class="icon" id="leg" name="Legends">
<span><i class="ss ss-leg"></i> Legends <em>(leg)</em></span>
</div>
<div class="icon" id="drk" name="The Dark">
<span><i class="ss ss-drk"></i> The Dark <em>(drk)</em></span>
</div>
<div class="icon" id="fem" name="Fallen Empires">
<span><i class="ss ss-fem"></i> Fallen Empires <em>(fem)</em></span>
</div>
<div class="icon" id="hml" name="Homelands">
<span><i class="ss ss-hml"></i> Homelands <em>(hml)</em></span>
</div>
<div class="icon" id="ice" name="Ice Age">
<span><i class="ss ss-ice"></i> Ice Age <em>(ice)</em></span>
</div>
<div class="icon" id="all" name="Alliances">
<span><i class="ss ss-all"></i> Alliances <em>(all)</em></span>
</div>
<div class="icon" id="csp" name="Coldsnap">
<span><i class="ss ss-csp"></i> Coldsnap <em>(csp)</em></span>
</div>
<div class="icon" id="mir" name="Mirage">
<span><i class="ss ss-mir"></i> Mirage <em>(mir)</em></span>
</div>
<div class="icon" id="vis" name="Visions">
<span><i class="ss ss-vis"></i> Visions <em>(vis)</em></span>
</div>
<div class="icon" id="wth" name="Weatherlight">
<span><i class="ss ss-wth"></i> Weatherlight <em>(wth)</em></span>
</div>
<div class="icon" id="tmp" name="Tempest">
<span><i class="ss ss-tmp"></i> Tempest <em>(tmp)</em></span>
</div>
<div class="icon" id="sth" name="Stronghold">
<span><i class="ss ss-sth"></i> Stronghold <em>(sth)</em></span>
</div>
<div class="icon" id="exo" name="Exodus">
<span><i class="ss ss-exo"></i> Exodus <em>(exo)</em></span>
</div>
<div class="icon" id="usg" name="Urza's Saga">
<span><i class="ss ss-usg"></i> Urza's Saga <em>(usg)</em></span>
</div>
<div class="icon" id="ulg" name="Urza's Legacy">
<span><i class="ss ss-ulg"></i> Urza's Legacy <em>(ulg)</em></span>
</div>
<div class="icon" id="uds" name="Urza's Destiny">
<span><i class="ss ss-uds"></i> Urza's Destiny <em>(uds)</em></span>
</div>
<div class="icon" id="mmq" name="Mercadian Masques">
<span><i class="ss ss-mmq"></i> Mercadian Masques <em>(mmq)</em></span>
</div>
<div class="icon" id="nms" name="Nemesis">
<span><i class="ss ss-nms"></i> Nemesis <em>(nms)</em></span>
</div>
<div class="icon" id="pcy" name="Prophecy">
<span><i class="ss ss-pcy"></i> Prophecy <em>(pcy)</em></span>
</div>
<div class="icon" id="inv" name="Invasion">
<span><i class="ss ss-inv"></i> Invasion <em>(inv)</em></span>
</div>
<div class="icon" id="pls" name="Planeshift">
<span><i class="ss ss-pls"></i> Planeshift <em>(pls)</em></span>
</div>
<div class="icon" id="apc" name="Apocalypse">
<span><i class="ss ss-apc"></i> Apocalypse <em>(apc)</em></span>
</div>
<div class="icon" id="ody" name="Odyssey">
<span><i class="ss ss-ody"></i> Odyssey <em>(ody)</em></span>
</div>
<div class="icon" id="tor" name="Torment">
<span><i class="ss ss-tor"></i> Torment <em>(tor)</em></span>
</div>
<div class="icon" id="jud" name="Judgement">
<span><i class="ss ss-jud"></i> Judgement <em>(jud)</em></span>
</div>
<div class="icon" id="ons" name="Onslaught">
<span><i class="ss ss-ons"></i> Onslaught <em>(ons)</em></span>
</div>
<div class="icon" id="lgn" name="Legions">
<span><i class="ss ss-lgn"></i> Legions <em>(lgn)</em></span>
</div>
<div class="icon" id="scg" name="Scourge">
<span><i class="ss ss-scg"></i> Scourge <em>(scg)</em></span>
</div>
<div class="icon" id="mrd" name="Mirrodin">
<span><i class="ss ss-mrd"></i> Mirrodin <em>(mrd)</em></span>
</div>
<div class="icon" id="dst" name="Darksteel">
<span><i class="ss ss-dst"></i> Darksteel <em>(dst)</em></span>
</div>
<div class="icon" id="5dn" name="Fifth Dawn">
<span><i class="ss ss-5dn"></i> Fifth Dawn <em>(5dn)</em></span>
</div>
<div class="icon" id="chk" name="Champions of Kamigawa">
<span><i class="ss ss-chk"></i> Champions of Kamigawa <em>(chk)</em></span>
</div>
<div class="icon" id="bok" name="Betrayers of Kamigawa">
<span><i class="ss ss-bok"></i> Betrayers of Kamigawa <em>(bok)</em></span>
</div>
<div class="icon" id="sok" name="Saviors of Kamigawa">
<span><i class="ss ss-sok"></i> Saviors of Kamigawa <em>(sok)</em></span>
</div>
<div class="icon" id="rav" name="Ravnica">
<span><i class="ss ss-rav"></i> Ravnica <em>(rav)</em></span>
</div>
<div class="icon" id="gpt" name="Guildpact">
<span><i class="ss ss-gpt"></i> Guildpact <em>(gpt)</em></span>
</div>
<div class="icon" id="dis" name="Dissension">
<span><i class="ss ss-dis"></i> Dissension <em>(dis)</em></span>
</div>
<div class="icon" id="tsp" name="Time Spiral">
<span><i class="ss ss-tsp"></i> Time Spiral <em>(tsp)</em></span>
</div>
<div class="icon" id="plc" name="Planar Chaos">
<span><i class="ss ss-plc"></i> Planar Chaos <em>(plc)</em></span>
</div>
<div class="icon" id="fut" name="Future Sight">
<span><i class="ss ss-fut"></i> Future Sight <em>(fut)</em></span>
</div>
<div class="icon" id="lrw" name="Lorwyn">
<span><i class="ss ss-lrw"></i> Lorwyn <em>(lrw)</em></span>
</div>
<div class="icon" id="mor" name="Morningtide">
<span><i class="ss ss-mor"></i> Morningtide <em>(mor)</em></span>
</div>
<div class="icon" id="shm" name="Shadowmore">
<span><i class="ss ss-shm"></i> Shadowmore <em>(shm)</em></span>
</div>
<div class="icon" id="eve" name="Eventide">
<span><i class="ss ss-eve"></i> Eventide <em>(eve)</em></span>
</div>
<div class="icon" id="ala" name="Shards of Alara">
<span><i class="ss ss-ala"></i> Shards of Alara <em>(ala)</em></span>
</div>
<div class="icon" id="con" name="Conflux">
<span><i class="ss ss-con"></i> Conflux <em>(con)</em></span>
</div>
<div class="icon" id="arb" name="Alara Reborn">
<span><i class="ss ss-arb"></i> Alara Reborn <em>(arb)</em></span>
</div>
<div class="icon" id="zen" name="Zendikar">
<span><i class="ss ss-zen"></i> Zendikar <em>(zen)</em></span>
</div>
<div class="icon" id="wwk" name="Worldwake">
<span><i class="ss ss-wwk"></i> Worldwake <em>(wwk)</em></span>
</div>
<div class="icon" id="roe" name="Rise of Eldrazi">
<span><i class="ss ss-roe"></i> Rise of Eldrazi <em>(roe)</em></span>
</div>
<div class="icon" id="som" name="Scars of Mirrodin">
<span><i class="ss ss-som"></i> Scars of Mirrodin <em>(som)</em></span>
</div>
<div class="icon" id="mbs" name="Mirrodin Besieged">
<span><i class="ss ss-mbs"></i> Mirrodin Besieged <em>(mbs)</em></span>
</div>
<div class="icon" id="nph" name="New Phyrexia">
<span><i class="ss ss-nph"></i> New Phyrexia <em>(nph)</em></span>
</div>
<div class="icon" id="isd" name="Innistrad">
<span><i class="ss ss-isd"></i> Innistrad <em>(isd)</em></span>
</div>
<div class="icon" id="dka" name="Dark Ascension">
<span><i class="ss ss-dka"></i> Dark Ascension <em>(dka)</em></span>
</div>
<div class="icon" id="avr" name="Avacyn Restored">
<span><i class="ss ss-avr"></i> Avacyn Restored <em>(avr)</em></span>
</div>
<div class="icon" id="rtr" name="Return to Ravnica">
<span><i class="ss ss-rtr"></i> Return to Ravnica <em>(rtr)</em></span>
</div>
<div class="icon" id="gtc" name="Gatecrash">
<span><i class="ss ss-gtc"></i> Gatecrash <em>(gtc)</em></span>
</div>
<div class="icon" id="dgm" name="Dragon's Maze">
<span><i class="ss ss-dgm"></i> Dragon's Maze <em>(dgm)</em></span>
</div>
<div class="icon" id="ths" name="Theros">
<span><i class="ss ss-ths"></i> Theros <em>(ths)</em></span>
</div>
<div class="icon" id="bng" name="Born of the Gods">
<span><i class="ss ss-bng"></i> Born of the Gods <em>(bng)</em></span>
</div>
<div class="icon" id="jou" name="Journey into Nyx">
<span><i class="ss ss-jou"></i> Journey into Nyx <em>(jou)</em></span>
</div>
<div class="icon" id="ktk" name="Khans of Tarkir">
<span><i class="ss ss-ktk"></i> Khans of Tarkir <em>(ktk)</em></span>
</div>
<div class="icon" id="frf" name="Fate Reforged">
<span><i class="ss ss-frf"></i> Fate Reforged <em>(frf)</em></span>
</div>
</div> </div>
</section> </section>
</div> </div>