More useful links with a cool hover effect

This commit is contained in:
aggelosQQ 2016-08-27 04:29:11 +03:00
parent e54236a9ca
commit dac63cbd81
2 changed files with 3 additions and 0 deletions

View file

@ -190,6 +190,7 @@ i.rules-icon:hover {
.useful li:hover {
background: rgba(255,255,255,0.2);
color: rgb(255,255,255);
transform: translateY(-5px);
}
#note {
text-align: center;

View file

@ -127,6 +127,8 @@
<ul class="useful">
<li><a href="http://totalfreedom.boards.net" target="_blank" class="readmore"><i class="fa fa-comments icon"></i><br/> Forum</a></li>
<li><a href="http://totalfreedom.boards.net/thread/21065/server-conduct-policy-players-admins" target="_blank" class="readmore"><i class="fa fa-ban icon"></i><br/> Conduct Policy</i></a></li>
<li><a href="http://github.com/TotalFreedom" target="_blank" class="readmore"><i class="fa fa-github icon"></i><br/> Github</i></a></li>
<li><a href="https://twitter.com/totalfreedommc" target="_blank" class="readmore"><i class="fa fa-twitter icon"></i><br/> Twitter</i></a></li>
</ul>
</div>
</div>