Added my Minecraft player to the page.

This commit is contained in:
Marcus Whybrow 2012-06-15 14:59:59 +01:00
parent b8f47168c7
commit 37962cd8c9
2 changed files with 60 additions and 1 deletions

View File

@ -6,6 +6,7 @@ body {
.masthead {
padding-bottom: 50px;
border-bottom: 1px solid #e5e5e5;
position: relative;
}
.masthead h1,
.masthead p {
@ -142,3 +143,53 @@ body {
.milestones h2 {
font-weight: 300;
}
.players {
position: absolute;
bottom: -20px;
padding-left: 20px;
}
.players .created-by {
position: absolute;
font-size: 13px;
width: 300px;
bottom: -1px;
left: 62px;
text-align: left;
color: #ccc;
text-transform: lowercase;
}
.players .player {
position: relative;
width: 32px;
height: 64px;
}
.players .player .link {
display: block;
z-index: 200;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.players .player iframe {
position: relative;
z-index: 100;
}
.players .player .shadow {
z-index: 50;
width: 50px;
height: 15px;
position: absolute;
bottom: -7px;
left: -9px;
background: -webkit-radial-gradient(50% 50%, cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 50%);
}
.players .player:hover .shadow {
background: -webkit-radial-gradient(50% 50%, cover, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 50%);
}

View File

@ -65,6 +65,14 @@
<li class="text"><a href="https://github.com/marcuswhybrow/minecraft-server-manager/wiki/Installation">Installation guide</a></li>
</ul>
<div class="players">
<div class="player player-craftysaurus" >
<iframe src="http://marcuswhybrow.github.com/minecraft-widgets/minecraft-skin.html?playername=craftysaurus&amp;scale=2" allowtransparency="true" frameborder="0" scrolling="0" width="32" height="64"></iframe>
<div class="shadow"></div>
<a class="link" href="http://marcuswhybrow.net/"></a>
</div>
<p class="created-by">Created by craftysaurus</p>
</div>
</div>
<div class="features">