.profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "interests/hobbies"; font-size:.8rem; font-weight:bold; color: #b10707; }
.contact .heading{ font-size:0; }
.contact .heading:before {
content: "msg me! i don't bite (mostly)";
font-size: .8rem;
font-weight: bold;
color: #b10707;
}
button, input{
border: 1px solid #800808;
color: #7b0000;
background: black;
}
nav .links .special a {
color: red;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
content: " βΈΈ ";
color: red;
}
.online {
content: url(https://external-media.spacehey.net/media/sG-A4-pEQRuAI67SoEjfTkVS1GJrCVE4s2RL9pTU09do=/https://i7.glitter-graphics.org/pub/104/104607x61kd02dl0.gif)
}
button.logout-btn, nav {
text-transform: lowercase;
}
HTML,BODY{cursor:
url(https://external-media.spacehey.net/media/s6rl8pclY7DDunCpW9Dilx_i8_U618PDAm6u3qxen7js=/https://ani.cursors-4u.net/symbols/sym-8/sym734.cur),
auto;}
A:hover{cursor:
url(https://external-media.spacehey.net/media/s6rl8pclY7DDunCpW9Dilx_i8_U618PDAm6u3qxen7js=/https://ani.cursors-4u.net/symbols/sym-8/sym734.cur),
auto;}
table.comments-table{
display: block;
height: 250px!important;
overflow-y: scroll;
}
nav .links a {
text-decoration: none;
color: #790404;
text-shadow: 0 0 7px #c30909;
font-size: 0.98em;
font-size: max(0.98em, 12px);
}
nav .links a:hover {
color: #e31515;
text-transform: uppercase;
font-style: italic;
}
.logout-btn, .logout-form {
color: #8c0707;
display: inline-block;
font-size: 100%;
text-transform: uppercase;
font-weight: bold;
}
.general-about .profile-pic img {
max-width: 160px;
max-height: 160px;
box-shadow: 0 0 5px darkred, 0 0 10px darkred;
border: 3px solid;
}
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 0em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* Add to Friends */
content: "β"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: "β"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: "β"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: "β"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: "β"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: "β"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: "β"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: "β"
}
img:hover , .url-info:hover , .online:hover {
animation: shake 1s;
animation-iteration-count: infinite;
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
h1{
animation: type 3s steps(27);
white-space: nowrap;
overflow: hidden;
}
@keyframes type{
0%{
width:0ch;
}
100%{
width:27ch;
}
}
@keyframes blink{
0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
.comment-replies {
padding: 0 5px;
border: 2px solid #5e0303;
margin-top: 10px;
}
.person {
filter: grayscale(100%) blur(2px) saturate(100%);
transition: filter 400ms ease-in-out;
}
.person:hover {
filter: none !important;
animation-name: shake;
animation: shake 4s;
animation-iteration-count: infinite;
}