Add a stamp class for Vanilla and UCP badges

This commit is contained in:
Joshua Seigler 2017-09-05 01:56:46 -04:00
parent 51bac1d113
commit 22eb7ee639
13 changed files with 23 additions and 14 deletions

View file

@ -12,7 +12,7 @@
<div class="header"> <div class="header">
<div class="links"><a class="reset" href="vanilla.html">&lt; go back</a> | <a class="reset" href="./">Home</a> | <a href="assassin.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div> <div class="links"><a class="reset" href="vanilla.html">&lt; go back</a> | <a class="reset" href="./">Home</a> | <a href="assassin.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div>
<h1>Borderlands<em>2</em> skill calculator</h1> <h1>Borderlands<em>2</em> skill calculator <div class="stamp">(Vanilla)</div></h1>
<h2>Zer0</h2> <h2>Zer0</h2>
<h3>Level <span class="charLevel">5</span> Assassin</h3> <h3>Level <span class="charLevel">5</span> Assassin</h3>
</div> </div>

View file

@ -12,7 +12,7 @@
<div class="header"> <div class="header">
<div class="links"><a class="reset" href="vanilla.html">&lt; go back</a> | <a class="reset" href="./">Home</a> | <a href="commando.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div> <div class="links"><a class="reset" href="vanilla.html">&lt; go back</a> | <a class="reset" href="./">Home</a> | <a href="commando.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div>
<h1>Borderlands<em>2</em></h1> <h1>Borderlands<em>2</em> skill calculator <div class="stamp">(Vanilla)</div></h1>
<h2>Axton</h2> <h2>Axton</h2>
<h3>Level <span class="charLevel">5</span> Commando</h3> <h3>Level <span class="charLevel">5</span> Commando</h3>
</div> </div>

View file

@ -12,7 +12,7 @@
<div class="header"> <div class="header">
<div class="links"><a class="reset" href="vanilla.html">&lt; go back</a> | <a class="reset" href="./">Home</a> | <a href="gunzerker.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div> <div class="links"><a class="reset" href="vanilla.html">&lt; go back</a> | <a class="reset" href="./">Home</a> | <a href="gunzerker.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div>
<h1>Borderlands<em>2</em> skill calculator</h1> <h1>Borderlands<em>2</em> skill calculator <div class="stamp">(Vanilla)</div></h1>
<h2>Salvador</h2> <h2>Salvador</h2>
<h3>Level <span class="charLevel">5</span> Gunzerker</h3> <h3>Level <span class="charLevel">5</span> Gunzerker</h3>
</div> </div>

View file

@ -407,7 +407,16 @@ img.portrait {
} }
.stamp { .stamp {
display: inline-block; display: block;
transform: rotate(10deg);
color: orangered; color: orangered;
font-size: 0.8em;
} }
@media (min-width: 80em) {
.stamp {
display: inline-block;
position: absolute;
transform: rotate(10deg);
margin: 0.6em 0 0 0.2em;
}
}

View file

@ -12,7 +12,7 @@
<div class="header"> <div class="header">
<div class="links"><a class="reset" href="vanilla.html">&lt; go back</a> | <a class="reset" href="./">Home</a> | <a href="mechromancer.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div> <div class="links"><a class="reset" href="vanilla.html">&lt; go back</a> | <a class="reset" href="./">Home</a> | <a href="mechromancer.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div>
<h1>Borderlands<em>2</em></h1> <h1>Borderlands<em>2</em> skill calculator <div class="stamp">(Vanilla)</div></h1>
<h2>Gaige</h2> <h2>Gaige</h2>
<h3>Level <span class="charLevel">5</span> Mechromancer</h3> <h3>Level <span class="charLevel">5</span> Mechromancer</h3>
</div> </div>

View file

@ -12,7 +12,7 @@
<body class="zero"> <body class="zero">
<div class="header"> <div class="header">
<div class="links"><a class="reset" href="patch.html">&lt; go back</a> | <a class="reset" href="../">Home</a> | <a href="assassin.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div> <div class="links"><a class="reset" href="patch.html">&lt; go back</a> | <a class="reset" href="../">Home</a> | <a href="assassin.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div>
<h1>Borderlands<em>2</em> skill calculator (Patch)</h1> <h1>Borderlands<em>2</em> skill calculator <div class="stamp">(UCP)</div></h1>
<h2>Zer0</h2> <h2>Zer0</h2>
<h3>Level <span class="charLevel">5</span> Assassin</h3> <h3>Level <span class="charLevel">5</span> Assassin</h3>
</div> </div>

View file

@ -12,7 +12,7 @@
<div class="header"> <div class="header">
<div class="links"><a class="reset" href="patch.html">&lt; go back</a> | <a class="reset" href="../">Home</a> | <a href="commando.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div> <div class="links"><a class="reset" href="patch.html">&lt; go back</a> | <a class="reset" href="../">Home</a> | <a href="commando.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div>
<h1>Borderlands<em>2</em> skill calculator (Patch)</h1> <h1>Borderlands<em>2</em> skill calculator <div class="stamp">(UCP)</div></h1>
<h2>Axton</h2> <h2>Axton</h2>
<h3>Level <span class="charLevel">5</span> Commando</h3> <h3>Level <span class="charLevel">5</span> Commando</h3>
</div> </div>

View file

@ -12,7 +12,7 @@
<div class="header"> <div class="header">
<div class="links"><a class="reset" href="patch.html">&lt; go back</a> | <a class="reset" href="../">Home</a> | <a href="gunzerker.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div> <div class="links"><a class="reset" href="patch.html">&lt; go back</a> | <a class="reset" href="../">Home</a> | <a href="gunzerker.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div>
<h1>Borderlands<em>2</em> skill calculator (Patch)</h1> <h1>Borderlands<em>2</em> skill calculator <div class="stamp">(UCP)</div></h1>
<h2>Salvador</h2> <h2>Salvador</h2>
<h3>Level <span class="charLevel">5</span> Gunzerker</h3> <h3>Level <span class="charLevel">5</span> Gunzerker</h3>
</div> </div>

View file

@ -12,7 +12,7 @@
<div class="header"> <div class="header">
<div class="links"><a class="reset" href="patch.html">&lt; go back</a> | <a class="reset" href="../">Home</a> | <a href="mechromancer.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div> <div class="links"><a class="reset" href="patch.html">&lt; go back</a> | <a class="reset" href="../">Home</a> | <a href="mechromancer.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div>
<h1>Borderlands<em>2</em> skill calculator (Patch)</h1> <h1>Borderlands<em>2</em> skill calculator <div class="stamp">(UCP)</div></h1>
<h2>Gaige</h2> <h2>Gaige</h2>
<h3>Level <span class="charLevel">5</span> Mechromancer</h3> <h3>Level <span class="charLevel">5</span> Mechromancer</h3>
</div> </div>

View file

@ -12,7 +12,7 @@
<div class="header"> <div class="header">
<div class="links"><a class="reset" href="patch.html">&lt; go back</a> | <a class="reset" href="../">Home</a> | <a href="psycho.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div> <div class="links"><a class="reset" href="patch.html">&lt; go back</a> | <a class="reset" href="../">Home</a> | <a href="psycho.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div>
<h1>Borderlands<em>2</em> skill calculator (Patch)</h1> <h1>Borderlands<em>2</em> skill calculator <div class="stamp">(UCP)</div></h1>
<h2>Krieg</h2> <h2>Krieg</h2>
<h3>Level <span class="charLevel">5</span> Psycho</h3> <h3>Level <span class="charLevel">5</span> Psycho</h3>
</div> </div>

View file

@ -12,7 +12,7 @@
<div class="header"> <div class="header">
<div class="links"><a class="reset" href="patch.html">&lt; go back</a> | <a class="reset" href="../">Home</a> | <a href="siren.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div> <div class="links"><a class="reset" href="patch.html">&lt; go back</a> | <a class="reset" href="../">Home</a> | <a href="siren.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div>
<h1>Borderlands<em>2</em> skill calculator (Patch)</h1> <h1>Borderlands<em>2</em> skill calculator <div class="stamp">(UCP)</div></h1>
<h2>Maya</h2> <h2>Maya</h2>
<h3>Level <span class="charLevel">5</span> Siren</h3> <h3>Level <span class="charLevel">5</span> Siren</h3>
</div> </div>

View file

@ -12,7 +12,7 @@
<div class="header"> <div class="header">
<div class="links"><a class="reset" href="vanilla.html">&lt; go back</a> | <a class="reset" href="./">Home</a> | <a href="psycho.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div> <div class="links"><a class="reset" href="vanilla.html">&lt; go back</a> | <a class="reset" href="./">Home</a> | <a href="psycho.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div>
<h1>Borderlands<em>2</em> skill calculator</h1> <h1>Borderlands<em>2</em> skill calculator <div class="stamp">(Vanilla)</div></h1>
<h2>Krieg</h2> <h2>Krieg</h2>
<h3>Level <span class="charLevel">5</span> Psycho</h3> <h3>Level <span class="charLevel">5</span> Psycho</h3>
</div> </div>

View file

@ -12,7 +12,7 @@
<div class="header"> <div class="header">
<div class="links"><a class="reset" href="vanilla.html">&lt; go back</a> | <a class="reset" href="./">Home</a> | <a href="siren.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div> <div class="links"><a class="reset" href="vanilla.html">&lt; go back</a> | <a class="reset" href="./">Home</a> | <a href="siren.html" class="reset">reset</a> | <a href="#" class="permalink">Permalink to this build</a></div>
<h1>Borderlands<em>2</em> skill calculator</h1> <h1>Borderlands<em>2</em> skill calculator <div class="stamp">(Vanilla)</div></h1>
<h2>Maya</h2> <h2>Maya</h2>
<h3>Level <span class="charLevel">5</span> Siren</h3> <h3>Level <span class="charLevel">5</span> Siren</h3>
</div> </div>