One x One Werewolves: Chrestomanci and dmgink CS

[Cat.Chrestomanci]

[class=Background] background:url('https://static.zerochan.net/Rin-shiba.full.1337008.jpg'); position:relative; padding:20px; height:25vh; width:35vh; transition: width 3s, height 3s; [/class] [class=BackgroundFull] height:60vh; width:100vh; transition: width 1s, height 1s; [/class] [class=Hide] display: none; [/class] [class=Image] float:left; margin-right:20px; border:2px SOLID #92C9ED; line-height:0; width:25vh; height:25vh; border-radius:50%; overflow:hidden; background:url(''); background-size:100%;background-position:center;background-repeat:no-repeat; background-position: 20% 5%; cursor:pointer; transition: width 3s, border-radius 3s, height 3s; [/class] [class=ImageFull] width:40vh; height: 60vh; border-radius:10px; overflow:hidden; background-position: 20% 5%; background-size:cover; background-position: 20% 5%; background-repeat:no-repeat; transition: width 3s , border-radius 3s, height 3s; [/class] [class=Name] float:left; width:53vh; font-size:3em; text-align:center; color:#92C9ED; [/class] [class=Title] font-family:Noto Serif SC; font-size:1.75em; color:#92C9ED; text-align:center; position:absolute; margin:auto;center; margin-left:30vh; z-index:25px; opacity:0.9; [/class] [class=Text] float:left; background-color:rgba(77,77,76,0.7); width:53vh; height:47vh; overflow:scroll; overflow-x:hidden; padding:10px; font-size:1em; color:#92C9ED; box-shadow: 0px 0px 5px 10px rgba(77,77,76,0.6); [/class] [Script class=Image] set addedClass 0 set fadedIn 0 [/script] [Script class=Image on=click] if (eq ${addedClass} 0) (addClass ImageFull) (removeClass ImageFull) if (eq ${addedClass} 0) (addClass BackgroundFull Background) (removeClass BackgroundFull Background) if (eq ${addedClass} 0) (set addedClass 1) (set addedClass 0) if (eq ${fadedIn} 0) (fadeIn 1000 Name) (fadeOut 1000 Name) if (eq ${fadedIn} 0) (fadeIn 1000 Text) (fadeOut 1000 Text) if (eq ${fadedIn} 0) (fadeOut 1000 Title) (fadeIn 1000 Title) if (eq ${fadedIn} 0) (set fadedIn 1) (set fadedIn 0) [/script] [div class="Background"] [div class="Image"][/div] [div class=Title]夜
は
僕
の
嘘[/div] [div class="Name Hide"] Name [/div] [div class="Text Hide"] Age:

Height:cm

Weight:kg

Likes:

Dislikes:

Hair:

Eyes:

Occupation:

Ability:

Race:

Misc: [/div][/div] [div class="Line"][/div]

Code by @AgWordSmith

Spoiler: Code

[nobr][class=Background]
background:url('https://static.zerochan.net/Rin-shiba.full.1337008.jpg');
position:relative;
padding:20px;
height:25vh;
width:35vh;
transition: width 3s, height 3s;
[/class]

[class=BackgroundFull]
height:60vh;
width:100vh;
transition: width 1s, height 1s;
[/class]

[class=Hide]
display: none;
[/class]

[class=Image]
float:left;
margin-right:20px;
border:2px SOLID #92C9ED;
line-height:0;
width:25vh;
height:25vh;
border-radius:50%;
overflow:hidden;
background:url('');
background-size:100%;background-position:center;background-repeat:no-repeat;
background-position: 20% 5%;
cursor:pointer;
transition: width 3s, border-radius 3s, height 3s;
[/class]

[class=ImageFull]
width:40vh;
height: 60vh;
border-radius:10px;
overflow:hidden;
background-position: 20% 5%;
background-size:cover;
background-position: 20% 5%;
background-repeat:no-repeat;
transition: width 3s , border-radius 3s, height 3s;
[/class]

[class=Name]
float:left;
width:53vh;
font-size:3em;
text-align:center;
color:#92C9ED;
[/class]

[class=Title]
font-family:Noto Serif SC;
font-size:1.75em;
color:#92C9ED;
text-align:center;
position:absolute;
margin:auto;center;
margin-left:30vh;
z-index:25px;
opacity:0.9;
[/class]

[class=Text]
float:left;
background-color:rgba(77,77,76,0.7);
width:53vh;
height:47vh;
overflow:scroll;
overflow-x:hidden;
padding:10px;
font-size:1em;
color:#92C9ED;
box-shadow: 0px 0px 5px 10px rgba(77,77,76,0.6);
[/class]

[Script class=Image]
set addedClass 0
set fadedIn 0
[/script]

[Script class=Image on=click]
if (eq ${addedClass} 0) (addClass ImageFull) (removeClass ImageFull)
if (eq ${addedClass} 0) (addClass BackgroundFull Background) (removeClass BackgroundFull Background)
if (eq ${addedClass} 0) (set addedClass 1) (set addedClass 0)
if (eq ${fadedIn} 0) (fadeIn  1000 Name) (fadeOut 1000 Name)
if (eq ${fadedIn} 0) (fadeIn  1000 Text) (fadeOut 1000 Text)
if (eq ${fadedIn} 0) (fadeOut  1000 Title) (fadeIn 1000 Title)
if (eq ${fadedIn} 0) (set fadedIn 1) (set fadedIn 0)
[/script]


[div class="Background"]
[div class="Image"][/div]
[div class=Title]夜[br][/br]は[br][/br]僕[br][/br]の[br][/br]嘘[/div]
[div class="Name Hide"]
[font=Indie Flower]Name[/font]
[/div]
[div class="Text Hide"]
[font=Simonetta]
Age:
[br][/br][br][/br]
Height:cm
[br][/br][br][/br]
Weight:kg
[br][/br][br][/br]
Likes:
[br][/br][br][/br]
Dislikes:
[br][/br][br][/br]
Hair:
[br][/br][br][/br]
Eyes:
[br][/br][br][/br]
Occupation:
[br][/br][br][/br]
Ability:
[br][/br][br][/br]
Race:
[br][/br][br][/br]
Misc:
[/font][/div][/div]
[div class="Line"][/div]
[div=float:left;][FONT=courier new]Code by [USER=44533]@AgWordSmith[/USER][USER=44533][/USER][/FONT]
[/div][/nobr]