fei
Junior Member
[class=heading]font-size: 20px; font-weight: 700; color: #7E191B; display: inline; text-shadow: 2px 2px #000000;[/class][div class=heading]
[div class=heading]Age[/div]
[div class=heading]Height/Weight[/div]
[div class=heading]Body Type[/div]
[div class=heading]Appearance[/div]It doesn't matter if it's a real picture, art, or a description.
[div class=heading]Powers[/div] Please give a detailed (at least one paragraph) explanation of the characters powers including an explanation of the downside/cost of their power. It doesn't have to be fatal to them but has to at least affect them to some degree.
[div class=heading]Personality[/div] This doesn't have to be super detailed but enough to give me a picture of how your character would act.
[div class=heading]Biography[/div] I prefer that these be 2 paragraphs or more.
[div class=heading]Notable Features[/div] optional
---------------------
You can add more categories for your CS but please at least include all of the information listed above.
[/div]
[class=container]
height: 199px;
width: 200px;
overflow: hidden;
(plus all the other css properties)
[/class]
[class=textbox]
height: 180px;
width: 200px;
overflow-y: scroll;
padding-right: 25px;
[/class]
[/div][/div]
Character Sheet
[/div][div class=container][div class=textbox][div class=heading]Name
[div class=heading]Age[/div]
[div class=heading]Height/Weight[/div]
[div class=heading]Body Type[/div]
[div class=heading]Appearance[/div]It doesn't matter if it's a real picture, art, or a description.
[div class=heading]Powers[/div] Please give a detailed (at least one paragraph) explanation of the characters powers including an explanation of the downside/cost of their power. It doesn't have to be fatal to them but has to at least affect them to some degree.
[div class=heading]Personality[/div] This doesn't have to be super detailed but enough to give me a picture of how your character would act.
[div class=heading]Biography[/div] I prefer that these be 2 paragraphs or more.
[div class=heading]Notable Features[/div] optional
---------------------
You can add more categories for your CS but please at least include all of the information listed above.
[/div]
[class=container]
height: 199px;
width: 200px;
overflow: hidden;
(plus all the other css properties)
[/class]
[class=textbox]
height: 180px;
width: 200px;
overflow-y: scroll;
padding-right: 25px;
[/class]
[/div][/div]
Name
Age
Height/Weight
Body Type
Appearance: It doesn't matter if it's a real picture, art, or a description.
Powers: Please give a detailed (at least one paragraph) explanation of the characters powers including an explanation of the downside/cost of their power. It doesn't have to be fatal to them but has to at least affect them to some degree.
Personality: This doesn't have to be super detailed but enough to give me a picture of how your character would act.
Biography: I prefer that these be 2 paragraphs or more.
Notable features: optional
---------------------
You can add more categories for your CS but please at least include all of the information listed above.
Age
Height/Weight
Body Type
Appearance: It doesn't matter if it's a real picture, art, or a description.
Powers: Please give a detailed (at least one paragraph) explanation of the characters powers including an explanation of the downside/cost of their power. It doesn't have to be fatal to them but has to at least affect them to some degree.
Personality: This doesn't have to be super detailed but enough to give me a picture of how your character would act.
Biography: I prefer that these be 2 paragraphs or more.
Notable features: optional
---------------------
You can add more categories for your CS but please at least include all of the information listed above.
blique;
font-weight:bold;
letter-spacing:1px;
[/class]
[class=boxshadow]
box-shadow:6px 7px 5px rgba(0, 0, 0, 0.34)
[/class]
[class=window1Close]
height:17px;
width:17px;
background-color:#e53d3d;
position:absolute;
top:2.3px;
left:274.5px;
z-index:6;
border-radius:1.8px;
[/class]
[class=window2Close]
height:17px;
width:17px;
background-color:#e53d3d;
position:absolute;
top:2.8px;
left:209.5px;
z-index:6;
border-radius:1.8px;
[/class]
[class=window3Close]
height:17px;
width:17px;
background-color:#e53d3d;
position:absolute;
top:2.3px;
left:274.5px;
z-index:6;
border-radius:1.8px;
[/class]
[class=window4Close]
height:17px;
width:17px;
background-color:#e53d3d;
position:absolute;
top:2.3px;
left:155px;
z-index:6;
border-radius:1.8px;
[/class]
[class=windowX]
font-size:15px;
color:white;
font-weight:bold;
position:relative;
left:3.3px;
top:-2.5px;
cursor:pointer;
[/class]
[class=window1Open]
height:60px;
width:60px;
cursor:pointer;
position:relative;
margin-left:25px;
top:-60px;
[/class]
[class=window2Open]
height:60px;
width:60px;
cursor:pointer;
position:relative;
margin-left:25px;
top:-60px;
[/class]
[class=window3Open]
height:60px;
width:60px;
cursor:pointer;
position:relative;
margin-left:25px;
top:-60px;
[/class]
[class=window4Open]
height:60px;
width:60px;
cursor:pointer;
position:relative;
margin-left:25px;
top:-60px;
[/class]
[script class=window1Open on=click]
addClass windowOpen wcontainer1
addClass boxshadow window1
removeClass windowClose wcontainer1
[/script]
[script class=window2Open on=click]
addClass windowOpen wcontainer2
addClass boxshadow window2
removeClass windowClose wcontainer2
[/script]
[script class=window3Open on=click]
addClass windowOpen wcontainer3
addClass boxshadow window3
removeClass windowClose wcontainer3
[/script]
[script class=window4Open on=click]
addClass windowOpen wcontainer4
addClass boxshadow window4
removeClass windowClose wcontainer4
[/script]
[script class=window1Close on=click]
addClass windowClose wcontainer1
removeClass windowOpen wcontainer1
removeClass boxshadow window1
[/script]
[script class=window2Close on=click]
addClass windowClose wcontainer2
removeClass windowOpen wcontainer2
removeClass boxshadow window2
[/script]
[script class=window3Close on=click]
addClass windowClose wcontainer3
removeClass windowOpen wcontainer3
removeClass boxshadow window3
[/script]
[script class=window4Close on=click]
addClass windowClose wcontainer4
removeClass windowOpen wcontainer4
removeClass boxshadow window4
[/script]
[class=windowOpen]
animation-name: {post_id}windowOpen;
animation-duration:0.8s;
animation-fill-mode:forwards;
[/class]
[class=windowClose]
animation-name: {post_id}windowClose;
animation-duration:0.5s;
animation-fill-mode:forwards;
[/class]
[animation=windowOpen]
[keyframe=0]
opacity:0;
transform: scale(0.05,0.05);
[/keyframe]
[keyframe=1]
opacity:1;
[/keyframe]
[keyframe=100]
opacity:1;
transform: scale(1,1);
[/keyframe]
[/animation]
[animation=windowClose]
[keyframe=0]
opacity:1;
transform: scale(1,1);
[/keyframe]
[keyframe=99]
opacity:0;
[/keyframe]
[keyframe=100]
opacity:0;
transform: scale(0.05,0.05);
[/keyframe]
[/animation]
