Extra style for profile header

main
Bob Mottram 2020-11-12 22:54:43 +00:00
parent c6a0333b3d
commit 9114724236
1 changed files with 32 additions and 0 deletions

View File

@ -276,6 +276,38 @@ a:focus {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.profileHeader * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.profileHeader img {
max-width: 100%;
vertical-align: top;
opacity: 0.85;
}
.profileHeader figcaption {
width: 100%;
background-color: #141414;
padding: 25px;
position: relative;
}
.profileHeader figcaption:before {
position: absolute;
content: '';
bottom: 100%;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 55px 0 0 400px;
border-color: transparent transparent transparent #141414;
}
.hero-image {
background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("/users/news/image.png");
height: 50%;