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 { .custom-btn:hover, .custom-btn:focus {
background: rgba(50,50,50,0.6); 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,6 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -17,7 +16,6 @@
<link rel="stylesheet" href="assets/css/builders.css"> <link rel="stylesheet" href="assets/css/builders.css">
<link rel="stylesheet" href="../css/component.min.css"> <link rel="stylesheet" href="../css/component.min.css">
</head> </head>
<body> <body>
<nav class="transparent z-depth-0" id="menu"> <nav class="transparent z-depth-0" id="menu">
<div class="nav-wrapper z-depth-0"> <div class="nav-wrapper z-depth-0">
@ -37,10 +35,6 @@
<h2 class="page-title hide-on-large-only">Master Builders</h2> <h2 class="page-title hide-on-large-only">Master Builders</h2>
<div class="container"> <div class="container">
<div class="header"> <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> <h4>Current Master Builders</h4>
<ul class="masterbuilders-list"> <ul class="masterbuilders-list">
<li>DarkLynx108</li> <li>DarkLynx108</li>
@ -52,14 +46,14 @@
<li>AcetoneAlligator</li> <li>AcetoneAlligator</li>
<li>Dusty01</li> <li>Dusty01</li>
</ul> </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>
<div class="modal-footer"> <br/>
<a href="#!" class="modal-action modal-close waves-effect btn-flat ">Close</a> <hr/>
</div> <br/>
</div>
</div>
<br/><hr/><br/>
<div class="row"> <div class="row">
<div class="col s6"> <div class="col s6">
<div class="card"> <div class="card">
@ -78,8 +72,6 @@
</a> </a>
</div> </div>
</div> </div>
<div class="col s6"> <div class="col s6">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
@ -97,8 +89,6 @@
</a> </a>
</div> </div>
</div> </div>
<div class="col s6"> <div class="col s6">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
@ -133,7 +123,6 @@
</a> </a>
</div> </div>
</div> </div>
<div class="col s12"> <div class="col s12">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
@ -151,8 +140,6 @@
</a> </a>
</div> </div>
</div> </div>
<div class="col s12"> <div class="col s12">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
@ -170,10 +157,7 @@
</a> </a>
</div> </div>
</div> </div>
</div> </div>
</div>
</body> </body>
</html> </html>