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]
[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]
[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"]
"So what about him?!" He immediately snaps, almost as though bringing up the name itself is an accusation. "He is just some guy I tutor! Nothing else!" His eyes narrow into a sharp glare as a bit of a growl escaped him. "And don't you go around telling people shit. I don't find him cute, I don't like men, plain and simple. Understood?."
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."
caleb wood
"So what about him?!" He immediately snaps, almost as though bringing up the name itself is an accusation. "He is just some guy I tutor! Nothing else!" His eyes narrow into a sharp glare as a bit of a growl escaped him. "And don't you go around telling people shit. I don't find him cute, I don't like men, plain and simple. Understood?."
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."
[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]