Enhanced Master Builders

This commit is contained in:
aggelosQQ 2016-08-29 14:55:29 +03:00
parent 88be7795d5
commit 2f4c6b17a1
2 changed files with 153 additions and 161 deletions

View file

@ -75,3 +75,11 @@ hr {
.custom-btn:hover, .custom-btn:focus {
background: rgba(50,50,50,0.6);
}
.masterbuilders-list li {
display: inline-block;
background: rgba(100,100,100,0.4);
color:#ccc;
padding: 10px;
cursor: pointer;
border-radius: 10%;
}

View file

@ -1,7 +1,6 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Master Builders | TotalFreedom Minecraft Server</title>
@ -16,9 +15,8 @@
<link href="https://fonts.googleapis.com/css?family=Baloo+Tamma" rel="stylesheet">
<link rel="stylesheet" href="assets/css/builders.css">
<link rel="stylesheet" href="../css/component.min.css">
</head>
<body>
</head>
<body>
<nav class="transparent z-depth-0" id="menu">
<div class="nav-wrapper z-depth-0">
<a href="#header" class="brand-logo">TotalFreedom <span class="hide-on-med-and-down">Master Builders</span></small></a>
@ -37,10 +35,6 @@
<h2 class="page-title hide-on-large-only">Master Builders</h2>
<div class="container">
<div class="header">
<p id="note">These images may, or may not, have been built on Total Freedom but are made by/with at least one masterbuilder from Total Freedom.</p>
<a class="modal-trigger waves-effect btn custom-btn" href="#masterbuilders">Current Master builders</a>
<div id="masterbuilders" class="modal modal-fixed-footer">
<div class="modal-content">
<h4>Current Master Builders</h4>
<ul class="masterbuilders-list">
<li>DarkLynx108</li>
@ -52,14 +46,14 @@
<li>AcetoneAlligator</li>
<li>Dusty01</li>
</ul>
<br/>
<hr/>
<br/>
<p id="note">These images may, or may not, have been built on Total Freedom but are made by/with at least one masterbuilder from Total Freedom.</p>
</div>
<div class="modal-footer">
<a href="#!" class="modal-action modal-close waves-effect btn-flat ">Close</a>
</div>
</div>
</div>
<br/><hr/><br/>
<br/>
<hr/>
<br/>
<div class="row">
<div class="col s6">
<div class="card">
@ -78,8 +72,6 @@
</a>
</div>
</div>
<div class="col s6">
<div class="card">
<div class="card-image waves-effect waves-block">
@ -97,8 +89,6 @@
</a>
</div>
</div>
<div class="col s6">
<div class="card">
<div class="card-image waves-effect waves-block">
@ -133,7 +123,6 @@
</a>
</div>
</div>
<div class="col s12">
<div class="card">
<div class="card-image waves-effect waves-block">
@ -151,8 +140,6 @@
</a>
</div>
</div>
<div class="col s12">
<div class="card">
<div class="card-image waves-effect waves-block">
@ -170,10 +157,7 @@
</a>
</div>
</div>
</div>
</body>
</div>
</body>
</html>