• 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 idols debut: illusion「cs」

OOC
Here
Characters
Here

pasta

gogo dancer
character sheet.


basics: name + age + gender + sexuality + enthncity + role + face claim
appearance: hair color + eye color + weight + height + body mods
persona: personality (1 paragph min) + likes + dislikes + write facts about them (like the ones you'd see on a k-idol profile page)
biography (don't need to include early life. you should include why they became a trainee and info about their trainee years)

roles: 1. Leader, Main rapper - 2. Visual, Lead vocal - 3. The face, Main vocal ( pasta pasta ) - 4. Lead rapper, Sub-vocal - 5. Vocal, Lead dancer - 6. Vocal, Main dancer, Maknae

soft peachy hues.


 
tumblr_p10j8kcWkp1wih5cfo1_400.png
Chae Min Kyu
The Maknae
35% complete

[class=titleholder]height:60px; padding: 20px 10px 0px 10px; width: 320px; background-image:url(https://scontent-lga3-1.cdninstagram.com/vp/79a6db57827646578a0ff6736dcf5c4c/5B6AD798/t51.2885-15/e35/27893394_567326610297221_5730011862112665600_n.jpg?ig_cache_key=MTcxOTUzOTc5MTU1MTA5MTI1Mw%3D%3D.2); background-size:120%; background-position: 50% 20%; transform:rotate(-90deg); transition:all 1s ease-in-out; color: white; font-size: 30px; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-family: 'Playfair Display', serif; position: relative; top: 130px; margin-left: -120px; [/class] [class name=titleholder state=hover]color: #f1f1f1; text-shadow: 2px 1px 0px #7f806a; letter-spacing: 5px [/class] [script class=bigimage on=mouseenter] addClass selected bigimage fadeIn 600 hoverimg[/script] [script class=bigimage on=mouseleave] addClass selected bigimage fadeOut 800 hoverimg[/script] [div class=titleholder]chae min kyu
[div class="bigimage" style="height:100%;width:130px;background-image:url(https://i.pinimg.com/originals/3a/5e/ff/3a5eff82c4c2aa5ee2c49c98248c0b21.jpg);background-size:230%;background-position:50% 30%;filter: saturate(90%) contrast(100%);position:relative;top:-80px;left:100px"] [div class="hoverimg" style="display:none;height:100%;width:130px;background-image:url(https://78.media.tumblr.com/ad13173c879b5b511739424eeea3fe35/tumblr_p314esPIet1w809ifo1_1280.jpg);background-size:250%;background-position:70% 30%;"][/div][/div] [class=container]height:240px; width: 295px; padding: 5px 5px 5px 5px; font-family: 'Playfair Display', serif; font-style: oblique; position: relative [/class] [class=taboutside]height: 30px; width: 100px; padding-top: 20px; padding-left: 10px; padding-right: 10px; font-size: 0.55em; position: absolute; top: 50px; margin-left: 200px[/class] [div class=container style="top:-400px;left:240px"] [class=tabs]cursor: url(https://i.imgur.com/fkP02Jr.png), pointer; background: black; display: inline-block; color: transparent; font-size: 17px; text-align: center; transition: all .7s ease-in-out [/class] [script class=first on=click] hide tabsContent2 hide tabsContent3 fadeOut 400 tabsContent2 fadeOut 400 tabsContent3 fadeOut 800 tabsContent1 fadeIn 800 tabsContent1[/script] [script class=second on=click] hide tabsContent1 hide tabsContent3 fadeOut 400 tabsContent1 fadeOut 400 tabsContent3 fadeOut 400 tabsContent2 fadeIn 600 tabsContent2[/script] [script class=third on=click] hide tabsContent2 hide tabsContent1 fadeOut 400 tabsContent2 fadeOut 400 tabsContent1 fadeOut 400 tabsContent3 fadeIn 600 tabsContent3[/script] [class=boxcontainer1] display: inline; position: relative; [/class] [class=boxcontainer2] display: inline-block; opacity: 0; position: absolute; margin-left: -15px; margin-top: -10px; height: 100%; text-align: center; transition: opacity 0.4s; width: 100%; [/class] [class name=boxcontainer2 state=hover] opacity: 1; transition: 0.8s; [/class] [class name=box]background-color: #7f806a; border-radius: 10px 10px 10px 0px; margin-top: -10px; color: white; display: inline-block; font-family: Arial, sans-serif; font-size: 0.6em; padding: 2px 5px; letter-spacing: 0.3px; word-spacing:0.5px; text-align: center; transition: 1.5s[/class] [class=infocontainer]height: 230px; width: 295px; padding: 5px; position: absolute; top: 50px; margin-left: -5px; color: white; font-family:'Heebo', sans-serif; font-size: 0.69em; letter-spacing: 0.2px; font-smooth: 2em; overflow: hidden [/class] [class name=overflow]height: 100%; width: 104%; padding-right: 40px; overflow-y: auto; line-height:15px; font-style: normal; text-align: justify [/class] [class name=titleblock]width:295px;font-size:25px;text-align:center;color:#7f806a;text-shadow: 1px 1px 0px white;font-weight:700;margin-top:-260px[/class] [class name=line]height:1px;width:100%;background:#7f806a;[/class] [class=firstword]height: 10px; display: inline-block; background: #7f806a; padding: 0px 5px 7px 5px; color: #fff; font-weight: 700 [/class] [div class=taboutside style=position:relative;margin-top:220px;left:-100px;color:transparent;][div class="tabs first" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]1[div class=boxcontainer2][div class=box]requisite[/div][/div][/div][/div][div class="tabs second" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]2[div class=boxcontainer2][div class=box]facts[/div][/div][/div][/div][div class="tabs third" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]3[div class=boxcontainer2][div class=box]history[/div][/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent1"] [div class=titleblock]requisite[/div] [div class=infocontainer][div class=overflow][div class=firstword]name[/div]Chae Min Kyu (stage; Kyu)

[div class=firstword]age[/div] 17

[div class=firstword]gender[/div] male

[div class=firstword]sexuality[/div] questioning

[div class=firstword]ethnicity[/div] South Korean

[div class=firstword]role[/div] maknae, main dancer, vocal

[div class=firstword]fc[/div] lee dae hwi

[div class=line][/div]
[div class=firstword]persona[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Sed ne, dum huic obsequor, vobis molestus sim. Summus dolor plures dies manere non potest? Omnes enim iucundum motum, quo sensus hilaretur. Est, ut dicis, inquit; Duo Reges: constructio interrete. Haec quo modo conveniant, non sane intellego.Illis videtur, qui illud non dubitant bonum dicere; Unum est sine dolore esse, alterum cum voluptate. Nam et complectitur verbis, quod vult, et dicit plane, quod intellegam; Oculorum, inquit Plato, est in nobis sensus acerrimus, quibus sapientiam non cernimus. Illi enim inter se dissentiunt. Quo plebiscito decreta a senatu est consuli quaestio Cn. Quid enim?De ingenio eius in his disputationibus, non de moribus quaeritur. Quis non odit sordidos, vanos, leves, futtiles? Hic quoque suus est de summoque bono dissentiens dici vere Peripateticus non potest. Tu autem negas fortem esse quemquam posse, qui dolorem malum putet. Quae cum dixisset paulumque institisset, Quid est? [/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent2" style="display:none"] [div class=titleblock]kprofile[/div] [div class=infocontainer][div class=overflow] [div class=firstword]likes?[/div] purple, dancing, composing, singing, waking up early, rain, affection, heights, horror films, video games.

[div class=firstword]dislikes?[/div] snakeu, insects, snow, strong perfumes/smells, arguments, winter, thunder storms, being sick, sad movies.

[div class=firstword]habits?[/div]biting his lip

[div class=firstword]fears?[/div] failing, disbandment, snakes.

[div class=firstword]hobbies[/div] output

[div class=line][/div]
[div class=firstword]Facts[/div] -Born January 29th (aquarius) -Only child -Born in Seoul, SK -He is left-handed -Can speak english and Japanese well. -Has one monolid eye and the other is double-lid. -Wear insoles and is very insecure about his height -Gets sea sick (nasuea and dizziness.) -Hates the color grey -Known for being the sassy maknae -lowkey judging the other members when they do cringe worthy things. [/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent3" style="display:none"] [div class=titleblock]history[/div] [div class=infocontainer][div class=overflow][div class=firstword]probably biography[/div]Dragged to an audition at the age of fifteen, Kyu has been a trainee for 3 years before finally becoming a member in Illusion. wip wip wip

[div class=line][/div]
looks

[div class=firstword]height & weight[/div] 5'8ft & 120lbs

[div class=firstword]eyes[/div] honey brown

[div class=firstword]hair[/div] currently purple, natural brown

[div class=firstword]body mods[/div] ear pirecing [/div][/div][/div][/div][/div][/div] [class=credit]width:550px; margin: auto; position: relative; top: 5px; font-size: 9px; color: grey [/class] [div class=credit]code by @diaphanous[/div]
 
Last edited:


Xavier !
scroll

k.name: cho beom ho
e.name: xavier cho
stage name: beam
age: 21
sexuality: questioning ???
ethnicty: korean
nationality: american
role: the face, main vocal
height: 185cm
weight: 62kg
hair color: dark brown
eye color: dark brown
body modes: none
face claim: hyuk



So Faded
BEVY MACO — SO FADED


Persona !
Likes: cinnamon gum, sparkling water, youtube, composing music, ice cream, tacobell, winter, facetiming with his parents, hearing his grandma talk about how she's proud he's on TV, rain, phone games, live streams
Dislikes: summer, hot chocolate, disappointing others, loss of inspiration, getting jealous, contacts, uncomfortable clothes
Facts:
• was scouted on the streets for an international audition.
• didn’t know anything about kpop until deciding to research it after the audition.
• sometimes he makes american references but no one gets them. :// “oh my god, ronnie”
• bites ice cream
• spends a lot of his free time composing music and figuring new concepts
• loves to go against his diet

personality: hi
Biography!


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. Nunc scelerisque eros mauris, ac tincidunt sem euismod at. Sed mollis sollicitudin enim, ut sollicitudin urna mollis et. Duis a risus quam. Mauris ultricies vehicula erat, eu tempus risus iaculis vitae. Fusce id eros in eros dapibus finibus. Sed vel imperdiet velit, ac auctor eros. Suspendisse potenti. Curabitur dapibus metus et tellus accumsan feugiat. Donec est velit, porttitor vitae dignissim at, sollicitudin ac diam. Pellentesque condimentum augue eu magna facilisis, a ultricies felis ornare. Phasellus sit amet neque nisl. Maecenas fringilla, lorem et pharetra efficitur, justo urna consectetur erat, et porta dui libero vel tortor. Praesent vehicula, ipsum euismod consequat aliquet, sapien purus dapibus urna, sit amet tempus libero arcu eu quam. Aliquam nec turpis nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuerecubilia Curae; Nunc porta mauris ex, non venenatis augue porta eu. Aliquam nibh sem, gravida non nulla nec, lacinia volutpat magna. Mauris semper massa eu turpis pulvinar semper.
code by pasta pasta
 
Last edited:

name || lim jae-ha
stage name || kang.j "the 'ha' in my name comes from the chinese character that means 'river'. river in korean is 'kang' and well, 'j' sounds like 'jae'"
age || 22 years old
gender || male
sexuality || demisexual
ethnicity || south korean
role || lead rapper + sub vocal
face claim || lee sanha (@sanha.98)
I guess it rained overnight
Seeing that my pillow is wet again
I wondered if this was a dream
All those what-if’s
I’ll get used to it at the blink of an eye
Yea, I’ll get used to it
I believe it, I hypnotize myself
I’ll become indifferent
Even if your rain falls on me
Hold onto me from sinking into this dark swamp


What was the problem?
Was it even a problem?
Hanging onto a question without an answer
I try to get an answer but
The only thing remaining
Is this damn habit, this cruel habit
Of still seeing you clearly when I open my eyes
Your warm embrace, all those moments
The habit of drawing you out in the falling rain


I’ll be straight forward, I still regret it
It doesn’t matter on who was right or wrong
You not being by my side
Is constricting me
If only I could hold you again
If only your sun rises in this endless rain
I can be in pain, I just need your smile
Trapped in the illusions of if-only’s
 
Last edited:

tumblr_p1oxnmAjlQ1wvzdg1o9_r1_400.gif


° oh inwoon °
° aka noon °
° visual °
w i p


marker



personality

Your spreading dream
The beat of your heart is getting louder
The noise that shakes you up, all of it
It’s an illusion that’ll go away when you open your eyes​


marker




biography

The cheers that are exploding out of my mouth
The emotions filling from my head to my toes
Spitting out Word Can’t control my expression
In front of my eyes, greeting a new
Another World
[/font]


marker

basics:

〘stagename〙Noon
〘position〙visual + lead vocal
〘age〙19
〘gender〙male
〘sexuality〙tba
〘ethnicity〙south korean

〘face claim〙choi chanhee
〘hair color〙black
〘eye color〙dark brown
〘height〙5'7" + 171cm
〘weight〙130lbs + 59kg
〘body modification〙cross tattoo on side of pinky + pierced ears


o h
i n w o o n
Illusionns I Recall

code by pasta pasta
 
Last edited:
name _________ Kun Sung-Min

age ____________ twenty-two

gender ________________ male

sexuality __________ bisexual

ethnicity ____________ korean

role ____ leader, main rapper

face claim ______ kang daniel


hair color _____________ black

eye color ________ dark brown

height ___________ 5'9, 175 cm

weight ________ 125 lbs, 57 kg

body mods _____ ear piercings
likes _____ adventure ✰ animals ✰ parties ✰ video games ✰ astrology ✰ personality quizzes ✰ tarot cards ✰ good food

dislikes _____ feeling sad ✰ feeling exhausted ✰ jam ✰ debby downers ✰ conspiracy theories ✰
The Facts

✰ He burns out easily

✰ He cares about people too much

✰ He bites his lips out of habit

✰ When he's tired he becomes more introverted

✰ He takes the time to check in on the other members
Personality

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.

Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.


Biography

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.

Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.
[/br][/br]

THE PROFILE
code___southside.​
 
your favorite lead dancer and vocal
[div class=container]

[div class=bigimage][div class=bigimghover]
hai jianguo
[/div]
[/div]

[div class=window1Open]
LOOKS

[/div]
[div class=window2Open]
PERSONA

[/div]
[div class=window3Open]
BIO

[/div]
[div class=window4Open]
OPENME

[/div]

[div class=wcontainer0][div class=window0Close][div class=windowX]X[/div][/div][div class=window0][div class=scroll0] hai jianguo
stage name ; jian
age ; 21
sexuality ; bisexual
role ; lead dancer and vocal
ethnicity ; Chinese
fc ; minghao
[/div][/div][/div]

[div class=wcontainer1][div class=window1Close][div class=windowX]X[/div][/div][div class=window1][div class=scroll1]

weight ; 120lbs
height ; 5'10
eyes ; dark brown
hair ; light brown
mods ; two piercings in each ear
[/div][/div][/div]

[div class=wcontainer2][div class=window2Close][div class=windowX]X[/div][/div][div class=window2][div class=scroll2]

likes > fashion, art, dancing, kittens, romantic comedies, taking photos, sour candies, and cooking.
dislikes > bugs, gore, messes, crowds, shouting, loud chewing (he will smack you), sour foods, and fish (hates the smell so he won't eat it).

facts >
+ has done martial arts since he was young
+ was scouted when he was 18 when he was visiting Korea
+ cries a lot, but he hides when he does it so nobody has ever seen him cry
+
[/div][/div][/div]

[div class=wcontainer3][div class=window3Close][div class=windowX]X[/div][/div][div class=window3][div class=scroll3]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae bibendum ligula. Fusce et est maximus leo fringilla tempor a in felis. Etiam in auctor ligula. Integer id lorem elit. Donec vitae rutrum lorem. Curabitur mi arcu, elementum ut mollis id, volutpat et sem. Quisque maximus sed arcu eu hendrerit. Nam in lobortis ipsum, et mollis dolor. Nulla facilisi. Morbi sit amet purus malesuada, lobortis urna eu, bibendum nibh. Praesent dapibus justo eget nibh malesuada tincidunt. Praesent id ante tellus. Maecenas feugiat nisi vel orci hendrerit suscipit. Etiam egestas eros enim, ut rhoncus ante viverra sed. Mauris malesuada sagittis eros, non dignissim turpis egestas ut. Praesent in semper est.

Mauris eget nunc sit amet nisi pretium porta. Curabitur vulputate ut nibh ac bibendum. Suspendisse non suscipit nunc. Vivamus aliquam mauris vestibulum feugiat condimentum. Maecenas ac eros non ex hendrerit tempus. Vivamus quis congue lorem. Proin elit tellus, interdum posuere ultricies ornare, pretium at magna. Nulla rutrum tellus eget dolor euismod, at scelerisque est commodo. Morbi molestie imperdiet felis, ut ornare diam lacinia ut. Nulla sollicitudin odio eget justo lacinia lacinia. Donec volutpat consectetur vestibulum. Mauris laoreet lacus eget nisi efficitur pellentesque. Phasellus et dolor ac augue viverra hendrerit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam sit amet tempor mi, eget dictum sem.
[/div][/div][/div]

[div class=wcontainer4][div class=window4Close][div class=windowX]X[/div][/div][div class=window4][div class=scroll4] [div class=fancy]uxie♡[/div]
uxie, back at it again with another messy cs code
(why do u only do cs codes)
i can't really say i tried something that new this time but i've been slowly figuring it out. this one only took me like, what, 5 hours? haha. ): the layout and general aesthetic (is there even one) is credited to my good friend /u/roommate. her ideas r fresh and great and good for me bc im uncreative af
ive been harassing her 2 give me layout ideas as of late bc she's p new to coding while i am (???) not. so it's fun.

she's getting p good at it actually monkaS

anyways, as always, this code is free to use as long as you keep this cool little thing here. notice i always do this 4 the ones i spend way too much time on lol. it might be a bit laggy when ur editing it bc there's so much text oops. have fun with it, try not to edit too much it might break? i hope not. i've been trying to get mine to break less • ͜ > •
for the background i lit just googled vaporwave background LOL
palette used (w/ a few edits from me ofc)
ya
enjoy!

disclaimer: this code isn't mobile friendly nor tablet-friendly (bIG SAD) bc the dimensions are way too big!! the stuff itself might not fuck up, but a lot of things'll be cut off, so it's recommended it only be viewed on pc. then again, you couldn't see this part if you were on mobile or tablet, i'm p sure ?

[/div][/div][/div]

[/div]

[class=container] height:450px; width:500px; background:url('https://i.pinimg.com/originals/19/d2/94/19d294b86b157c57856ecd786461b8d2.jpg'); background-size:160%; background-position: 40% 20%; margin:auto; position:relative; [/class] [class=bigimage] height:250px; width:350px; background:url('https://78.media.tumblr.com/51a06fc555a23f495ea8c1b79f852868/tumblr_p732gnlG8G1v2efoqo1_1280.jpg'); background-size:100%; border:8px solid #c773d1; [/class] [class=bigimghover] height:250px; width:350px; background-color:#8795E8; position:absolute; opacity:0; transition:0.8s; [/class] [class name=bigimghover state=hover] opacity:0.8; transition:0.8s; [/class] [class=wcontainer0] height:140px; width:290px; position:absolute; top:270px; left:100px; [/class] [class=window0Close] height:17px; width:17px; background-color:#e53d3d; position:absolute; top:2.3px; left:274.5px; z-index:6; border-radius:1.8px; [/class] [class=window0] border:5px solid #d5d6f2; border-top:22px solid #d5d6f2; height:120px; width:280px; border-radius:1.5px; overflow:hidden; padding:3px; background:white; box-shadow:6px 7px 5px rgba(0, 0, 0, 0.34); [/class] [class=scroll0] padding-right:7.6px; margin-top:2.5px; height:127px; width:277px; overflow-y:scroll; [/class] [class name=scroll0] font-size:10.5px; color:black; text-align:justify; [/class] [class=wcontainer1] height:160px; width:290px; position:absolute; left:420px; top:15px; transform: scale(0.1,0.1); opacity:0; [/class] [class=window1] border:5px solid #d5d6f2; border-top:22px solid #d5d6f2; height:130px; width:280px; border-radius:1.5px; overflow:hidden; padding:3px; background:white; box-shadow:6px 7px 5px rgba(0, 0, 0, 0.34) [/class] [class=scroll1] padding-right:7.6px; margin-top:2.5px; height:127px; width:277px; overflow-y:scroll; [/class] [class name=scroll1] font-size:10.5px; color:black; text-align:justify; [/class] [class=wcontainer2] height:230px; width:215px; position:absolute; left:-218px; top:128px; transform: scale(0.1,0.1); opacity:0; [/class] [class=window2] border:5px solid #d5d6f2; border-top:22px solid #d5d6f2; height:200px; width:215px; border-radius:1.5px; overflow:hidden; position:relative; padding:3px; background:white; [/class] [class=scroll2] padding-right:7px; margin-top:2.5px; height:197px; width:212px; overflow-y:scroll; [/class] [class name=scroll2] font-size:10.5px; color:black; text-align:justify; [/class] [class=wcontainer3] height:200px; width:290px; position:absolute; left:480px; top:198px; transform: scale(0.1,0.1); opacity:0; [/class] [class=window3] border:5px solid #d5d6f2; border-top:22px solid #d5d6f2; height:170px; width:280px; border-radius:1.5px; overflow:hidden; padding:3px; background:white; box-shadow:6px 7px 5px rgba(0, 0, 0, 0.34) [/class] [class=scroll3] padding-right:7.6px; margin-top:2.5px; height:167px; width:277px; overflow-y:scroll; [/class] [class name=scroll3] font-size:10.5px; color:black; text-align:justify; [/class] [class=wcontainer4] height:170px; width:280px; position:absolute; left:180px; top:120px; transform: scale(0.1,0.1); opacity:0; z-index:6; [/class] [class=window4] border:5px solid #cedae5; border-top:22px solid #cedae5; height:160px; width:160px; border-radius:1.5px; overflow:hidden; padding:3px; background:white; box-shadow:6px 7px 5px rgba(0, 0, 0, 0.34) [/class] [class=scroll4] padding-right:8px; margin-top:2.5px; height:157px; width:157px; overflow-y:scroll; [/class] [class name=scroll4] font-size:10.5px; color:black; text-align:justify; [/class] [class name=fancy] font-size:35px; color:#ff9ee3; text-shadow:1.5px 2px #cd6cd8; position:absolute; left:-15px; top:165px; font-style:oblique; 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]
 
Last edited:

Users who are viewing this thread

Back
Top