Website/masterbuilders/assets/css/builders.css
2016-09-06 19:02:03 +03:00

108 lines
No EOL
2.4 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;
}
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);
}