posted Oct 5, 2018 16:17:24 GMT -6 in [ABC's] young volcanoes
[nospaces][googlefont=Mr Dafoe:400|Roboto:400,400i,700]
[newclass=.volc_Contain] --volc_accent:#FC6404; [/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:#FC6404; [/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"]
when rome's in ruins, we are the lions, free of the coliseums. in poisoned places, we are anti-venom, we're the beginning of the end. tonight the foxes hunt the hounds, it's all over now, before it has begun, and we've already won. we are wild. we are like young volcanoes. we are wild. americana exotica, do you wanna feel a little beautiful baby?
come on make it easy, say i never mattered, run it up the flagpole. we will teach you, how to make boys next door out of assholes. tonight the foxes hunt the hounds, it's all over now, before it has begun, and we've already won.
we are wild. we are like young volcanoes. we are wild, americana exotica, do you wanna feel a little beautiful baby? we are wild. we are like young volcanoes. we are wild, americana exotica, do you wanna feel a little beautiful baby? come on make it easy, say i never mattered, run it up the flagpole. we will teach you, how to make boys next door out of assholes. tonight the foxes hunt the hounds, it's all over now, before it has begun, and we've already won. we are wild. we are like young volcanoes. we are wild, americana exotica, do you wanna feel a little beautiful baby? we are wild. we are like young volcanoes. we are wild, americana exotica, do you wanna feel a little beautiful baby?
relationship here
when rome's in ruins, we are the lions, free of the coliseums. in poisoned places, we are anti-venom, we're the beginning of the end. tonight the foxes hunt the hounds, it's all over now, before it has begun, and we've already won. we are wild. we are like young volcanoes. we are wild. americana exotica, do you wanna feel a little beautiful baby?
relationship here
come on make it easy, say i never mattered, run it up the flagpole. we will teach you, how to make boys next door out of assholes. tonight the foxes hunt the hounds, it's all over now, before it has begun, and we've already won.
relationship here
we are wild. we are like young volcanoes. we are wild, americana exotica, do you wanna feel a little beautiful baby? we are wild. we are like young volcanoes. we are wild, americana exotica, do you wanna feel a little beautiful baby? come on make it easy, say i never mattered, run it up the flagpole. we will teach you, how to make boys next door out of assholes. tonight the foxes hunt the hounds, it's all over now, before it has begun, and we've already won. we are wild. we are like young volcanoes. we are wild, americana exotica, do you wanna feel a little beautiful baby? we are wild. we are like young volcanoes. we are wild, americana exotica, do you wanna feel a little beautiful baby?
[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]