mirror of
https://github.com/msmhq/msm.git
synced 2024-08-30 18:12:35 +00:00
Added my Minecraft player to the page.
This commit is contained in:
parent
b8f47168c7
commit
37962cd8c9
@ -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%);
|
||||
}
|
@ -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&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">
|
||||
|
Loading…
Reference in New Issue
Block a user