Realistic or Modern 𝐃𝐄𝐀𝐃𝐖𝐎𝐎𝐃

[ShadyAce]

[class=variables] cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important; --color: #e34f4f; [/class] [class=container] width: 300px; height: 200px; margin: auto; [/class] [class=img] background-image: url('https://66.media.tumblr.com/150cd8b2446fbbdad9ab5672b23b3f18/tumblr_inline_p847szEqJN1sdy82d_540.jpg'); height: 180px; width: 280px; background-size: cover; box-sizing: border-box; padding-top: 20px; [/class] [class=brackets] height: 180px; width: 280px; background: linear-gradient(to right, black 1px, transparent 1px) 0 100%, linear-gradient(to left, black 1px, transparent 1px) 100% 0, linear-gradient(to bottom, black 1px, transparent 1px) 100% 0, linear-gradient(to top, black 1px, transparent 1px) 0 100%, linear-gradient(to right, black 1px, transparent 1px) 0 0, linear-gradient(to bottom, black 1px, transparent 1px) 0 0, linear-gradient(to left, black 1px, transparent 1px) 100% 100%, linear-gradient(to top, black 1px, transparent 1px) 100% 100%; background-repeat: no-repeat; background-size: 20px 20px; padding: 10px; [/class] [class=title] font-size: 24px; font-weight: 900; text-align: left; color: #fefefe; width: 170px; margin-left: 15px; position: relative; top: 20px; transition: 0.5s; [/class] [class=titleHover] transition: 0.5s; display: inline; [/class] [class=subtitle] font-size: 14px; font-style: italic; color: #fefefe; opacity: 0; transition: 0.5s; margin-left: 25px; [/class] [class=color] color: var(--color); [/class] [class=show] opacity: 1; [/class] [script class=img on=mouseenter] addClass color titleHover addClass show subtitle [/script] [script class=img on=mouseleave] removeClass color titleHover removeClass show subtitle [/script] [div class=variables] [div class=container] [div class=brackets] [div class=img]

[div class=title]DEADWOOD

[div class=subtitle]a town with one too many mysteries.[/div] [/div] [/div] [/div] [/div] [/div]