Voltra Profile 2

/* v.1 ++ Please do not copy or rip my codes without permission - I will almost always say yes. If you need help, feel free to ask ~ c: */

::-webkit-scrollbar { width: 0; }

#content.container::-webkit-scrollbar {
width: 6px !important;
}

#content.container::-webkit-scrollbar-track {
background: rgba(148, 21, 94, 1);
}

#content.container::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 3px 1px #3585B4;
}

@font-face {
  font-family: Megrim;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/megrim/v7/3QlnWQVA-dQyEeamqiHm2g.woff2);
}

@font-face {
  font-family: VT323;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/vt323/v8/lo_L7yCDHYN9FAxvMCI1vQ.woff2);
}

* { box-sizing: border-box; cursor: url(http://aldonydh.elementfx.com/src/cursor_small.ico), auto; border-radius: 0 !important; }

body {
background: #2D0C2C;
}

header.min { height: 0; float: left; width: 100%; } section { padding: 5px !important; margin: 0 auto 5px !important; background: rgba(44, 12, 45, 0.5) !important; border: 1px solid rgb(44, 12, 45) !important; }

h2 {
background: transparent !important;
}

h3 { display: none; }

div#structure { margin: 0; }

#navbar { visibility: hidden; overflow: visible !important; }

ul.nav.navbar-nav.navbar-right {
visibility: visible !important;
position: absolute;
left: 0;
margin: auto;
right: 0;
top: 49px;
width: 787px;
font: 16px VT323;
z-index: 19 !important;
}

ul.nav.navbar-nav.navbar-right li {
width: 20%;
margin: 0;
text-align: center;
}

ul.nav.navbar-nav.navbar-right li a {
padding: 2.5px;
margin: 0;
background: transparent;
color: #3585B4;
transition: all 0.5s ease-in-out;
border-bottom: 1px solid transparent;
}

ul.nav.navbar-nav.navbar-right li a:hover {
animation: inshadow 0.5s alternate infinite;
}

@keyframes inshadow {
from { border-color: #3585B4; color: #3595B4; }
to { border-color: #C20874; color: #C20874; }
}

@-webkit-keyframes inshadow {
from { border-color: #3585B4; color: #3595B4; }
to { border-color: #C20874; color: #C20874; }
}

@-moz-keyframes inshadow {
from { border-color: #3585B4; color: #3595B4; }
to { border-color: #C20874; color: #C20874; }
}

@-ms-keyframes inshadow {
from { border-color: #3585B4; color: #3595B4; }
to { border-color: #C20874; color: #C20874; }
}

@-o-keyframes inshadow {
from { border-color: #3585B4; color: #3595B4; }
to { border-color: #C20874; color: #C20874; }
}

div.col-sm-12.text-center, #header_navigation, #footer, span#logo, div.copyright { display: none; }

#header_stats { z-index: 1; visibility: hidden; }

div.col-inner {

}

ul.content_navigation { display: none; }

#content.container {
background: none;
width: 787px;
height: 500px;
padding: 0 !important;
box-shadow: 0 0 5px 2px rgba(53, 133, 180, 0.5);
z-index: 9;
overflow-x: hidden;
margin: 75px auto 5px;
}

div.content_header {
float: left;
width: 100%;
height: 0;
overflow: visible;
border-bottom: none;
z-index: 1 !important;
}

div.content_header h1 { display: none; }

div#voltie.row {
width: 100%;
margin: 0 auto -10px;
height: 1100px;
background: url(https://i.imgur.com/qVX6x97.gif) center;
overflow-y: auto;
position: relative;
top: -10px;
}

div.col-md-6, div.col-md-3 { padding: 5px; float: none; width: 75%; margin: 0 auto; }

div.col-md-6 {

}

div.col-md-3 {

}

section.voltie_info {

}

section.voltie_info h2 {
font: 26px Megrim !important;
}

span.voltie_pronouns {
font: 14px VT323;
}

span.online-orb, span.offline-orb {
border-radius: 50% !important;
}

@keyframes onlinelight {
from { border-color: #3585B4; }
to {  border-color: #C20874; }
}

@-webkit-keyframes onlinelight {
from { border-color: #3585B4; }
to {  border-color: #C20874; }
}

@-moz-keyframes onlinelight {
from { border-color: #3585B4; }
to {  border-color: #C20874; }
}

@-ms-keyframes onlinelight {
from { border-color: #3585B4; }
to {  border-color: #C20874; }
}

@-o-keyframes onlinelight {
from { border-color: #3585B4; }
to {  border-color: #C20874; }
}

span.online-orb {
animation: onlinelight 1s alternate infinite;
animation-timing-function: ease-in-out;
box-shadow: 0 0 3px 1px #2D0C2C;
}

span.offline-orb {
border-color: rgba(255, 255, 255, 0.5) !important;
}

section.voltie_info h2 {
margin: 0 auto 0;
width: 100%;
}

section.voltie_info img {
transform: rotateY(360deg) !important;
}

div.voltie_actions.row {
display: none;
}

section.voltie_bio {
color: #3585B4;
font: 15px VT323;
padding: 20px !important;
text-align: center;
}

section.voltie_video {
left: 20px;
width: ;
opacity: 0.7;
}

section.voltie_comments {
padding: 5px!important;
}

section.voltie_comments ul li {
padding: 0px !important;
margin: 0 auto 5px !important;
border: 1px solid #3585B4;
transition: transform 0.5s ease-in-out;
}

section.voltie_comments ul li:nth-child(odd) p:hover {
color: #FFF;
background: #741052;
}

section.voltie_comments ul li:nth-child(odd) p:hover:before {

}

section.voltie_comments ul li:nth-child(even) p:hover {
color: #740152;
}

section.voltie_comments ul li:nth-child(even):hover {
background: rgba(255, 255, 255, 0.5);
}

a.comment_username {
width: 100%;
text-align: center;
float: left;
border-bottom: 1px solid;
font: 18px Megrim;
color: #FFF;
font-weight: bold;
text-shadow: 0 0 1px;
}

section.voltie_comments ul li small { display: none; }

section.voltie_comments ul li img { display: none; }

section.voltie_comments ul li p {
background: transparent !important;
margin: 0 !important;
border: none !important;
color: #3585B4;
transition: all .5s ease;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
font: 16px VT323;
}

section.voltie_comments ul li p:hover {

}

section.voltie_comments ul li p:before {
background: rgba(33, 133, 180, 0.5);
width: 100% !important;
height: 100% !important;
border: none !important;
left: 0 !important;
top: 0.5em !important;
}

button.btn.btn-secondary.comments_load_more {
font: 15px Megrim !important;
width: calc(15% - 2.5px);
margin: 0 auto auto 0 !important;
border: 2px solid transparent;
background: #3585B4;
color: #C20874;
text-shadow: 0 0 1px;
width: 133px;
}

@keyframes borderlight {
from { background: #3585B4; color: #C20874; }
to { background: #C20874; color: #3585B4; }
}

@-webkit-borderlight {
from { background: #3585B4; color: #C20874; }
to { background: #C20874; color: #3585B4; }
}

@-moz-borderlight {
from { background: #3585B4; color: #C20874; }
to { background: #C20874; color: #3585B4; }
}

@-ms-borderlight {
from { background: #3585B4; color: #C20874; }
to { background: #C20874; color: #3585B4; }
}

@-o-borderlight {
from { background: #3585B4; color: #C20874; }
to { background: #C20874; color: #3585B4; }
}

button.btn.btn-secondary.comments_load_more:hover, #comment-button:hover {
animation: borderlight 1s alternate infinite;
animation-timing-function: linear;
}

#comment-button {
font: 15px Megrim !important;
margin: 0 auto auto 0 !important;
border: 2px solid transparent;
background: #3585B4;
color: #C20874;
text-shadow: 0 0 1px;
float: left;
width: 133px;
position: relative;
left: -367px;
top: -39px;
}

section.voltie_comments > form {
width: calc(100% - 140px);
margin: 0 0 -77px auto;
position: relative;
top: -38px;
}

textarea {
background: rgba(148, 21, 94, 0.5) !important;
color: #3585B4 !important;
border-color: inherit !important;
text-shadow: 0 0 1px;
font: 16px VT323 !important;
height: 74px !important;
}

div.col-xs-6 > span {
padding: 0 30%;
font-style: italic;
color: transparent;
}

span#charsLeft {
font: 14px VT323;
color: #94155E !important;
}

section.voltie_friends img { border-radius: 50% !important; border-left: 2px solid; animation: onlinelight 0.5s alternate infinite; }

/* end custom profile code */