diff --git a/masterbuilders/assets/css/builders.css b/masterbuilders/assets/css/builders.css
index bfb3c68..acb6a6d 100644
--- a/masterbuilders/assets/css/builders.css
+++ b/masterbuilders/assets/css/builders.css
@@ -1,108 +1,148 @@
-* { margin:0; padding: 0;}
+* {
+ margin: 0;
+ padding: 0;
+}
body {
- background: url('../images/bg.png') fixed center no-repeat;
- background-size: cover;
- color: #fff;
- margin-bottom: 40px;
+ background: url('../images/bg.png') fixed center no-repeat;
+ background-size: cover;
+ color: #fff;
+ margin-bottom: 40px;
}
-p, h1, h2, h3, h4, h5, h6 {
+
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
text-align: center;
font-family: 'Baloo Tamma', cursive;
}
+
.card-action {
- text-align: center;
- margin-bottom: 30px;
+ text-align: center;
+ margin-bottom: 30px;
}
+
button {
- color: #ccc;
- background: rgba(30,30,30,0.5);
- border: none;
- outline: none;
- text-decoration: none;
- padding: 10px;
- border-radius: 10px;
- width: 65%;
- font-size: 1.3em;
- font-weight: 900;
- text-transform: uppercase;
- font-family: 'Baloo Tamma', cursive;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
+ color: #ccc;
+ background: rgba(30, 30, 30, 0.5);
+ border: none;
+ outline: none;
+ text-decoration: none;
+ padding: 10px;
+ border-radius: 10px;
+ width: 65%;
+ font-size: 1.3em;
+ font-weight: 900;
+ text-transform: uppercase;
+ font-family: 'Baloo Tamma', cursive;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
}
-button:hover, button:focus {
- background: rgba(50,50,50,0.5);
+
+button:hover,
+button:focus {
+ background: rgba(50, 50, 50, 0.5);
}
+
.card {
- background: rgba(50,50,50,0.3);
- font-family: 'Baloo Tamma', cursive;
+ background: rgba(50, 50, 50, 0.3);
+ font-family: 'Baloo Tamma', cursive;
}
+
.page-title {
- text-align: center;
+ text-align: center;
}
+
#note {
- font-size: 1.4em;
- font-size: 900;
- font-family: 'Baloo Tamma', cursive;
- margin-top: 5px;
+ font-size: 1.4em;
+ font-size: 900;
+ font-family: 'Baloo Tamma', cursive;
+ margin-top: 5px;
}
+
.header {
- padding: 100px;
- background: rgba(200,200,200,0.2);
- text-align: center;
+ padding: 100px;
+ background: rgba(200, 200, 200, 0.2);
+ text-align: center;
+ width: 100%;
}
+
hr {
- border: 2px solid rgba(230,230,230,0.1);
+ border: 2px solid rgba(230, 230, 230, 0.1);
}
+
.custom-btn {
- background: rgba(0,0,0,0.6);
- text-align: center;
+ background: rgba(0, 0, 0, 0.6);
+ text-align: center;
}
-.custom-btn:hover, .custom-btn:focus {
- background: rgba(50,50,50,0.6);
+
+.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: 8px;
- cursor: pointer;
- border-radius: 10%;
- font-size: 1.1em;
- margin: 5px;
- font-family: 'Baloo Tamma', cursive;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
+ display: inline-block;
+ background: rgba(100, 100, 100, 0.4);
+ color: #ccc;
+ padding: 8px;
+ cursor: pointer;
+ border-radius: 10%;
+ font-size: 1.1em;
+ margin: 5px;
+ font-family: 'Baloo Tamma', cursive;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
}
+
.masterbuilders-list li:hover {
- background: rgba(120,120,120,0.5);
+ background: rgba(120, 120, 120, 0.5);
color: #fff;
}
+
.masterbuilders-list li img {
- width: 20px;
- height: 20px;
- margin-right: 5px;
- float: left;
+ width: 20px;
+ height: 20px;
+ margin-right: 5px;
+ float: left;
}
+
.top {
- position: fixed;
- bottom: 20px;
- right: 50px;
- font-size: 3em;
- color: rgba(178,34,34,0.6);
- padding: 10px;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
+ position: fixed;
+ bottom: 20px;
+ right: 50px;
+ font-size: 3em;
+ color: rgba(178, 34, 34, 0.6);
+ padding: 10px;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
}
+
.top:hover {
- color: rgba(178,34,34,1);
+ color: rgba(178, 34, 34, 1);
+}
+
+@media only screen and (max-width: 768px) {
+ .header {
+ padding: 5px;
+ }
+ .masterbuilders-list li {
+ display: block;
+ }
+ button {
+ width: 95%;
+ }
}
\ No newline at end of file
diff --git a/masterbuilders/index.html b/masterbuilders/index.html
index 5a0e61b..ec02e90 100644
--- a/masterbuilders/index.html
+++ b/masterbuilders/index.html
@@ -8,7 +8,8 @@
Master Builders | TotalFreedom Minecraft Server
-
+
@@ -23,7 +24,7 @@