Bản mẫu:JohnyCuTis/styles.css
Giao diện
.main-box {
position: relative;
margin: 1.2rem auto;
padding: 1rem 2rem;
max-height: 22.5rem;
max-width: 43.5rem;
color: White;
font-family: Stencil;
font-size: 2rem;
background-color: rgba(0,0,0,0.3);
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
line-height: 1;
}
.main-box::before {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
width: 47.5rem;
height: 40.625rem;
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/87/Joker_Hair_Design.jpg/245px-Joker_Hair_Design.jpg);
background-size: 100% 60%;
background-repeat: no-repeat;
filter:contrast(300%);
}