| Server IP : 78.140.185.180 / Your IP : 216.73.216.169 Web Server : LiteSpeed System : Linux cpanel13.v.fozzy.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : builderbox ( 1072) PHP Version : 7.3.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/builderbox/./././www/public/builder/templates/clean-blog/scss/ |
Upload File : |
// Styling for the masthead
header.masthead {
// TIP: Background images are set within the HTML using inline CSS!
margin-bottom: 50px;
background: no-repeat center center;
background-color: $gray-600;
background-attachment: scroll;
position: relative;
@include background-cover;
.overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: $gray-900;
opacity: 0.5;
}
.page-heading,
.post-heading,
.site-heading {
padding: 200px 0 150px;
color: white;
@media only screen and (min-width: 768px) {
padding: 200px 0;
}
}
.page-heading,
.site-heading {
text-align: center;
h1 {
font-size: 50px;
margin-top: 0;
}
.subheading {
font-size: 24px;
font-weight: 300;
line-height: 1.1;
display: block;
margin: 10px 0 0;
@include sans-serif-font;
}
@media only screen and (min-width: 768px) {
h1 {
font-size: 80px;
}
}
}
.post-heading {
h1 {
font-size: 35px;
}
.meta,
.subheading {
line-height: 1.1;
display: block;
}
.subheading {
font-size: 24px;
font-weight: 600;
margin: 10px 0 30px;
@include sans-serif-font;
}
.meta {
font-size: 20px;
font-weight: 300;
font-style: italic;
@include serif-font;
a {
color: $white;
}
}
@media only screen and (min-width: 768px) {
h1 {
font-size: 55px;
}
.subheading {
font-size: 30px;
}
}
}
}