Post by Jonathan Darby on Sept 2, 2024 13:00:53 GMT -7
[nospaces][googlefont=Mr Dafoe:400|Roboto:400,400i,700]
[newclass=.volc_Contain] --volc_accent:#6b31ac; [/newclass]
Notes: If you would like a rating w/ your character, please ask. Please note they are just for fun. <3
[break][break]
[newclass=.volc_Contain] width:550px; height:500px; border-radius:5px; overflow:hidden; background-color:#eee; display:flex; justify-content:space-between; [/newclass]
[newclass=.volc_Sidebar] height:100%; width:200px; display:flex; flex-flow:row wrap; align-items:center; justify-content:center; background-color:#444; position:relative; [/newclass]
[newclass=.volc_SideLink] width:calc(50%); height:50%; display:flex; align-items:center; justify-content:center; color:#7a7a7a; transition:.25s ease; [/newclass]
[newclass=.volc_SideLink:hover] background-color:#555555; color:#8a8a8a; transition:.25s ease; [/newclass]
[newclass=.volc_SideLink span] font-size:20px!important; [/newclass]
[newclass=.volc_Sidebar img] width:100px; height:100px; border-radius:100%; padding:10px; background-color:#494949; border:1px solid #555; position:absolute; z-index:1; [/newclass]
[newclass=.volc_Animation] width:120px; height:120px; position:absolute; z-index:2; border-radius:100%; border:1px solid transparent; border-right:1px solid var(--volc_accent); animation:1.75s volc_spinner linear infinite; animation-play-state:paused; } @keyframes volc_spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } [/newclass]
[newclass=.volc_Contain:hover .volc_Animation] animation-play-state:running; [/newclass]
[newclass=.volc_Sidebar:before] content:''; position:absolute; height:100%; width:1px; background-color:#555; [/newclass]
[newclass=.volc_Sidebar:after] content:''; position:absolute; width:100%; height:1px; background-color:#555; [/newclass]
[newclass=.volc_List] position:relative; width:325px; height:calc(100% - 25px); padding-top:25px; padding-right:25px; display:flex; flex-flow:column nowrap; [/newclass]
[newclass=.volc_List div] height:450px; overflow:auto; [/newclass]
[newclass=.volc_List div div] margin-top:25px; padding:0px 25px 0px 80px; height:auto; font:400 10px/14px roboto; color:#7a7a7a; text-align:justify; position:relative; z-index:1; text-shadow:-1px -1px 0 #eee, 1px -1px 0 #eee, -1px 1px 0 #eee, 1px 1px 0 #eee; [/newclass]
[newclass=.volc_List div div:first-child]margin-top:0px;[/newclass]
[newclass=.volc_List div div h1] margin:0px; font:400 20px/20px mr dafoe; text-transform:lowercase; color:var(--volc_accent); text-align:right; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.volc_List img] width:75px; height:75px; margin-left:-55px; margin-right:10px; border-radius:100%; padding:5px; background-color:#eee; border:1px solid #ccc; position:relative; z-index:1; float:left; [/newclass]
[newclass=.volc_List:before] content:''; position:absolute; height:100%; width:1px; background-color:#ccc; top:0px; left:68px; [/newclass]
[newclass=.volc_List div::-webkit-scrollbar] width:11px; [/newclass]
[newclass=.volc_List div::-webkit-scrollbar-thumb] background-color:var(--volc_accent); border:5px solid #eee; [/newclass]
[newclass=.volc_List div::-webkit-scrollbar-track] background-color:#ddd; border:5px solid #eee; [/newclass]
[newclass=.volc_Credit] font:bold 7px roboto; margin-left:500px; [/newclass]
[newclass=.volc_Credit a] font:bold 7px roboto!important; [/newclass]
[newclass=.lnr]font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; } @font-face {font-family:Linearicons-Free;src:url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.eot);src:url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.eot?#iefix) format('embedded-opentype'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.woff2) format('woff2'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.ttf) format('truetype'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.woff) format('woff'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.svg#Linearicons-Free) format('svg');font-weight:400;font-style:normal;[/newclass]
[newclass=.lnr-calendar-full:before]content:"\e836";[/newclass]
[newclass=.lnr-heart-pulse:before]content:"\e840";[/newclass]
[newclass=.lnr-briefcase:before]content:"\e84c";[/newclass]
[newclass=.lnr-home:before]content:"\e800";[/newclass]
[newclass=.volc_Contain] --volc_accent:#6b31ac; [/newclass]
Notes: If you would like a rating w/ your character, please ask. Please note they are just for fun. <3
[break][break]
[attr="class","volc_Contain"]
[attr="class","volc_Sidebar"]
[attr="class","volc_SideLink"][attr="class","lnr lnr-calendar-full"]
[attr="class","volc_SideLink"][attr="class","lnr lnr-heart-pulse"]
[attr="class","volc_SideLink"][attr="class","lnr lnr-briefcase"]
[attr="class","volc_SideLink"][attr="class","lnr lnr-home"]
[attr="class","volc_SideLink"][attr="class","lnr lnr-calendar-full"]
[attr="class","volc_SideLink"][attr="class","lnr lnr-heart-pulse"]
[attr="class","volc_SideLink"][attr="class","lnr lnr-briefcase"]
[attr="class","volc_SideLink"][attr="class","lnr lnr-home"]
[attr="class","volc_Animation"]
[attr="class","volc_List"]
There is a silence that settles as his eyes flit around. "I don't know what to do... I got injured... and he was so soft about it... His hands were so gentle and he just..." A sigh escapes him as he shifts in the seat, almost uncomfortable with what he has been forced to face. "What the f*ck am I supposed to do... this is bullshit." A bit of an upset groan escapes Johnny's lips. "I've... never met someone like that before and when around him- ... I don't f*cking know! Something comes over me and f*ck! F*ck! F*ck! F*ck!" He seems frustrated as he settles his head into his hands.
"He's so f*cking annoying." Johnny groans, his eyes rolling. He leans back, a sharper exasperated sigh escaping his lips as he rubs his face. "He's a f*cking thief, an idiot, an asshole and EVERYTHING IN BETWEEN! Get that f*cking straight. He's a b*tch!" His voice grows louder the longer he goes on. "At least he is nice to Caleb, I guess... The only thing he is f*cking good for." He grumbles out, crossing his arms and narrowing his eyes. A soft flush is on his face, but it is not inspired by Cyrus, but rather somebody else.
IC Explanation here.
"Oh, that obnoxious prick? Stay away from that f*cker. He gives you a charming little smile and thinks he can do whatever the f*ck he wants," he speaks as he rolls his eyes. The man leans forward, eyes narrowed, but he speaks nothing else of the junior. As though somewhat worried about background possibilities that could be derived from speaking ill of him.
IC Explanation here.
IC Explanation here.
There is a noticeable, if not, instantaneous shift in the mood. A scowl overtakes Johnny's face as anger sinks claws into his shoulder. "F*ck off. She's a b*tch and that is all you need to know... and don't you dare call that tyrannical b*tch my mom. B*tch doesn't deserve it."
IC Explanation here.
caleb wood
There is a silence that settles as his eyes flit around. "I don't know what to do... I got injured... and he was so soft about it... His hands were so gentle and he just..." A sigh escapes him as he shifts in the seat, almost uncomfortable with what he has been forced to face. "What the f*ck am I supposed to do... this is bullshit." A bit of an upset groan escapes Johnny's lips. "I've... never met someone like that before and when around him- ... I don't f*cking know! Something comes over me and f*ck! F*ck! F*ck! F*ck!" He seems frustrated as he settles his head into his hands.
cyrus makoa
"He's so f*cking annoying." Johnny groans, his eyes rolling. He leans back, a sharper exasperated sigh escaping his lips as he rubs his face. "He's a f*cking thief, an idiot, an asshole and EVERYTHING IN BETWEEN! Get that f*cking straight. He's a b*tch!" His voice grows louder the longer he goes on. "At least he is nice to Caleb, I guess... The only thing he is f*cking good for." He grumbles out, crossing his arms and narrowing his eyes. A soft flush is on his face, but it is not inspired by Cyrus, but rather somebody else.
farrah deneir
IC Explanation here.
gael honora
"Oh, that obnoxious prick? Stay away from that f*cker. He gives you a charming little smile and thinks he can do whatever the f*ck he wants," he speaks as he rolls his eyes. The man leans forward, eyes narrowed, but he speaks nothing else of the junior. As though somewhat worried about background possibilities that could be derived from speaking ill of him.
jade legrand
IC Explanation here.
lotus delaney
IC Explanation here.
marion darby
There is a noticeable, if not, instantaneous shift in the mood. A scowl overtakes Johnny's face as anger sinks claws into his shoulder. "F*ck off. She's a b*tch and that is all you need to know... and don't you dare call that tyrannical b*tch my mom. B*tch doesn't deserve it."
urijah anderson
IC Explanation here.
[attr="class","volc_Credit"]SELKIE
[newclass=.volc_Contain] width:550px; height:500px; border-radius:5px; overflow:hidden; background-color:#eee; display:flex; justify-content:space-between; [/newclass]
[newclass=.volc_Sidebar] height:100%; width:200px; display:flex; flex-flow:row wrap; align-items:center; justify-content:center; background-color:#444; position:relative; [/newclass]
[newclass=.volc_SideLink] width:calc(50%); height:50%; display:flex; align-items:center; justify-content:center; color:#7a7a7a; transition:.25s ease; [/newclass]
[newclass=.volc_SideLink:hover] background-color:#555555; color:#8a8a8a; transition:.25s ease; [/newclass]
[newclass=.volc_SideLink span] font-size:20px!important; [/newclass]
[newclass=.volc_Sidebar img] width:100px; height:100px; border-radius:100%; padding:10px; background-color:#494949; border:1px solid #555; position:absolute; z-index:1; [/newclass]
[newclass=.volc_Animation] width:120px; height:120px; position:absolute; z-index:2; border-radius:100%; border:1px solid transparent; border-right:1px solid var(--volc_accent); animation:1.75s volc_spinner linear infinite; animation-play-state:paused; } @keyframes volc_spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } [/newclass]
[newclass=.volc_Contain:hover .volc_Animation] animation-play-state:running; [/newclass]
[newclass=.volc_Sidebar:before] content:''; position:absolute; height:100%; width:1px; background-color:#555; [/newclass]
[newclass=.volc_Sidebar:after] content:''; position:absolute; width:100%; height:1px; background-color:#555; [/newclass]
[newclass=.volc_List] position:relative; width:325px; height:calc(100% - 25px); padding-top:25px; padding-right:25px; display:flex; flex-flow:column nowrap; [/newclass]
[newclass=.volc_List div] height:450px; overflow:auto; [/newclass]
[newclass=.volc_List div div] margin-top:25px; padding:0px 25px 0px 80px; height:auto; font:400 10px/14px roboto; color:#7a7a7a; text-align:justify; position:relative; z-index:1; text-shadow:-1px -1px 0 #eee, 1px -1px 0 #eee, -1px 1px 0 #eee, 1px 1px 0 #eee; [/newclass]
[newclass=.volc_List div div:first-child]margin-top:0px;[/newclass]
[newclass=.volc_List div div h1] margin:0px; font:400 20px/20px mr dafoe; text-transform:lowercase; color:var(--volc_accent); text-align:right; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.volc_List img] width:75px; height:75px; margin-left:-55px; margin-right:10px; border-radius:100%; padding:5px; background-color:#eee; border:1px solid #ccc; position:relative; z-index:1; float:left; [/newclass]
[newclass=.volc_List:before] content:''; position:absolute; height:100%; width:1px; background-color:#ccc; top:0px; left:68px; [/newclass]
[newclass=.volc_List div::-webkit-scrollbar] width:11px; [/newclass]
[newclass=.volc_List div::-webkit-scrollbar-thumb] background-color:var(--volc_accent); border:5px solid #eee; [/newclass]
[newclass=.volc_List div::-webkit-scrollbar-track] background-color:#ddd; border:5px solid #eee; [/newclass]
[newclass=.volc_Credit] font:bold 7px roboto; margin-left:500px; [/newclass]
[newclass=.volc_Credit a] font:bold 7px roboto!important; [/newclass]
[newclass=.lnr]font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; } @font-face {font-family:Linearicons-Free;src:url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.eot);src:url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.eot?#iefix) format('embedded-opentype'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.woff2) format('woff2'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.ttf) format('truetype'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.woff) format('woff'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.svg#Linearicons-Free) format('svg');font-weight:400;font-style:normal;[/newclass]
[newclass=.lnr-calendar-full:before]content:"\e836";[/newclass]
[newclass=.lnr-heart-pulse:before]content:"\e840";[/newclass]
[newclass=.lnr-briefcase:before]content:"\e84c";[/newclass]
[newclass=.lnr-home:before]content:"\e800";[/newclass]
The shoutbox is a public space, so please don't advertise, and do your best to be inclusive/friendly.
