Hakuouki
Tired
[class="bocks"]
width: 100%;
height: 120px;
display: flex;
cursor: url('http://i.imgur.com/ZOrzC.png'), auto;
[/class]
[class="left"]
width: 10%;
height: 120px;
background: #A1A3A8;
display: flex;
align-items: center;
justify-content: center;
font-size: 23px;
font-weight: bold;
text-align: center;
color: #e3d1c8;
[/class]
[class="right"]
display: flex;
align-items: center;
justify-content: center;
width: 90%;
height: 120px;
background: url('https://steamuserimages-a.akamaihd.net/ugc/866238218568214756/0D7506AA0786C3F1BCF0E5606756CF891FEE64DC/');
background-size: cover;
background-position: 50% 40%;
box-sizing: border-box;
padding: 10px;
[/class]
[class="title"]
font-size: 22px;
font-weight: bold;
text-align: center;
color: #e3d1c8;
text-shadow: 5px 5px 5px #5e514e;
letter-spacing: 2px;
[/class]
[class="textbocks"]
width: 100%;
max-height: 100px;
background: rgba(227, 209, 200, 0.6);
font-size: 12px;
color: #2e343b;
display: none;
box-sizing: border-box;
padding: 10px 5px 10px 5px;
overflow-y: auto;
line-height: 14px;
[/class]
[script class="title" on="mouseenter"]
hide title
fadeIn 800 textbocks
[/script]
[script class="bocks" on="mouseleave"]
hide textbocks
fadeIn 800 title
[/script]
[div class="bocks"]
[div class="left"]0[/div]
[div class="right"]
[div class="title"]
e q u i l i b r i u m
⚜ [/div] [div class="textbocks"]the slow beginning,
of an inevitable end.
[/div] [/div] [/div]
credit to @fudgecakez
⚜ [/div] [div class="textbocks"]
of an inevitable end.
[/div] [/div] [/div]
credit to @fudgecakez
Last edited: