Website/masterbuilders/assets/css/builders.css
2016-10-02 16:33:48 +03:00

149 lines
No EOL
2.7 KiB
CSS

* {
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;
}
.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);
}
@media only screen and (max-width: 768px) {
.header {
padding: 5px;
}
.masterbuilders-list li {
display: block;
border-radius: 0;
}
button {
width: 95%;
}
}