About me:
ava!
looking 4 new friends! >_<
/
π
π
π
π
π
π
π
π
π
π
π
π
π
π
π
π
jpg);
background-attachment: fixed;
font-weight: bold;
padding-top: 30px;
padding-bottom: 30px;
}
.container {
box-shadow: 0px 0px 10px var(--shadow);
border: var(--borders) 2px solid;
border-radius: 2px;
}
p {
color: var(--text);
font-weight: bold;
}
nav img.logo{
filter: brightness(0) saturate(100%) invert(66%) sepia(27%) saturate(5620%) hue-rotate(295deg) brightness(101%) contrast(102%) !important;
height:30px;
}
button {
background: var(--background);
color: var(--text);
font-weight: bold;
border: 1px solid var(--borders);
}
button:hover {
box-shadow: 0px 0px 7px var(--shadow);
transition: 0.2s;
}
input {
color: var(--text);
font-weight: bold;
border: var(--borders) solid 1px;
background: var(--background);
}
input:hover {
box-shadow: 0px 0px 7px var(--shadow);
transition: 0.2s;
}
nav .top , nav .links{
background: transparent;
text-align: center;
}
nav .links li:not(:last-child)::after {
content: " β‘";
color: var(--text);
}
nav .links .active img{
content: url(https://external-media.spacehey.net/media/sqLpta6rYgLWAkpNUIUzD1gvwUQaCmIbNso7iLOswyLY=/http://i11.photobucket.com/albums/a168/evelynregly/minigifs/dialogo_heart.gif);
}
nav .links .special img{
content: url(https://external-media.spacehey.net/media/ssPEMFvtP5JP9UOu31kXnnEunaEq6vs7wQOLrQNa3mIk=/https://64.media.tumblr.com/tumblr_lsvzzdwktq1qcfn0j.gif);
}
main {
background: var(--background) !important;
border-top: 0px;
border-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.col.left h1:before{
content: "";
white-space: pre-wrap;
display: block;
height: 90px;
background-image: url(https://64.media.tumblr.com/0d55580fe87eb3933c160a92c349f760/6fcb2f4db63b176e-a6/s1280x1920/086128f6cc4cee2a81ababe6373f883d6eadaef7.png);
background-repeat: no-repeat;
background-size: 105px;
}
h1 {
color: var(--links);
}
.profile-pic img {
border: solid var(--borders) 2px;
border-radius: 180px;
box-shadow: 0px 0px 8px var(--shadow);
}
.profile-pic img:hover{
animation: rotation 0.3s infinite linear;
/*makes your pfp spin when you hover. put your avatar in the blender, for absolutely no cost !!*/
}
.online { font-size: 0px; }
.online:after{
content: url(https://external-media.spacehey.net/media/sjXN-KWnWaYoqdHOTY6aVUYiXQZDXVGbKvS4QYA70n6E=/https://64.media.tumblr.com/095a0f01d7c7fb1f65e046fc0f3d3458/57fce79f2c64a249-ed/s250x250_c1/d5a08affbd2dde37e3db8bc19ea90d1265239a50.gifv);
}
.mood {
padding-top: 3px;
}
.mood:after {
content: "";
white-space: pre-wrap;
display: block;
height: 50px;
background-image: url(https://external-media.spacehey.net/media/spY1NcpH4glcd6WTJzQx4Ut2tcPR4hivJN50vynsO9Uk=/https://64.media.tumblr.com/cf9957b8b293e1421b2fa772eeeeccad/d89df26c49a9bc3e-dd/s250x400/fff3b84585198a3237ee74b3ece9d8a6350272a8.gifv);
background-repeat: no-repeat;
background-position-x: center;
background-size: 295px;
}
.blurbs:after {
content: "";
white-space: pre-wrap;
display: block;
height: 30px;
background-image: url(https://64.media.tumblr.com/4271ec520a95754e89bd6cfd2ea25e32/22468f042cccfb74-20/s250x400/a4822a30dc43c3dfe9e475271bca8ffbfb7b09ee.gifv);
background-repeat: round, no-repeat;
background-size: 240px;
}
.blurbs .inner {
text-align: center !important;
}
.url-info {
display: none;
}
.profile .blurbs .section, .friends,
.profile .contact, .profile .table-section {
box-shadow: 0px 0px 10px var(--shadow);
border: var(--borders) 2px solid;
border-radius: 2px;
background: none;
}
nav {
background: var(--background) !important;
color: var(--links);
border-radius: 2px;
}
footer {
background: var(--background) !important;
color: var(--links);
margin-top: 0px;
margin-bottom: 0px;
border-radius: 2px;
}
.comments-table, .comment-replies {
border: none;
}
.profile-info, .comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
background-color: transparent;
border: none;
}
#comments {
height: 450px;
overflow-y: scroll;
}
.comments-table td:first-child img:not(.icon), .bulletin-table td:first-child img:not(.icon){
border: 2px solid var(--borders);
box-shadow: 0px 0px 7px var(--shadow);
border-radius: 180px;
}
.comments-table td:first-child img:not(.icon):hover {
animation: shake 0.5s;
animation-iteration-count: infinite;
}
a, nav .links a, .special {
color: var(--links) !important;
}
a:hover, nav .links a:hover, .special {
color: var(--shift) !important;
text-decoration: none !important;
transition: 0.2s;
}
.logout-btn {
color: var(--links);
box-shadow: none;
}
.logout-btn:hover {
color: var(--shift);
box-shadow: none;
border: none;
text-decoration: none;
transition: 0.2s;
}
.col.left:after {
content: "";
white-space: pre-wrap;
display: block;
height: 120px;
background-image: url(https://external-media.spacehey.net/media/suONbgyq9iUZXtDy0YrgHAMbv6NhZW0Lb1kBFZfngIl0=/https://64.media.tumblr.com/4dfc12d942da310c136daeb6caf972fd/8fe28424f5b0dbd0-8c/s540x810/1678d50112ed878e46e8d0b92dd7a6bc08af35e3.png);
background-repeat: no-repeat;
background-size: 400px;
background-position-x: center;
}
.col.right:after {
content: "";
white-space: pre-wrap;
display: block;
height: 65px;
background-image: url(https://64.media.tumblr.com/215e4bbaf41d5daa8095b5ceff9b8198/61de52cc71d4975f-40/s400x600/1f9e6f24b225fe4901584397b4b731b61f2aeec9.gifv);
background-repeat: no-repeat;
background-size: 450px;
background-position-x: center;
}
.contact .inner a img {
font-size: 0;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before,
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before,
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before,
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/*changes the icons*/
content: url(https://external-media.spacehey.net/media/slZmKzhLL8s-F-qM82MS4qbsCJ--HmYM8RpcwEjrLzos=/https://64.media.tumblr.com/48d75db84391a9e27bf2bd9761d8809f/53ad41763afe5f30-cb/s75x75_c1/c789ca97626bee1fa3808f1ee4019bcbea27c05f.gifv);
}
.profile .table-section .details-table td {
background-color: transparent;
}
.profile .blurbs .heading {
font-size: 15px;
font-weight: bolder;
background: transparent;
color: var(--links);
}
.col.right h4 {
color: var(--links);
text-align: left;
}
.profile .blurbs .section h4, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
background: none;
color: var(--text);
font-style: italic;
}
.profile .blurbs .section h4 {
padding-left: 5px;
}
.person p {
color: var(--links) !important;
}
.person img{
border: 2px solid var(--borders);
box-shadow: 0px 0px 7px var(--shadow);
border-radius: 180px;
display: absolute;
height: 100px;
object-fit: cover;
width:100px;
}
.person:hover {
animation: shake 0.5s;
animation-iteration-count: infinite;
}
.count {
color: var(--links);
}
footer:after{
bottom: 0;
font-size:0;
left: 75%;
position:fixed;
pointer-events: none;
content:url(https://external-media.spacehey.net/media/s4ldbz5qawiRCfKHRGkovDQe-tVkWp6e6uDsHXO2-QOM=/https://64.media.tumblr.com/e50ecadf0be7bd04cf88effe58b5b689/d82e39eb0f219313-d7/s400x600/c60f704b50681246be607db5947f80e4b33f3cf9.png);
animation: slideIn 2s forwards;
}
@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); }
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
@keyframes slideIn {
0% {
transform: translateX(900px);
}
100% {
transform: translateX(0);
}
}
@media screen and (min-width: 0px) and (max-width: 720px) {
footer:after { display: none; }
}
β οΈ
ποΈ
π
βοΈ
β οΈ
ποΈ
π
βοΈ
β οΈ
ποΈ
π
βοΈ
β οΈ
ποΈ
π
βοΈ