mirror of
https://github.com/TotalFreedomMC/Website.git
synced 2024-12-23 00:35:17 +00:00
186 lines
3.7 KiB
CSS
186 lines
3.7 KiB
CSS
/*
|
|
|
|
Copyright 2017 Aggelos Sarris and contributors
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
|
|
*/
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
background: url('../images/bg.png') fixed center no-repeat;
|
|
background-size: cover;
|
|
color: #fff;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
p,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
text-align: center;
|
|
font-family: 'Baloo Tamma', cursive;
|
|
}
|
|
|
|
.card-action {
|
|
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;
|
|
}
|
|
|
|
button:hover,
|
|
button:focus {
|
|
background: rgba(50, 50, 50, 0.5);
|
|
}
|
|
|
|
.card {
|
|
background: rgba(50, 50, 50, 0.3);
|
|
font-family: 'Baloo Tamma', cursive;
|
|
}
|
|
|
|
.page-title {
|
|
text-align: center;
|
|
}
|
|
|
|
#note {
|
|
font-size: 1.4em;
|
|
font-size: 900;
|
|
font-family: 'Baloo Tamma', cursive;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.card .card-image img {
|
|
height: 321.891px!important;
|
|
}
|
|
|
|
.header {
|
|
padding: 100px;
|
|
background: rgba(200, 200, 200, 0.2);
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
hr {
|
|
border: 2px solid rgba(230, 230, 230, 0.1);
|
|
}
|
|
|
|
.custom-btn {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
text-align: center;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.masterbuilders-list li:hover {
|
|
background: rgba(120, 120, 120, 0.5);
|
|
color: #fff;
|
|
}
|
|
|
|
.masterbuilders-list li img {
|
|
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;
|
|
}
|
|
|
|
.top:hover {
|
|
color: rgba(178, 34, 34, 1);
|
|
}
|
|
|
|
|
|
.brand-logo {
|
|
font-size: 'Raleway', sans-serif;
|
|
font-size: 2em;
|
|
font-weight: 200;
|
|
margin-top: 0px;
|
|
}
|
|
@media only screen and (max-width: 768px) {
|
|
.header {
|
|
padding: 5px;
|
|
}
|
|
.masterbuilders-list li {
|
|
display: block;
|
|
border-radius: 0;
|
|
}
|
|
button {
|
|
width: 95%;
|
|
}
|
|
nav .brand-logo {
|
|
margin-top: 13.5px;
|
|
font-size: 1.8em;
|
|
}
|
|
nav .nav-wrapper li > a {
|
|
font-weight: 500;
|
|
font-size: 1em;
|
|
}
|
|
}
|