BELIAL.
wanna bewitch you in the moonlight
CS Sheets for HIAOT
Roster:idalie : Arthur S.
BELIAL. : Emily S.
dmgink : Valentin K. , Cesaire F.
Seabourne : Victor H.
Colorless Spectrum : Mariya T.
nevermind. : Aaron C.
Hell0NHighWater : Wes D.
CS:
- (note: within the code there is "hello there! quote here!" please put a quote there or something)
- (also note: the image is 300x450. ask if you need to get the image cropped/resized. it goes in the placeholder url)
- (third note: change #color in the code to whatever hex code you please)
[class=picture] position: relative; display: inline-block; [/class] [class=text] position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background-color: rgba(0,0,0,0.2); color: white; z-index: 2; [/class] [class name=text state=hover] opacity: 1; [/class] [div class=picture] [div class=text]
"hello there! quote here"
[/div]
» BASIC INFORMATION;
Name: here
Nickname(s): here
Age: (Any characters below 15 must be accompanied by an adult. Main characters are asked to be 18 and above.)
Gender: here
Prior Occupation: here
Eye Color: eyeball
Hair Color: hairball
Height | Weight: right
Tattoos | Piercings: n/a if not on the body
» PERSONALITY;
At least one paragraph of 5-6 lines; but can be bulleted if you're really lazy
» SKILLS;
✦ max
✦ four
✦ skills
✦ here
» BIOGRAPHY;
At least two paragraph of 5-6 lines; but if you're really lazy its fine but substance mmm
» EQUIPMENT;
✦ max
✦ six
✦ im
✦ nicer
✦ so
✦ six
» WEAPONS;
✦ max two, ammo too please
✦ two melee/ one side arm and one melee / give good reason if ur loaded
» CLOTHING;
✦ affects you later
✦ but we can always loot gigi hadid zombie
» OTHER;
anything else? go wild go crazy.
Name: here
Nickname(s): here
Age: (Any characters below 15 must be accompanied by an adult. Main characters are asked to be 18 and above.)
Gender: here
Prior Occupation: here
Eye Color: eyeball
Hair Color: hairball
Height | Weight: right
Tattoos | Piercings: n/a if not on the body
» PERSONALITY;
At least one paragraph of 5-6 lines; but can be bulleted if you're really lazy
» SKILLS;
✦ max
✦ four
✦ skills
✦ here
» BIOGRAPHY;
At least two paragraph of 5-6 lines; but if you're really lazy its fine but substance mmm
» EQUIPMENT;
✦ max
✦ six
✦ im
✦ nicer
✦ so
✦ six
» WEAPONS;
✦ max two, ammo too please
✦ two melee/ one side arm and one melee / give good reason if ur loaded
» CLOTHING;
✦ affects you later
✦ but we can always loot gigi hadid zombie
» OTHER;
anything else? go wild go crazy.
codedbycrucialstar
Code:
[div=max-width: 800px; margin: auto;][row][column=span3]
[nobr]
[class=picture]
position: relative;
display: inline-block;
[/class]
[class=text]
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(0,0,0,0.2);
color: white;
z-index: 2;
[/class]
[class name=text state=hover]
opacity: 1;
[/class]
[div class=picture]
[div class=text]
[div=margin-top: 300px; text-shadow: 2px 2px 4px black; padding: 5px;][font=Alegreya Sans SC]"hello there! quote here"[/font][/div]
[/div]
[div=background: url('https://via.placeholder.com/300x450'); width: 300px; height: 450px; margin: auto;][/div][/div][/nobr]
[/column][column=span5][div=margin-top: -5px;][div=position: relative; width: calc(100% - 0); height: 440px; overflow: hidden; padding: 10px;][div=width: 100%; padding-right: 250px; height: 100%; overflow-y: scroll;][font=Georgia][size=22][color=#color]» BASIC INFORMATION;[/color][/size][/font]
[font=Times New Roman]Name: here
Nickname(s): here
Age: (Any characters below 15 must be accompanied by an adult. Main characters are asked to be 18 and above.)
Gender: here
Prior Occupation: here
Eye Color: eyeball
Hair Color: hairball
Height | Weight: right
Tattoos | Piercings: n/a if not on the body[/font]
[font=Georgia][size=22][color=#color]» PERSONALITY;[/color][/size][/font]
[font=Times New Roman]At least one paragraph of 5-6 lines; but can be bulleted if you're really lazy
[font=Georgia][size=22][color=#color]» SKILLS;[/color][/size][/font]
[font=Times New Roman]✦ max
✦ four
✦ skills
✦ here[/font]
[font=Georgia][size=22][color=#color]» BIOGRAPHY;[/color][/size][/font]
[font=Times New Roman] At least two paragraph of 5-6 lines; but if you're really lazy its fine but substance mmm[/font]
[font=Georgia][size=22][color=#color]» EQUIPMENT;[/color][/size][/font]
[font=Times New Roman]✦ max
✦ six
✦ im
✦ nicer
✦ so
✦ six[/font]
[font=Georgia][size=22][color=#color]» WEAPONS;[color][/size][/font]
[font=Times New Roman]✦ max two, ammo too please
✦ two melee/ one side arm and one melee / give good reason if ur loaded
[/font]
[font=Georgia][size=22][color=#color]» CLOTHING;[/color][/size][/font]
[font=Times New Roman]✦ affects you later
✦ but we can always loot gigi hadid zombie
[/font]
[font=Georgia][size=22][color=#color]» OTHER;[/color][/size][/font]
[font=Times New Roman] anything else? go wild go crazy.[/font][/font][/div][font=Times New Roman][/font][/div][font=Times New Roman][/font][/div][font=Times New Roman][/font][/column][font=Times New Roman][/font][/row][font=Times New Roman][/font][/div][font=Times New Roman]
codedbycrucialstar
[/font]
NPCS
Atlanta Allies:
.
[class=fyuriwrapper] position:relative; [/class] [class=card] position:relative; z-index:0; width:300px; height:300px; margin:auto; background:#9b9ba1; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; text-align:center; overflow:hidden; [/class] [class=img] pointer-events:none; [/class] [class=name] position:absolute; top:20px; left:0; z-index:1; width:100%; box-sizing:border-box; background:#74867A; padding:5px; color:#fff; font-family:'Roboto Condensed'; [/class] [class=hver] position: absolute; bottom: 20px; left: 0; z-index:1; width:100%; box-sizing:border-box; background:#74867A; padding:5px; color:#fff; font-family:'Roboto Condensed'; font-size:10px; [/class] [class name=cardinfo] position:absolute; top:0; left:0; z-index:2; width:300px; height:300px; margin:auto; box-sixing:border-box; background:rgba(155,155,161, 0.0); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; overflow:auto; text-align:justify; transition: all 1s ease-out; color:transparent; padding:5px 10px; 5px 5px; font-family:'Roboto Condensed'; [/class] [class name=cardinfo state=hover] position:absolute; top:0; left:0; z-index:2; width:300px; height:300px; margin:auto; box-sixing:border-box; background:rgba(155,155,161, 1.0); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; overflow:auto; text-align:justify; transition: all 1s ease-out; color:#fff; padding:5px 10px; 5px 5px; font-family:'Roboto Condensed'; [/class] [class=textparent] width:280px; height:495px; [/class] [class=textchild] width:280px; margin:auto; padding-bottom:5px; [/class] [class=fyuricredit] width:300px; margin:auto; opacity:0.3; font-size:11px; [/class]
[div class=card][div class=cardinfo][div class=textparent][div class=textchild]A wealthy 30-something, Richard is a sleek businessman with a charitable heart. He's had his share of cut-throat behaviour to carve his way to the top, but he comes from a history of living in the slums and living by the paycheck. He values his mother highly and his a family man, but he's not afraid to put his own safety first at times. Being selfless gets you killed, according to Richard. He still remains humble when he can keep his head straight, but in times of pressure he becomes obsessed with practicality and making the decisions. [/div][/div][/div][div class=name]Richard Ellis[/div][div class=img]
.
[class=fyuriwrapper] position:relative; [/class] [class=card] position:relative; z-index:0; width:300px; height:300px; margin:auto; background:#9b9ba1; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; text-align:center; overflow:hidden; [/class] [class=img] pointer-events:none; [/class] [class=name] position:absolute; top:20px; left:0; z-index:1; width:100%; box-sizing:border-box; background:#74867A; padding:5px; color:#fff; font-family:'Roboto Condensed'; [/class] [class=hver] position: absolute; bottom: 20px; left: 0; z-index:1; width:100%; box-sizing:border-box; background:#74867A; padding:5px; color:#fff; font-family:'Roboto Condensed'; font-size:10px; [/class] [class name=cardinfo] position:absolute; top:0; left:0; z-index:2; width:300px; height:300px; margin:auto; box-sixing:border-box; background:rgba(155,155,161, 0.0); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; overflow:auto; text-align:justify; transition: all 1s ease-out; color:transparent; padding:5px 10px; 5px 5px; font-family:'Roboto Condensed'; [/class] [class name=cardinfo state=hover] position:absolute; top:0; left:0; z-index:2; width:300px; height:300px; margin:auto; box-sixing:border-box; background:rgba(155,155,161, 1.0); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; overflow:auto; text-align:justify; transition: all 1s ease-out; color:#fff; padding:5px 10px; 5px 5px; font-family:'Roboto Condensed'; [/class] [class=textparent] width:280px; height:495px; [/class] [class=textchild] width:280px; margin:auto; padding-bottom:5px; [/class] [class=fyuricredit] width:300px; margin:auto; opacity:0.3; font-size:11px; [/class]
[div class=card][div class=cardinfo][div class=textparent][div class=textchild]At 22, "Becks" was listed by Forbes as the "Youngest self-made billionaire", due to her profitable makeup company and line of fragrances. She's the heir to a oil tycoon's fortune, as well as a global chain of pharmacy stores. Becks was raised in wealth and thrust in the spotlight from the moment she was born. She's obsessed with appearances and making the cover of magazines, tabloids and even newspapers. She's been known to fancy young and famous men and to stage extravagant dates and breakups with them. Her current beau is Valentin Krovospukov, famous hockey-player.[/div][/div][/div][div class=name]Rebecca Ames[/div][div class=img]
.
[class=fyuriwrapper] position:relative; [/class] [class=card] position:relative; z-index:0; width:300px; height:300px; margin:auto; background:#9b9ba1; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; text-align:center; overflow:hidden; [/class] [class=img] pointer-events:none; [/class] [class=name] position:absolute; top:20px; left:0; z-index:1; width:100%; box-sizing:border-box; background:#74867A; padding:5px; color:#fff; font-family:'Roboto Condensed'; [/class] [class=hver] position: absolute; bottom: 20px; left: 0; z-index:1; width:100%; box-sizing:border-box; background:#74867A; padding:5px; color:#fff; font-family:'Roboto Condensed'; font-size:10px; [/class] [class name=cardinfo] position:absolute; top:0; left:0; z-index:2; width:300px; height:300px; margin:auto; box-sixing:border-box; background:rgba(155,155,161, 0.0); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; overflow:auto; text-align:justify; transition: all 1s ease-out; color:transparent; padding:5px 10px; 5px 5px; font-family:'Roboto Condensed'; [/class] [class name=cardinfo state=hover] position:absolute; top:0; left:0; z-index:2; width:300px; height:300px; margin:auto; box-sixing:border-box; background:rgba(155,155,161, 1.0); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; overflow:auto; text-align:justify; transition: all 1s ease-out; color:#fff; padding:5px 10px; 5px 5px; font-family:'Roboto Condensed'; [/class] [class=textparent] width:280px; height:495px; [/class] [class=textchild] width:280px; margin:auto; padding-bottom:5px; [/class] [class=fyuricredit] width:300px; margin:auto; opacity:0.3; font-size:11px; [/class]
[div class=card][div class=cardinfo][div class=textparent][div class=textchild]Pamela is well known around the neighborhood for being vindictive, petty, and all around traumatic to be around. Though fully capable of many tasks, she plays feeble and makes the neighborhood boys mow her lawn and do her gardening-- all the while watching them through tinted sunglasses. If you call Pam out on any of her behaviours, she's quick to jump on the defense. Her offensive is even worse. She has made fights over allegedly stolen casserole recipes and supposed racial hate by anyone who isn't as snow white as her wig. She's always the victim. But hey, she's got a giant shotgun in the closet from her late husband.[/div][/div][/div][div class=name]Pamela J. Smith[/div][div class=img]
.
[class=fyuriwrapper] position:relative; [/class] [class=card] position:relative; z-index:0; width:300px; height:300px; margin:auto; background:#9b9ba1; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; text-align:center; overflow:hidden; [/class] [class=img] pointer-events:none; [/class] [class=name] position:absolute; top:20px; left:0; z-index:1; width:100%; box-sizing:border-box; background:#74867A; padding:5px; color:#fff; font-family:'Roboto Condensed'; [/class] [class=hver] position: absolute; bottom: 20px; left: 0; z-index:1; width:100%; box-sizing:border-box; background:#74867A; padding:5px; color:#fff; font-family:'Roboto Condensed'; font-size:10px; [/class] [class name=cardinfo] position:absolute; top:0; left:0; z-index:2; width:300px; height:300px; margin:auto; box-sixing:border-box; background:rgba(155,155,161, 0.0); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; overflow:auto; text-align:justify; transition: all 1s ease-out; color:transparent; padding:5px 10px; 5px 5px; font-family:'Roboto Condensed'; [/class] [class name=cardinfo state=hover] position:absolute; top:0; left:0; z-index:2; width:300px; height:300px; margin:auto; box-sixing:border-box; background:rgba(155,155,161, 1.0); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; overflow:auto; text-align:justify; transition: all 1s ease-out; color:#fff; padding:5px 10px; 5px 5px; font-family:'Roboto Condensed'; [/class] [class=textparent] width:280px; height:495px; [/class] [class=textchild] width:280px; margin:auto; padding-bottom:5px; [/class] [class=fyuricredit] width:300px; margin:auto; opacity:0.3; font-size:11px; [/class]
[div class=card][div class=cardinfo][div class=textparent][div class=textchild]Simon is a simple boy, to put it plainly. He loves his girlfriend who lives in Savannah and goes to school there, and he's very loyal. He's a bit of a coward and quite awkward, but Simon is a fighter. He's got a BSC in Mechanical Engineering and dreams to start his own carpentry business. His older sister lives in Atlanta and he lives with her to try and pay back the student loans. He's got a cat named Mittens and a baseball bat named Lucille. Simon is known to joke even in the toughest of times, though he immediately regrets it. [/div][/div][/div][div class=name]Simon Baltz[/div][div class=img]
Last edited: