Post by Charlotte Light on Oct 20, 2024 17:04:38 GMT -7
[nospaces][googlefont=Oleo+Script:400,700]
[googlefont=Assistant:300,400]
[newclass=".TableContain"]width: 600px; display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 10px auto; border-radius: 20px; box-shadow: 3px 3px 10px rgba(71, 52, 52, 0.5);[/newclass]
[newclass=".TableContain"]--white: #FFFFFF; --brown2: #f7f4f3; --brown3: #e8eff4; --brown4: #9db6c9; --brown5: #324e66;[/newclass]
[newclass=".TableContainLeft"]z-index: 2; width: 350px; background-color: var(--brown4); background-image: linear-gradient(#f7f4f3 4px, transparent 2px), linear-gradient(90deg, #f7f4f3 4px, transparent 2px); background-size: 3em 3em; border-radius: 20px 0px 0px 20px; padding: 35px; display: flex; flex-direction: column;[/newclass]
[newclass=".TableLeftHeadOutline"]width: 500px; background: var(--brown3); padding: 17px; border-radius: 12px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);[/newclass]
[newclass=".TableLeftHeader"]width: 455px; padding: 20px; background: var(--brown3); border: 2px dashed var(--brown5); border-radius: 10px;[/newclass]
[newclass=".TableTitle"]text-transform: uppercase; font-family: 'Oleo Script'; font-size: 48px; line-height: 45px; color: var(--white); -webkit-text-stroke: 2px var(--brown5); text-shadow: 2px 2px 5px rgba(57, 57, 57, 0.7);[/newclass]
[newclass=".TableButton"]margin: 10px 15px 10px 0px; background-color: var(--brown5); padding: 10px 15px 10px 15px; border-radius: 10px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: var(--brown3); font-family: 'Oleo Script'; font-size: 18px; align-self: start;[/newclass]
[newclass=".TableRelationshipContain"]width: 310px; height: 277px; display: flex; flex-direction: column; overflow: auto; z-index:3;[/newclass]
[newclass="::-webkit-scrollbar"]width: 0.3vw; z-index:2;[/newclass]
[newclass="::-webkit-scrollbar-thumb"]background-color: var(--brown4); border-radius: 100vw; z-index:2;[/newclass]
[newclass="::-webkit-scrollbar-track"]background-color: #efefef;[/newclass]
[newclass=".TableRelationshipText"]margin-top: 20px; width: 300px; height: 277px; background: var(--white); border-radius: 10px; box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.3); padding: 20px 30px 30px 30px; z-index:2;[/newclass]
[newclass=".RelationshipText"]font-family: Assistant; font-size: 12px; margin: 5px 25px 5px 10px; font-weight: 500; text-align: justify; color: var(--brown5);[/newclass]
[newclass=".RelationshipText b"]background-color: var(--brown2);[/newclass]
[newclass=".RelationshipText i"]color: #9db6c9;[/newclass]
[newclass=".TableContainRight"]z-index:1; width: 200px; height: 540px; background-color: var(--brown5); border-radius: 0px 20px 20px 0px; display: flex; align-items: center; flex-direction: column;[/newclass]
[newclass=".TableProfilePic"]margin-top: 180px; width: 115px; height: 115px; border-radius: 50%; background-image: url("https://i.imgur.com/BRDbEyn.jpeg"); background-size: cover; border: 6px solid var(--brown2); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));[/newclass]
[newclass=".TableIcon"]margin-top: 20px; background: var(--brown4); border-radius: 50%; width: 45px; height: 45px; box-shadow: 2px 4px 4px 2px rgba(57, 57, 57, 0.75); display: flex; justify-content: center; align-items: center; color: var(--white);[/newclass]
[newclass=".TableIcon a"]margin-top: 3px; color:var(--white)!important; text-decoration:none!important;[/newclass]
[newclass=".cp-stars-o"]color: var(--brown2); position: absolute; font-size: 150px; margin: 130px 0 0 170px; z-index: -1;[/newclass]
[googlefont=Assistant:300,400]
[attr="class","TableContain"]
[attr="class","TableContainLeft"]
[attr="class","TableLeftHeadOutline"]
[attr="class","TableLeftHeader"]
[attr="class","TableTitle"]
Charlotte Light
Charlotte Light
[attr="class","TableRelationshipText"]
[attr="class","cp cp-stars-o"]
[attr="class","cp cp-stars-o"]
[attr="class","TableRelationshipContain"]
[attr="class","TableButton"]Current Threads
[attr="class","RelationshipText"]
Charlotte Light has just arrived at Panacea Academy! However, she gets herself lost and in her chagrin, she bumps into Aryn Ellery creating the most embarrassing moment of her life![break][break]
Lilith Adie has a difficult phone call that spirals into a terrible breakdown. In her despair, Charlotte Light finds her and tries to assist however she can.[break][break]
Charlotte Light meets the infamous werewolf librarian; Willow Duval, hoping to retrieve her class books to begin her time at school and study.[break][break]
Charlotte Light finds herself once again wandering the forest in search of flowers when she stumbles upon a tomato garden, out of season! Believing it to be a lucky find, she begins to pluck the ripened fruit not realizing she is stealing from Osheen Alexandrite ![break][break]
Charlotte Light 's gets placed into a competition by her teacher to receive extra academic credits! Sadly for Charlotte, her partner was running late, but fear not for Gael Honora is here to the rescue and assist Charlotte in winning the competition! Or so she hoped...[break][break]
Charlotte Light enters the festival ball by herself amazed by the decorations when she feels outcasted. Nervous she finds Aryn Ellery and they spend the night together, getting to know one another better.[break][break]
Aryn Ellery and Charlotte Light are faced with an impossible challenge after being thrown into the infamous Haunted House against their will. Will they make it out of the escape room? Will they uncover the secret to the haunting? Or will the ghost capture them after getting too many strikes?[break][break]
Charlotte Light has just arrived at Panacea Academy! However, she gets herself lost and in her chagrin, she bumps into Aryn Ellery creating the most embarrassing moment of her life![break][break]
Lilith Adie has a difficult phone call that spirals into a terrible breakdown. In her despair, Charlotte Light finds her and tries to assist however she can.[break][break]
Charlotte Light meets the infamous werewolf librarian; Willow Duval, hoping to retrieve her class books to begin her time at school and study.[break][break]
Charlotte Light finds herself once again wandering the forest in search of flowers when she stumbles upon a tomato garden, out of season! Believing it to be a lucky find, she begins to pluck the ripened fruit not realizing she is stealing from Osheen Alexandrite ![break][break]
Charlotte Light 's gets placed into a competition by her teacher to receive extra academic credits! Sadly for Charlotte, her partner was running late, but fear not for Gael Honora is here to the rescue and assist Charlotte in winning the competition! Or so she hoped...[break][break]
- To Be or Not To Be (HALLOWEEN EVENT)
Charlotte Light enters the festival ball by herself amazed by the decorations when she feels outcasted. Nervous she finds Aryn Ellery and they spend the night together, getting to know one another better.[break][break]
- Broomstick Bandits (HALLOWEEN EVENT)
Aryn Ellery and Charlotte Light are faced with an impossible challenge after being thrown into the infamous Haunted House against their will. Will they make it out of the escape room? Will they uncover the secret to the haunting? Or will the ghost capture them after getting too many strikes?[break][break]
[attr="class","TableButton"]Completed Threads
[attr="class","RelationshipText"]
TEXT HERE[break][break]
TEXT HERE[break][break]
TEXT HERE[break][break]
TEXT HERE[break][break]
[attr="class","TableButton"]Abandoned Threads
[attr="class","RelationshipText"]
TEXT HERE[break][break]
TEXT HERE[break][break]
TEXT HERE[break][break]
TEXT HERE[break][break]
[attr="class","TableContainRight"]
[attr="class","TableProfilePic"]
[attr="class","TableIcon"][attr="class","cp cp-calendar"]
[attr="class","TableIcon"][attr="class","cp cp-briefcase"]
[attr="class","TableIcon"][attr="class","cp cp-heart"]
[newclass=".TableContain"]width: 600px; display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 10px auto; border-radius: 20px; box-shadow: 3px 3px 10px rgba(71, 52, 52, 0.5);[/newclass]
[newclass=".TableContain"]--white: #FFFFFF; --brown2: #f7f4f3; --brown3: #e8eff4; --brown4: #9db6c9; --brown5: #324e66;[/newclass]
[newclass=".TableContainLeft"]z-index: 2; width: 350px; background-color: var(--brown4); background-image: linear-gradient(#f7f4f3 4px, transparent 2px), linear-gradient(90deg, #f7f4f3 4px, transparent 2px); background-size: 3em 3em; border-radius: 20px 0px 0px 20px; padding: 35px; display: flex; flex-direction: column;[/newclass]
[newclass=".TableLeftHeadOutline"]width: 500px; background: var(--brown3); padding: 17px; border-radius: 12px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);[/newclass]
[newclass=".TableLeftHeader"]width: 455px; padding: 20px; background: var(--brown3); border: 2px dashed var(--brown5); border-radius: 10px;[/newclass]
[newclass=".TableTitle"]text-transform: uppercase; font-family: 'Oleo Script'; font-size: 48px; line-height: 45px; color: var(--white); -webkit-text-stroke: 2px var(--brown5); text-shadow: 2px 2px 5px rgba(57, 57, 57, 0.7);[/newclass]
[newclass=".TableButton"]margin: 10px 15px 10px 0px; background-color: var(--brown5); padding: 10px 15px 10px 15px; border-radius: 10px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: var(--brown3); font-family: 'Oleo Script'; font-size: 18px; align-self: start;[/newclass]
[newclass=".TableRelationshipContain"]width: 310px; height: 277px; display: flex; flex-direction: column; overflow: auto; z-index:3;[/newclass]
[newclass="::-webkit-scrollbar"]width: 0.3vw; z-index:2;[/newclass]
[newclass="::-webkit-scrollbar-thumb"]background-color: var(--brown4); border-radius: 100vw; z-index:2;[/newclass]
[newclass="::-webkit-scrollbar-track"]background-color: #efefef;[/newclass]
[newclass=".TableRelationshipText"]margin-top: 20px; width: 300px; height: 277px; background: var(--white); border-radius: 10px; box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.3); padding: 20px 30px 30px 30px; z-index:2;[/newclass]
[newclass=".RelationshipText"]font-family: Assistant; font-size: 12px; margin: 5px 25px 5px 10px; font-weight: 500; text-align: justify; color: var(--brown5);[/newclass]
[newclass=".RelationshipText b"]background-color: var(--brown2);[/newclass]
[newclass=".RelationshipText i"]color: #9db6c9;[/newclass]
[newclass=".TableContainRight"]z-index:1; width: 200px; height: 540px; background-color: var(--brown5); border-radius: 0px 20px 20px 0px; display: flex; align-items: center; flex-direction: column;[/newclass]
[newclass=".TableProfilePic"]margin-top: 180px; width: 115px; height: 115px; border-radius: 50%; background-image: url("https://i.imgur.com/BRDbEyn.jpeg"); background-size: cover; border: 6px solid var(--brown2); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));[/newclass]
[newclass=".TableIcon"]margin-top: 20px; background: var(--brown4); border-radius: 50%; width: 45px; height: 45px; box-shadow: 2px 4px 4px 2px rgba(57, 57, 57, 0.75); display: flex; justify-content: center; align-items: center; color: var(--white);[/newclass]
[newclass=".TableIcon a"]margin-top: 3px; color:var(--white)!important; text-decoration:none!important;[/newclass]
[newclass=".cp-stars-o"]color: var(--brown2); position: absolute; font-size: 150px; margin: 130px 0 0 170px; z-index: -1;[/newclass]
My night is going good!
The shoutbox is a public space, so please don't advertise, and do your best to be inclusive/friendly.
