47 lines
1.1 KiB
CSS
47 lines
1.1 KiB
CSS
/* --------------- chat-banner styles --------------- */
|
|
.chat-banner.style-3 {
|
|
background-color: var(--color-blue2);
|
|
position: relative;
|
|
}
|
|
|
|
.chat-banner.style-3::after {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 60%;
|
|
background-image: url(../img/0011.png);
|
|
background-size: 80%;
|
|
background-repeat: repeat;
|
|
background-position: bottom;
|
|
opacity: 0.08;
|
|
-webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(1003%) contrast(103%);
|
|
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(1003%) contrast(103%);
|
|
}
|
|
|
|
.chat-banner.style-3 .info h3 {
|
|
font-size: 27px;
|
|
color: #fff;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.chat-banner.style-3 .info h3 span {
|
|
font-weight: 400;
|
|
font-style: italic;
|
|
position: relative;
|
|
}
|
|
|
|
.chat-banner.style-3 .info h3 span::before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0;
|
|
top: 100%;
|
|
width: 240px;
|
|
height: 35px;
|
|
background-image: url(../img/header/info_h1_line1.png);
|
|
background-size: 240px;
|
|
background-repeat: no-repeat;
|
|
background-position: left;
|
|
}
|