• This section is for roleplays only.
    ALL interest checks/recruiting threads must go in the Recruit Here section.

    Please remember to credit artists when using works not your own.

Realistic or Modern FORT OLYMPIA: CONSCRIPTION

cherubin

how can i live in the moment
when my thoughts never feel like my own and
don't know how to admit that i'm broke
how can i be alright?
↡ ↡ ↡​

name ; cherubin hopestill barebone
age ; 20
dob ; 02/14
year ; 1
gender ; cisfemale
orientation ; ???
parent ; none, hecate gifted her powers to protect her from evil
powers ; ghost physiology, subconscious manipulation
height ; 5'2
brief summary of personality ; she's very sad and will jump at the slightest touch or tone shift.
brief summary of interests ; knitting,

was your character drafted? no.
was your character's enrollment delayed? if yes why? yes, she was raised in a cult and once she escaped she enlisted to get protection.
do they come from a civilian or military family? civilian.
milk inc 2020​
 
.
.
[class=container] height: 310px; width: 360px; margin: auto; background-color: white; overflow: hidden; [/class] [class=box1] height: 250px; width: 200px; background-color: white; margin-left: 140px; margin-top: 40px; position: absolute; border: 1px solid lightgray; overflow: hidden; [/class] [class=image] height: 140px; width: 160px; margin-top: 55px; margin-left: 20px; position: absolute; opacity: 0; transition: 1s; z-index: 1; background-image: url('https://i.pinimg.com/originals/18/d4/e6/18d4e6061b6f23d34cf7a07d0b87d2ba.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; [/class] [class name=image state=hover] cursor: default; [/class] [class=personality] width: 80px; height: 20px; font-size: 10px; font-family: 'Arial', sans-serif; font-weight: bold; color: black; opacity: 0; position: absolute; background-color: transparent; margin-top: 168px; margin-left: 5px; transform: translateY(-10px); transition: 1s; z-index: 0; pointer-events: none; letter-spacing: 0.5px; [/class] [class=history] width: 80px; height: 20px; font-size: 10px; font-family: 'Arial', sans-serif; font-weight: bold; color: black; opacity: 0; position: absolute; background-color: transparent; margin-top: 168px; margin-left: 40px; transform: translateY(-10px); transition: 1s; z-index: 0; pointer-events: none; letter-spacing: 0.5px; [/class] [class=extra] width: 80px; height: 20px; font-size: 10px; font-family: 'Arial', sans-serif; font-weight: bold; color: black; opacity: 0; position: absolute; background-color: transparent; margin-top: 168px; margin-left: 65px; transform: translateY(-10px); transition: 1s; z-index: 0; pointer-events: none; letter-spacing: 0.5px; [/class] [class=gallery] width: 80px; height: 20px; font-size: 10px; font-family: 'Arial', sans-serif; font-weight: bold; color: black; opacity: 0; position: absolute; background-color: transparent; margin-top: 168px; margin-left: 85px; transform: translateY(-10px); transition: 1s; z-index: 0; pointer-events: none; letter-spacing: 0.5px; [/class] [class=slide] transform: translateX(0); opacity: 0.2; transition: opacity 0.5s , transform 1s; [/class] [class=image1] height: 140px; width: 160px; margin-top: 55px; margin-left: 20px; opacity: 0.8; transition: 1s; background-image: url('https://i.pinimg.com/736x/3c/9a/b7/3c9ab7c4ed5eefc78febe8462d18d1e9.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 47px; [/class] [class name=image1 state=hover] cursor: default; [/class] [class=image2] height: 140px; width: 160px; margin-top: 55px; margin-left: 20px; opacity: 0.8; transition: 1s; background-image: url('https://data.whicdn.com/images/326550187/original.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 47px; [/class] [class name=image2 state=hover] cursor: default; [/class] [class=image3] height: 140px; width: 160px; margin-top: 55px; margin-left: 20px; opacity: 0.8; transition: 1s; background-image: url('https://pbs.twimg.com/media/DqKAIZoVYAA637D.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 47px; [/class] [class name=image3 state=hover] cursor: default; [/class] [class=showimg] opacity: 0.8; transition: 1s; [/class] [class=name] font-size: 18px; font-family: 'Arial', sans-serif; font-style: italic; font-weight: bold; margin-left: 20px; margin-top: 120px; color: black; position: absolute; opacity: 0.3; transition: 1s; [/class] [class name=name state=hover] cursor: default; [/class] [class=tabcontainer] height: 20px; width: 80px; position: absolute; margin-top: 140px; margin-left: 25px; background-color: transparent; padding: 5px; [/class] [class=tab1] font-size: 14px; font-family: 'Cardo', serif; color: black; font-weight: lighter; position: absolute; margin-left: 0px; margin-top: 0px; opacity: 0.3; transition: 1s; [/class] [class name=tab1 state=hover] opacity: 0.8; transition: opacity 1s; cursor: default; [/class] [class=tab2] font-size: 14px; font-family: 'Cardo', serif; color: black; font-weight: lighter; position: absolute; margin-left: 20px; margin-top: 0px; opacity: 0.3; transition: 1s; [/class] [class name=tab2 state=hover] opacity: 0.8; transition: opacity 1s; cursor: default; [/class] [class=tab3] font-size: 14px; font-family: 'Cardo', serif; color: black; font-weight: lighter; position: absolute; margin-left: 40px; margin-top: 0px; opacity: 0.3; transition: 1s; [/class] [class name=tab3 state=hover] opacity: 0.8; transition: opacity 1s; cursor: default; [/class] [class=tab4] font-size: 14px; font-family: 'Cardo', serif; color: black; font-weight: lighter; position: absolute; margin-left: 65px; margin-top: 0px; opacity: 0.3; transition: 1s; [/class] [class name=tab4 state=hover] opacity: 0.8; transition: opacity 1s; cursor: default; [/class] [class=content1] height: 250px; width: 200px; background-color: transparent; overflow-y: scroll; padding-right: 20px; position: absolute; opacity: 0; transition: 1s; [/class] [class=content2] height: 250px; width: 200px; background-color: transparent; overflow-y: scroll; padding-right: 20px; position: absolute; opacity: 0; transition: 1s; [/class] [class=content3] height: 250px; width: 200px; background-color: transparent; overflow-y: scroll; padding-right: 20px; position: absolute; opacity: 0; transition: 1s; [/class] [class=content4] height: 250px; width: 200px; background-color: transparent; overflow-y: scroll; padding-right: 20px; position: absolute; opacity: 0; transition: 1s; [/class] [class=para] font-size: 11px; text-align: justify; color: black; padding: 5px; opacity: 0.7; [/class] [class name=para state=hover] cursor: default; [/class] [class=show] opacity: 1; transition: 1s; z-index: 1; [/class] [class=g1] height: 140px; width: 160px; margin-top: 55px; margin-left: 20px; opacity: 0.8; transition: 1s; background-image: url('https://i.pinimg.com/originals/83/1f/17/831f1795a5d22872dcf42126aa5767cf.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 75px; [/class] [class name=g1 state=hover] cursor: default; [/class] [class=g2] height: 140px; width: 160px; margin-top: 55px; margin-left: 20px; opacity: 0.8; transition: 1s; background-image: url('https://i.pinimg.com/originals/a5/d1/6d/a5d16d7576b91696e4ac609f723c59de.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 75px; [/class] [class name=g2 state=hover] cursor: default; [/class] [class=g3] height: 140px; width: 160px; margin-top: 55px; margin-left: 20px; opacity: 0.8; transition: 1s; background-image: url('https://i.pinimg.com/originals/9f/69/40/9f6940d43d7fe1fcd40db44504511a8e.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 55px; [/class] [class name=g3 state=hover] cursor: default; [/class] [class=credit] font-size: 10px; color: rgba(0,0,0,0.3); font-family: 'Arial', sans-serif; font-style: italic; position: absolute; margin-top: 295px; margin-left: 200px; [/class] [script class=image on=init] addClass showimg image removeClass show content1 removeClass show content2 removeClass show content3 removeClass show content4 [/script] [script class=name on=click] addClass showimg image removeClass show content1 removeClass show content2 removeClass show content3 removeClass show content4 [/script] [script class=tab1 on=click] addClass show content1 removeClass show content2 removeClass show content3 removeClass show content4 removeClass showimg image [/script] [script class=tab2 on=click] addClass show content2 removeClass show content1 removeClass show content3 removeClass show content4 removeClass showimg image [/script] [script class=tab3 on=click] addClass show content3 removeClass show content1 removeClass show content2 removeClass show content4 removeClass showimg image [/script] [script class=tab4 on=click] addClass show content4 removeClass show content1 removeClass show content2 removeClass show content3 removeClass showimg image [/script] [script class=tab1 on=mouseenter] addClass slide personality [/script] [script class=tab1 on=mouseleave] removeClass slide personality [/script] [script class=tab2 on=mouseenter] addClass slide history [/script] [script class=tab2 on=mouseleave] removeClass slide history [/script] [script class=tab3 on=mouseenter] addClass slide extra [/script] [script class=tab3 on=mouseleave] removeClass slide extra [/script] [script class=tab4 on=mouseenter] addClass slide gallery [/script] [script class=tab4 on=mouseleave] removeClass slide gallery [/script] [div class=container] [div class=box1] [div class=image][/div] [div class=content1] [div class=image1][/div] [div class=para]name: valerius tate lennon
nicknames: val
age: 19
gender: male
s.o: bisexual
year: first
parent: tbd
powers: (limited) necromancy ; 'kiss of death' (or so he says)
f.c: sollitude
height: 6'0''
[/div] [/div] [div class=content2] [div class=image2][/div] [div class=para]personality: [ insert the 'i'm a weirdo' monologue from riverdale here ], [insert the lyrics to 'creep' by radiohead here].

interests: taxidermy ; poison ; true crime ; thriller movies ; nail polish ; embroidery ; spiders & snakes ; his own hair ; tuning his guitar for an obnoxious amount of time to impress the ladies.

[/div] [/div] [div class=content3] [div class=image3][/div] [div class=para]drafted?: yes.
enrollment: val tried to escape being drafted but evidently didn't succeed. his enrollment didn't end up being delayed by more than five minutes.
family: the lennons are civilians, but val's mother always claims that some of their family were not only in the military, but were [ redacted].

[/div] [/div] [div class=content4] [div class=g1][/div] [div class=g2][/div] [div class=g3][/div] [/div] [/div] [div class=credit]code by wonhae[/div] [div class=name]valerius lennon[/div] [div class=tabcontainer] [div class=tab1]i.[/div] [div class=tab2]ii.[/div] [div class=tab3]iii.[/div] [div class=tab4]vi.[/div] [/div] [div class=basics][/div] [div class=meme][/div] [div class=description][/div] [div class=gallery][/div] [/div]
 
MAGPIE SHRIVER
"Odin owns you all!"

  • Name: Magpie "Maggie" Shriver
    Age: 18 (born May 10th, 2002)
    Year: 1
    Gender: Trans female (she/hers)
    Orientation: Bisexual
    Parent: Odin
    Height: 5’9”
    Faceclaim: Massima Desire
    Powers:
    ⊙ enhanced endurance
    seidr trances (brief, vague visions of the future accompanied by absence seizures)
    ⊙ in dire cases, can push past the point of death via self-sacrifice
 
Last edited:
[class=variables] cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important; --color: #8b0000; [/class] [class=codeContainer] width: 400px; height: 410px; margin: auto; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; [/class] [class name=codeContainer maxWidth=450px] width: 350px; [/class] [class=top] width: 400px; height: 95px; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; [/class] [class name=top maxWidth=450px] width: 350px; [/class] [class=name] color: transparent; font-size: 70px; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: var(--color); letter-spacing: -2px; height: 60px; line-height: 0.9; transition: 0.5s; [/class] [class name=name maxWidth=450px] font-size: 65px; line-height: 1; width: 210px; overflow: hidden; [/class] [class name=name state=hover] cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; color: var(--color); [/class] [class name=tab state=hover] cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; [/class] [class=tabsContainer] width: 160px; height: 40px; display: flex; justify-content: space-between; align-items: flex-end; [/class] [class name=tabsContainer maxWidth=450px] width: 140px; [/class] [class=tab] height: 20px; width: 20px; border: 2px solid var(--color); border-radius: 50%; transition: 0.5s; display: flex; justify-content: center; align-items: center; [/class] [class=tabInner] height: 10px; width: 10px; border: 2px solid var(--color); border-radius: 50%; transition: 0.5s; opacity: 0; [/class] [class=selected] background-color: var(--color); opacity: 1; [/class] [class=container] height: 300px; width: 390px; position: relative; margin: auto; [/class] [class name=container maxWidth=450px] width: 350px; [/class] [class=content] height: 300px; width: 400px; overflow: hidden; opacity: 0; position: absolute; transition: 0.5s; font-size: 12px; [/class] [class name=content maxWidth=450px] width: 350px; [/class] [class=show] z-index: 1; opacity: 1; [/class] [class=imgHome] background-image: url('https://66.media.tumblr.com/356d9cf5aa4c83275af9056eb897c62c/tumblr_ousyzcNYbM1twfft8o9_400.jpg'); background-size: cover; height: 150px; width: 150px; [/class] [class=textHome] font-size: 20px; text-transform: uppercase; text-align: center; width: 200px; [/class] [class=title] font-weight: 900; text-transform: uppercase; text-align: right; font-size: 16px; [/class] [class=block] width: auto; padding: 0px 2px 0px 2px; font-size: 10px; display: inline-block; background-color: var(--color); text-transform: uppercase; color: white; [/class] [class=imgSmallContainer] width: 100%; height: 90px; display: flex; justify-content: space-evenly; margin: 10px 10px; [/class] [class=imgSmall] width: 90px; height: 90px; background-size: cover; background-position: 80% 50%; filter: saturate(100%); [/class] [class=scroll] overflow-y: scroll; padding-right: 40px; width: 100%; height: 100%; [/class] [class=indent] display: inline-block; width: 20px; height: 1px; [/class] [script class=tab01 on=mouseenter] addClass show tabInner01 [/script] [script class=tab01 on=mouseleave] removeClass show tabInner01 [/script] [script class=tab02 on=mouseenter] addClass show tabInner02 [/script] [script class=tab02 on=mouseleave] removeClass show tabInner02 [/script] [script class=tab03 on=mouseenter] addClass show tabInner03 [/script] [script class=tab03 on=mouseleave] removeClass show tabInner03 [/script] [script class=tab04 on=mouseenter] addClass show tabInner04 [/script] [script class=tab04 on=mouseleave] removeClass show tabInner04 [/script] [script class=tab05 on=mouseenter] addClass show tabInner05 [/script] [script class=tab05 on=mouseleave] removeClass show tabInner05 [/script] [script class=name on=click] removeClass selected tabInner01 removeClass selected tabInner02 removeClass selected tabInner03 removeClass selected tabInner04 removeClass selected tabInner05 addClass show contentHome removeClass show content01 removeClass show content02 removeClass show content03 removeClass show content04 removeClass show content05 [/script] [script class=tab01 on=click] addClass selected tabInner01 removeClass selected tabInner02 removeClass selected tabInner03 removeClass selected tabInner04 removeClass selected tabInner05 addClass show content01 removeClass show contentHome removeClass show content02 removeClass show content03 removeClass show content04 removeClass show content05 [/script] [script class=tab02 on=click] addClass selected tabInner02 removeClass selected tabInner01 removeClass selected tabInner03 removeClass selected tabInner04 removeClass selected tabInner05 addClass show content02 removeClass show contentHome removeClass show content01 removeClass show content03 removeClass show content04 removeClass show content05 [/script] [script class=tab03 on=click] addClass selected tabInner03 removeClass selected tabInner01 removeClass selected tabInner02 removeClass selected tabInner04 removeClass selected tabInner05 addClass show content03 removeClass show contentHome removeClass show content01 removeClass show content02 removeClass show content04 removeClass show content05 [/script] [script class=tab04 on=click] addClass selected tabInner04 removeClass selected tabInner01 removeClass selected tabInner02 removeClass selected tabInner03 removeClass selected tabInner05 addClass show content04 removeClass show contentHome removeClass show content01 removeClass show content02 removeClass show content03 removeClass show content05 [/script] [script class=tab05 on=click] addClass selected tabInner05 removeClass selected tabInner01 removeClass selected tabInner02 removeClass selected tabInner03 removeClass selected tabInner04 addClass show content05 removeClass show contentHome removeClass show content01 removeClass show content02 removeClass show content03 removeClass show content04 [/script] [div class=variables] [div class=codeContainer] [div class=top] [div class=name]penance[div class=tabBar][/div][/div] [div class=tabsContainer] [div class="tab tab01"][div class="tabInner tabInner01"][/div][/div] [div class="tab tab02"][div class="tabInner tabInner02"][/div][/div] [div class="tab tab03"][div class="tabInner tabInner03"][/div][/div] [div class="tab tab04"][div class="tabInner tabInner04"][/div][/div] [div class="tab tab05"][div class="tabInner tabInner05"][/div][/div] [/div] [/div] [div class=container] [div class="content contentHome show" style="display: flex; align-items: center; justify-content: space-between;"] [div class=imgHome][/div] [div class=textHome] YOU’LL NEVER GET FREE, YOU’RE A LAMB TO THE SLAUGHTER! [/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]REQUISITE[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/d135765752cf4bc631852628aafb5c2f/tumblr_inline_pqjo4putJB1u9urvd_400.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/543a62f6c347db2490a9f04da78bf574/tumblr_inline_pqjo45VqIt1u9urvd_400.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/ec758f88ed4e6b90fee7549aca55c15c/tumblr_inline_pqjo4d3wPQ1u9urvd_400.gifv');"][/div] [/div] [div class=block]name[/div] penance whittaker
[div class=block]age[/div] eighteen
[div class=block]dob[/div] september 15th
[div class=block]gender[/div] cisfemale
[div class=block]orentation[/div] bisexual
[div class=block]parent[/div] the angel micheal
[div class=block]powers[/div] telepathy, purification (?), something else [/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]APPEARANCE[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/0798d12c64ebe11bd40898c11e5fe75f/tumblr_inline_pqcm44rVGg1u9urvd_400.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/e0ed6b5f88334b64c0afea025fbeddf3/tumblr_inline_pqcm4km1Au1u9urvd_400.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/1ed0288edb4675ddff15c6b8f7690ff2/tumblr_inline_pqcm4hUl7G1u9urvd_400.gifv');"][/div] [/div] [div class=block]height[/div] five foot four
[div class=block]fc[/div] brittany o’grady
[div class=block]clothing style[/div] incoming
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]PERSONA[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/b6a7dc943acd989538163a2521b40b7d/tumblr_inline_ojml7oSL6N1ravrtw_1280.gif'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/cf4e55fbbe918b8bff7e2ae2d3e04e29/tumblr_inline_ojml886kt51ravrtw_1280.gif'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/a482f1a3e8a28ae3b562e0b2c705e017/tumblr_inline_ojml7oQumY1ravrtw_1280.gif'); background-position: 30% 50%;"][/div] [/div] [div class=block]persona[/div] penny’s a simple thing. there’s not much to her, at least outwardly. she wears her christian, southern belle skin well, always helpful with a musing smile on her face. her mother was heavily involved in the church and she qoutes her often. still, as sweet as penn naturally is, there’s an undeniable intensity to her. it’s seen in her resting expression, in the force behind her words.
[div class=block]interests[/div] lemon squares, gardening, soap operas, volunteering but only at hospitals, war films, beaches, sewing,
[/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]INFORMATION[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/34d3069d12d01f4bb0f5bc1f7073b70f/tumblr_inline_ojml94XmtB1ravrtw_1280.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/80943fa7494e3a04f922e1e45e56be76/tumblr_inline_ojo5yfUO8H1ravrtw_1280.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/34d3069d12d01f4bb0f5bc1f7073b70f/tumblr_inline_ojml94XmtB1ravrtw_1280.gif');"][/div] [/div] [div class=indent][/div]→ were they drafted ? ; no. penny enrolled as the last wish of her mother.
[div class=indent][/div]→ was your character's enrollment delayed? ; no
[div class=indent][/div]→ do they come from a civilian or military family? ; civilian.




[/div] [/div] [div class="content content05"] [div class=scroll] [div class=title]EXTRAS[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/58fabaed4f5404172f3c557c1065222e/tumblr_inline_ojml8dj2yB1ravrtw_1280.gif'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/0e6d00d3b8a82cbd718d0f12a9f1608b/tumblr_inline_ojml8zAyUS1ravrtw_1280.gif'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/a3319521b212aac229d8ebdc567aa891/tumblr_inline_ojml8eHhyj1ravrtw_1280.gif'); background-position: 50% 50%;"][/div] [/div] [div class=block]extras[/div]
[div class=indent][/div]playlist → incoming
[div class=indent][/div]aesthetic → incoming
[div class=indent][/div]trivia→ incoming
[/div] [/div] [/div] [/div]
coded by shady.
[/div][div class=variables][/div]
 
[div class=container][div class=r1base] [div class=t1][div class=t1image][/div][/div] [div class=t2][div class=name]esme kingston[/div] [div class=r2textbox][div class=r2text]Beautifully broken.[/div][/div][/div] [/div] [div class=r2base] [div class=s1][div class=cool1][div class=contentbox][div class=content]|name| Esme O. Kingston |nicknames| ?? |age| 23 |birthday| 5/18 |gender| Female |sexuality| Bisexual |year| 1 |parent| Breska: Goddess of Dreams, Weather, and Magic |powers| dream surfing and mild manipulation, weather detection and mild manipulation [/div][/div][/div][/div] [div class=s2][div class=cool2][div class=contentbox][div class=content]|fc|Ashley Graves |height| 5'7" |hair| Blonde |eyes| Blue |features| N/A [/div][/div][/div][/div] [div class=s3][div class=cool3][div class=contentbox][div class=content]|personality| Esme keeps to herself for the most part but she's not afraid to call people out. She can be a bit flirtatious at times, but she's not quick to jump to sex or other intimate relationships. |interests| movies, warmth, winter, tea, strawberries [/div][/div][/div][/div] [div class=s4][div class=cool4][div class=contentbox][div class=content]|was your character drafted?| No. |was your character's enrollment delayed? if yes why?| Yes. She went to college first. |do they come from a civilian or military family?| Military family. Her father is the Secretary for Homeland Security. [/div][/div][/div][/div] [/div] [/div] [class=container] background: #f6e27f; min-width: 300px; max-width: 600px; min-height: 390px; margin: auto; [/class] [class=r1base] width: 450px; margin-left: 75px; margin-top: 50px; position: absolute; [/class] [class=t1] background: #FFFFFF; height: 150px; width: 150px; float: left; [/class] [class=t2] background: #f6bd60; height: 150px; width: 300px; float: right; [/class] [class=t1image] background-image: url(https://i.imgur.com/23CqMEj.jpg); background-size: 110%; background-position: 0px 0px; height: 75px; width: 75px; cursor: pointer; position: absolute; margin-left: 37px; margin-top: 37px; [/class] [class name=t1image state=hover] background-image: url(https://i.imgur.com/23CqMEj.jpg); background-size: 110%; background-position: 0px 0px; height: 150px; width: 150px; margin: 0px; transition-duration: 0.8s; [/class] [class=name] color: white; font-size: 17px; letter-spacing: 0.2px; margin-top: 20px; margin-left: 25px; [/class] [class=r2textbox] height: 85px; width: 280px; overflow: hidden; margin-left: 10px; margin-top: 5px; [/class] [class=r2text] border-top: 1px dashed white; width: calc(100% + 17px); height: 85px; overflow: auto; font-family: Verdana; color: white; font-size: 11px; white-space: pre-line; text-align: justify; word-spacing: -2px; cursor: pointer; [/class] [class=r2base] margin-left: 75px; margin-top: 220px; position: absolute; width: 450px; display: flex; flex-direction: row; [/class] [class=s1] width: 110px; height: 110px; background: linear-gradient(90deg, #f6bd60, #FFFFA7); background-size: cover; cursor: pointer; [/class] [class=s2] width: 110px; height: 110px; background: linear-gradient(90deg, #FFFFA7, #dbd5b2); background-size: cover; margin-left: 3px; cursor: pointer; [/class] [class=s3] width: 110px; height: 110px; background: linear-gradient(90deg, #dbd5b2, #FFFFA7); background-size: cover; margin-left: 3px; cursor: pointer; [/class] [class=s4] width: 110px; height: 110px; background: linear-gradient(90deg, #FFFFA7, #f6bd60); background-size: cover; margin-left: 3px; cursor: pointer; [/class] [class=cool1] height: 110px; width: 110px; background: white; display: none; [/class] [class=cool2] height: 110px; width: 110px; background: white; display: none; [/class] [class=cool3] height: 110px; width: 110px; background: white; display: none; [/class] [class=cool4] height: 110px; width: 110px; background: white; display: none; [/class] [script class=s1 on=click] slideToggle 900 cool1 [/script] [script class=s2 on=click] slideToggle 900 cool2 [/script] [script class=s3 on=click] slideToggle 900 cool3 [/script] [script class=s4 on=click] slideToggle 900 cool4 [/script] [class=contentbox] height: 110px; width: 110px; overflow: hidden; [/class] [class=content] color: #333333; font-size: 10px; font-family: Verdana; width: calc(100% + 12px); height: 110px; overflow-y: auto; white-space: pre-line; padding: 5px; [/class]
 
Last edited:
[class name=container] height: 510px; width: 510px; margin: auto; [/class] [class name=containercont] height: 500px; width: 500px; background: #eeeeee; [/class] [class name=border1] border-top: 1px solid #483D8B; width: 400px; position: relative; top: 30px; margin-left: 45px; [/class] [class name=pic1] height: 200px; width: 235px; background:URL(https://66.media.tumblr.com/e761f1c266980c16b2b1da6415cc0862/tumblr_oqrqhdk3NC1qg2mt6o1_640.jpg); background-size: cover; background-position: 0px -30px; margin-top: 50px; margin-left: 30px; [/class] [class name=pic2] height: 200px; width: 190px; background:URL(https://66.media.tumblr.com/f1cc39ec3ee36cf53adc12a7551b9b22/tumblr_o744l0J5hB1qd9ql4o1_1280.jpg); background-size: cover; float: right; margin-top: -280px; margin-right: 65px; [/class] [class name=scroll1] height: 190px; width: 200px; overflow: hidden; margin-top: 10px; margin-left: 30px; [/class] [class name=scroll2] height: 120px; width: 200px; overflow: hidden; float: right; margin-top: -205px; margin-right: 30px; [/class] [class name=scrollbox] height: 98%; width:calc(100% + 17px); overflow-y: scroll; [/class] [class name=text1] width: 195px; font-size: 10px; text-align: right; [/class] [class name=text2] width: 185px; font-size: 10px; text-align: left; [/class] [class name=header] background-color: #483D8B; height: 30px; width: 190px; float: right; margin-top: -70px; margin-right: 65px; text-align: center; color: white; font-size: 20px; [/class] [class name=circle1] background-color:#dcdcdc; height: 40px; width: 40px; border-radius: 50%; float: right; margin-right: 210px; margin-top: -35px; text-align: center; font-size: 8px; [/class] [class name=circle2] background-color:#dcdcdc; height: 40px; width: 40px; border-radius: 50%; float: right; margin-right: -110px; margin-top: -35px; text-align: center; font-size: 8px; [/class] [class name=circle3] background-color:#dcdcdc; height: 40px; width: 40px; border-radius: 50%; float: right; margin-right: -180px; margin-top: -35px; text-align: center; font-size: 8px; [/class] [class name=border2] border-top: 1px solid #483D8B; width: 400px; position: relative; top: 20px; margin-left: 45px; [/class] [class name=codetag] font-size: 9px; text-align: center; margin-top: 3px; [/class] [div class="container"][div class="containercont"] [div class="border1"][/div] [div class="pic1"][/div] [div class="scroll2"][div class="scrollbox"][div class="text2"] [/div]
[div class="text2"] name |osvaldo "vee" suarez

age | 18

dob |september twenty fifth

year | one

gender | male

orientation | homosexual

parent | cernunnos, celtic god of the wild

powers | animal communication, earthquake generation

height |six feet, three inches

fc | marcus sivyer

[/div] [/div][/div] [div class="scroll1"][div class="scrollbox"][div class="text1"] personality | despite his outward abilities, vee is an incredibly introverted and self-sufficient person. he prefers being alone to with others, and works his best in quiet. being on a team is NOT his thing. he's not mean, but good luck trying to get him to compromise.


interests | fixing cars, playing the piano, reading nonfiction, eating spicy food, boats and sailing

drafted? |yes. worked in a mechanic's after highschool for a few months beforehand.

delayed enrolment? | no.

civilian or military family | civilian family

other | n/a [/div][/div][/div] [div class="pic2"][/div] [div class="header"]
OSVALDO SUAREZ
[/div] [div class="circle1"]
[/div] [div class="circle2"]
[/div] [div class="circle3"]
[/div] [div class="border2"][/div] [/div][/div] [div class="codetag"]coded by ukiiyo[/div]
 
matheus

so i put my middle finger up
i'm done being your slave
my generation's had enough
and you should be afraid
↡ ↡ ↡​

name ; matheus gaspar santos
age ; 24
dob ; 01/14
year ; 1
gender ; cismale
orientation ; pan
parent ; hades
powers ; grim reaper physiology
height ; 6'4
brief summary of personality ; on the outside, he's kind of an asshole. he's arrogant. he knows he can get what he wants, when he wants it, and acts as such. he's apathetic about human life in general, including his own. some say he's reckless, but he just likes to have fun. he has a disinterest towards the world around him, and doesn't care about the death and destruction around him. once you pass through the valley of vices, there are some good parts of matheus. he's loyal, once he decides you're worth it. he'd easily die for anyone deemed his friend. he's passionate about what he finds worth his time, and is incredibly charismatic.
brief summary of interests ; soccer, sex, reading, movies where animals don't die
was your character drafted? no.
was your character's enrollment delayed? if yes why? yes, his citizenship was just finalized.
do they come from a civilian or military family? civilian.
milk inc 2020​
 
[class name=container] height: 510px; width: 510px; margin: auto; [/class] [class name=containercont] height: 500px; width: 500px; background: #dcdcdc; [/class] [class name=border1] border-top: 1px solid #90B3D1; width: 400px; position: relative; top: 30px; margin-left: 45px; [/class] [class name=pic1] height: 200px; width: 235px; background:URL(https://i.pinimg.com/564x/4e/c0/f6/4ec0f65c5535b033ef4f13b73b1ca166.jpg); background-size: cover; background-position: 0px -30px; margin-top: 50px; margin-left: 30px; [/class] [class name=pic2] height: 200px; width: 190px; background:URL(https://i.pinimg.com/564x/78/aa/e1/78aae1d437ee5246d9cdf9f0c3344253.jpg); background-size: cover; float: right; margin-top: -280px; margin-right: 65px; [/class] [class name=scroll1] height: 190px; width: 200px; overflow: hidden; margin-top: 10px; margin-left: 30px; [/class] [class name=scroll2] height: 120px; width: 200px; overflow: hidden; float: right; margin-top: -205px; margin-right: 30px; [/class] [class name=scrollbox] height: 98%; width:calc(100% + 17px); overflow-y: scroll; [/class] [class name=text1] width: 195px; font-size: 10px; text-align: right; color: #5D809E [/class] [class name=text2] width: 185px; font-size: 10px; text-align: left; color: #5D809E [/class] [class name=header] background-color: #90B3D1; height: 30px; width: 190px; float: right; margin-top: -70px; margin-right: 65px; text-align: center; color: #dcdcdc; font-size: 20px; [/class] [class name=circle1] background-color:#5D809E; height: 40px; width: 40px; border-radius: 50%; float: right; margin-right: 210px; margin-top: -35px; text-align: center; font-size: 8px; [/class] [class name=circle2] background-color:#5D809E; height: 40px; width: 40px; border-radius: 50%; float: right; margin-right: -110px; margin-top: -35px; text-align: center; font-size: 8px; [/class] [class name=circle3] background-color:#5D809E; height: 40px; width: 40px; border-radius: 50%; float: right; margin-right: -180px; margin-top: -35px; text-align: center; font-size: 8px; [/class] [class name=border2] border-top: 1px solid #90B3D1; width: 400px; position: relative; top: 20px; margin-left: 45px; [/class] [class name=codetag] font-size: 9px; text-align: center; margin-top: 3px; [/class] [div class="container"][div class="containercont"] [div class="border1"][/div] [div class="pic1"][/div] [div class="scroll2"][div class="scrollbox"][div class="text2"]name | marin liming xuan

age | 21

dob | dec 14

year | 1

gender | female

orientation | bicurious

parent | mazu

powers | hydrokinesis ;; gravity manipulation of herself and objects (undiscovered) ;; can transform into a seawater serpent for about 1hr, but loses all humanity as the creature and goes into a comatose state for days afterward to recover (aware she can transform, unaware of the side effects bc she's never done it before)

height | 5'1"

fc | hannah quinlivan [/div] [/div][/div] [div class="scroll1"][div class="scrollbox"][div class="text1"]personality | too optimistic for her own good. always smiling, always talking. says literally whatever she's thinking, for better or worse. very warm and bright. confident. sensitive, shuts down quickly if hurt. sees the good in everyone so tends to stay in toxic relationships/friendships. has the tendency to tease a little too much. SO naive and cannot take a hint. an absolute firecracker in combat, but a physically weak fighter because of her size.

interests | drunk dancing, secrets, watching the sunrise on the beach. intense fear of the dark and the supernatural. despises debby downers.

drafted? | no

enrollment delayed? | yes, was studying microbiology before dropping out to enlist

family? | military. daughter of a respected retired military doctor. wanted her to go into the same field, is mortified she decided to pursue combat instead [/div][/div][/div] [div class="pic2"][/div] [div class="header"]
MARIN XUAN
[/div] [div class="circle1"]
[/div] [div class="circle2"]
[/div] [div class="circle3"]
[/div] [div class="border2"][/div] [/div][/div] [div class="codetag"]coded by ukiiyo[/div]
 
Last edited:
ambrose

if he said help me kill the president
i'd say he needs medicine
sick of screaming let us in
the wires got the best of him
↡ ↡ ↡​

name ; ambrose kill-sin barebone
age ; 18
dob ; 01/26
year ; 1
gender ; cismale
orientation ; bi
parent ; dionysus
powers ; background music generation, alcohol creation, madness manipulation
height ; 6'
brief summary of personality ; mans is fucking crazy but in a really fun way, obviously. lots of cult related trauma but he doesn't remember most of it. was revered as a god by the members so he has a complex.
brief summary of interests ; writing, alcohol, vibes
was your character drafted? no.
was your character's enrollment delayed? if yes why? no, he enlisted as soon as they got out so he could stay with cherubin.
do they come from a civilian or military family? civilian.
milk inc 2020​
 
[class name=container] height: 510px; width: 510px; margin: auto; [/class] [class name=containercont] height: 500px; width: 500px; background: #23321f; [/class] [class name=border1] border-top: 1px solid #899885; width: 400px; position: relative; top: 30px; margin-left: 45px; [/class] [class name=pic1] height: 200px; width: 235px; background:URL(https://i.imgur.com/455JD1R.png); background-size: cover; background-position: 0px -30px; margin-top: 50px; margin-left: 30px; [/class] [class name=pic2] height: 200px; width: 190px; background:URL(https://i.ibb.co/cQDLthN/Screen-Shot-2020-04-22-at-4-52-11-PM.png); background-size: cover; float: right; margin-top: -280px; margin-right: 65px; [/class] [class name=scroll1] height: 190px; width: 200px; overflow: hidden; margin-top: 10px; margin-left: 30px; [/class] [class name=scroll2] height: 120px; width: 200px; overflow: hidden; float: right; margin-top: -205px; margin-right: 30px; [/class] [class name=scrollbox] height: 98%; width:calc(100% + 17px); overflow-y: scroll; [/class] [class name=text1] width: 195px; font-size: 10px; text-align: right; color: #D6E5D2 [/class] [class name=text2] width: 185px; font-size: 10px; text-align: left; color: #D6E5D2 [/class] [class name=header] background-color: #899885; height: 30px; width: 190px; float: right; margin-top: -70px; margin-right: 65px; text-align: center; color: white; font-size: 20px; [/class] [class name=circle1] background-color:#dcdcdc; height: 40px; width: 40px; border-radius: 50%; float: right; margin-right: 210px; margin-top: -35px; text-align: center; font-size: 8px; [/class] [class name=circle2] background-color:#dcdcdc; height: 40px; width: 40px; border-radius: 50%; float: right; margin-right: -110px; margin-top: -35px; text-align: center; font-size: 8px; [/class] [class name=circle3] background-color:#dcdcdc; height: 40px; width: 40px; border-radius: 50%; float: right; margin-right: -180px; margin-top: -35px; text-align: center; font-size: 8px; [/class] [class name=border2] border-top: 1px solid #899885; width: 400px; position: relative; top: 20px; margin-left: 45px; [/class] [class name=codetag] font-size: 9px; text-align: center; margin-top: 3px; [/class] [div class="container"][div class="containercont"] [div class="border1"][/div] [div class="pic1"][/div] [div class="scroll2"][div class="scrollbox"][div class="text2"]name | carina ramos

age | 20

dob | nov 20

year | 1

gender | female

orientation | bisexual, leans toward women

parent | tezcatlipoca

powers | crafting and using magical weapons ;; intensely sharpened senses at night ;; cursing and charming

height | 5'7"

fc | melanie iglesias [/div] [/div][/div] [div class="scroll1"][div class="scrollbox"][div class="text1"]personality | impulsive, impatient, cunning and arrogant. doesn't like to listen or play nice. a little bitch toward men and masc figures, but is strangely defensive of other women. despises authority and will have to seriously compromise her character to survive at the fort. has a surprising mother instinct if she suspects someone is *actually* in trouble. struggles with an undiagnosed anxiety disorder.

interests | sleeping, singing and playing the piano, group sex.

drafted? | yes

enrollment delayed? | nope, packed her things the day she received the news

family? | civilian, comes from an emotionally abusive family. [/div][/div][/div] [div class="pic2"][/div] [div class="header"]
CARINA RAMOS
[/div] [div class="circle1"]
[/div] [div class="circle2"]
[/div] [div class="circle3"]
[/div] [div class="border2"][/div] [/div][/div] [div class="codetag"]coded by ukiiyo[/div]
 
Last edited:
[div class=container][div class=r1base] [div class=t1][div class=t1image][/div][/div] [div class=t2][div class=name]wendy hua[/div] [div class=r2textbox][div class=r2text]Open yet closed. Happy yet sad. Curious yet scared.[/div][/div][/div] [/div] [div class=r2base] [div class=s1][div class=cool1][div class=contentbox][div class=content]|name| Wendy An Hua |nicknames| Wen |age| 21 |birthday| 12/1 |gender| Female |sexuality| Heteroflexible |year| 2 |parent| Lieu Hanh, maternal |powers| shield generation, animation via art [/div][/div][/div][/div] [div class=s2][div class=cool2][div class=contentbox][div class=content]|fc|Hang Nguyen |height| 5'2" |hair| Black |eyes| Brown |features| N/A [/div][/div][/div][/div] [div class=s3][div class=cool3][div class=contentbox][div class=content]|personality| Nosier than she should be and nicer than she needs to be to those that don't like her, Wendy has a tendency of wanting to "fix" people. Even if it hurts her in the end. Sometimes she seems like she's in her own little world, but she would come back in a heartbeat to those in need. |interests| music, painting, poetry, animation, cliches [/div][/div][/div][/div] [div class=s4][div class=cool4][div class=contentbox][div class=content]|was your character drafted?| No. |was your character's enrollment delayed? if yes why?| Yes. She wanted to pursue the arts at first, but that didn't turn out so well so she enlisted instead. |do they come from a civilian or military family?| Civilian. [/div][/div][/div][/div] [/div] [/div] [class=container] background: #52796F; min-width: 300px; max-width: 600px; min-height: 390px; margin: auto; [/class] [class=r1base] width: 450px; margin-left: 75px; margin-top: 50px; position: absolute; [/class] [class=t1] background: #FFFFFF; height: 150px; width: 150px; float: left; [/class] [class=t2] background: #6E948B; height: 150px; width: 300px; float: right; [/class] [class=t1image] background-image: url(https://i.imgur.com/2zpzdEU.jpg); background-size: 150%; background-position: -10px -20px; height: 75px; width: 75px; cursor: pointer; position: absolute; margin-left: 37px; margin-top: 37px; [/class] [class name=t1image state=hover] background-image: url(https://i.imgur.com/2zpzdEU.jpg); background-size: 150%; background-position: -20px -20px; height: 150px; width: 150px; margin: 0px; transition-duration: 0.8s; [/class] [class=name] color: white; font-size: 17px; letter-spacing: 0.2px; margin-top: 20px; margin-left: 25px; [/class] [class=r2textbox] height: 85px; width: 280px; overflow: hidden; margin-left: 10px; margin-top: 5px; [/class] [class=r2text] border-top: 1px dashed white; width: calc(100% + 17px); height: 85px; overflow: auto; font-family: Verdana; color: white; font-size: 11px; white-space: pre-line; text-align: justify; word-spacing: -2px; cursor: pointer; [/class] [class=r2base] margin-left: 75px; margin-top: 220px; position: absolute; width: 450px; display: flex; flex-direction: row; [/class] [class=s1] width: 110px; height: 110px; background: linear-gradient(90deg, #6E948B, #84A98C); background-size: cover; cursor: pointer; [/class] [class=s2] width: 110px; height: 110px; background: linear-gradient(90deg, #84A98C, #CAD2C5); background-size: cover; margin-left: 3px; cursor: pointer; [/class] [class=s3] width: 110px; height: 110px; background: linear-gradient(90deg, #CAD2C5, #84A98C); background-size: cover; margin-left: 3px; cursor: pointer; [/class] [class=s4] width: 110px; height: 110px; background: linear-gradient(90deg, #84A98C, #6E948B); background-size: cover; margin-left: 3px; cursor: pointer; [/class] [class=cool1] height: 110px; width: 110px; background: white; display: none; [/class] [class=cool2] height: 110px; width: 110px; background: white; display: none; [/class] [class=cool3] height: 110px; width: 110px; background: white; display: none; [/class] [class=cool4] height: 110px; width: 110px; background: white; display: none; [/class] [script class=s1 on=click] slideToggle 900 cool1 [/script] [script class=s2 on=click] slideToggle 900 cool2 [/script] [script class=s3 on=click] slideToggle 900 cool3 [/script] [script class=s4 on=click] slideToggle 900 cool4 [/script] [class=contentbox] height: 110px; width: 110px; overflow: hidden; [/class] [class=content] color: #333333; font-size: 10px; font-family: Verdana; width: calc(100% + 12px); height: 110px; overflow-y: auto; white-space: pre-line; padding: 5px; [/class]
 
Last edited:
darling

i promise you that we will be fine and have
the universe on your side when
you're out in space
don't you be afraid, no
↡ ↡ ↡​

name ; darling adora macchia
age ; 20
dob ; 02/14
year ; 2
gender ; cisfemale
orientation ; bi
parent ; ????
powers ; color manipuation & aura vision, pain manipulation, nothingness manipulation
height ; 5'5
brief summary of personality ; a ray of sunshine, the only girl of mine with rights!!!
brief summary of interests ; pretty things, making people happy, music, baking
was your character drafted? no.
was your character's enrollment delayed? if yes why? no.
do they come from a civilian or military family? civilian.
milk inc 2020​
 
name : aaron hwang
age : nineteen
dob : june twentieth
year : two
gender : male
orientation : good luck with that
parent : ????
powers : enhanced empathy, can see ghosts, can heal others but not himself
height : 5'10"
realistic fc : sohyun jung
brief summary of personality : competent, decisive, independent, observant, aggressive, cold, overly critical, disrespectful, impulsive
brief summary of interests : as if aaron's stupid enough to have interests
was your character drafted? : no
was your character's enrollment delayed? if yes why? : no
do they come from a civilian or military family? : civilian
6418312666890311533.jpg
 
EMORY BUNKER
"Breathe with me. It's gonna be alright."

  • Name: Emory Bunker
    Age: 19 (born Jan 24th, 2001)
    Year: 2
    Gender: Genderqueer (he/they/ve)
    Orientation: Pan-aro
    Parent: ???
    Height: 6'6"
    Faceclaim: Shamir
    Powers:
    ❀ Emotion manipulation (via touch)
    ❀ Storm calling
    ❀ the Green Language (can communicate with birds)
 
Last edited:
[div class=container][div class=r1base] [div class=t1][div class=t1image][/div][/div] [div class=t2][div class=name]tryne de vries[/div] [div class=r2textbox][div class=r2text]Tryne comes off as a relaxed, happy, and open individual. She tries to not let things get to her, and when they do, she does her best to deal with them on her own time. She tends to overwork herself to the point of breaking and will disappear, if she can, to heal.[/div][/div][/div] [/div] [div class=r2base] [div class=s1][div class=cool1][div class=contentbox][div class=content]|name| Tryne Malak De Vries |nicknames| Tryn |age| 18 |birthday| 10/19 |gender| Female |sexuality| Pansexual |year| 1 |parent| Arcanua, maternal |powers| photon manipulation (extends to visual illusions and making herself appear invisible), glowing, photon-weapon creation [/div][/div][/div][/div] [div class=s2][div class=cool2][div class=contentbox][div class=content]|fc| Holly Jai |height| 5'5" |hair| Blonde |eyes| Blue |features| N/A [/div][/div][/div][/div] [div class=s3][div class=cool3][div class=contentbox][div class=content]|personality| Open-minded, loyal, empathetic, playful, stubborn, workaholic, blunt. "No" is an answer she doesn't like and pushing her away doesn't work. |interests| cooking, astronomy, magic, intellectual conversations, learning [/div][/div][/div][/div] [div class=s4][div class=cool4][div class=contentbox][div class=content]|was your character drafted?| Yes. |was your character's enrollment delayed? if yes why?| No. |do they come from a civilian or military family?| Military family. [/div][/div][/div][/div] [/div] [/div] [class=container] background: #52796F; min-width: 300px; max-width: 600px; min-height: 390px; margin: auto; [/class] [class=r1base] width: 450px; margin-left: 75px; margin-top: 50px; position: absolute; [/class] [class=t1] background: #FFFFFF; height: 150px; width: 150px; float: left; [/class] [class=t2] background: #6E948B; height: 150px; width: 300px; float: right; [/class] [class=t1image] background-image: url(https://i.imgur.com/axGNCM6.jpg); background-size: 150%; background-position: -10px -20px; height: 75px; width: 75px; cursor: pointer; position: absolute; margin-left: 37px; margin-top: 37px; [/class] [class name=t1image state=hover] background-image: url(https://i.imgur.com/axGNCM6.jpg); background-size: 150%; background-position: -20px -20px; height: 150px; width: 150px; margin: 0px; transition-duration: 0.8s; [/class] [class=name] color: white; font-size: 17px; letter-spacing: 0.2px; margin-top: 20px; margin-left: 25px; [/class] [class=r2textbox] height: 85px; width: 280px; overflow: hidden; margin-left: 10px; margin-top: 5px; [/class] [class=r2text] border-top: 1px dashed white; width: calc(100% + 17px); height: 85px; overflow: auto; font-family: Verdana; color: white; font-size: 11px; white-space: pre-line; text-align: justify; word-spacing: -2px; cursor: pointer; [/class] [class=r2base] margin-left: 75px; margin-top: 220px; position: absolute; width: 450px; display: flex; flex-direction: row; [/class] [class=s1] width: 110px; height: 110px; background: linear-gradient(90deg, #6E948B, #84A98C); background-size: cover; cursor: pointer; [/class] [class=s2] width: 110px; height: 110px; background: linear-gradient(90deg, #84A98C, #CAD2C5); background-size: cover; margin-left: 3px; cursor: pointer; [/class] [class=s3] width: 110px; height: 110px; background: linear-gradient(90deg, #CAD2C5, #84A98C); background-size: cover; margin-left: 3px; cursor: pointer; [/class] [class=s4] width: 110px; height: 110px; background: linear-gradient(90deg, #84A98C, #6E948B); background-size: cover; margin-left: 3px; cursor: pointer; [/class] [class=cool1] height: 110px; width: 110px; background: white; display: none; [/class] [class=cool2] height: 110px; width: 110px; background: white; display: none; [/class] [class=cool3] height: 110px; width: 110px; background: white; display: none; [/class] [class=cool4] height: 110px; width: 110px; background: white; display: none; [/class] [script class=s1 on=click] slideToggle 900 cool1 [/script] [script class=s2 on=click] slideToggle 900 cool2 [/script] [script class=s3 on=click] slideToggle 900 cool3 [/script] [script class=s4 on=click] slideToggle 900 cool4 [/script] [class=contentbox] height: 110px; width: 110px; overflow: hidden; [/class] [class=content] color: #333333; font-size: 10px; font-family: Verdana; width: calc(100% + 12px); height: 110px; overflow-y: auto; white-space: pre-line; padding: 5px; [/class]
 
Last edited:

Users who are viewing this thread

Back
Top