}
a:hover {
color: #9C64BD;
cursor: url('https://mario0fan.repl.co/xp.png'),auto;
}
.count{
color: #9C64BD;
}
.profile .friends-grid .person p{
color: #9C64BD;
}
nav .links{
background-color: #a362c9;
font-family: "Classic Robot Condensed";
font-size: 100%;
}
nav .links .special a {
color: #FFFFFF;
}
::selection {
background: #523165;
color: #FFFFFF
}
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
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: "๐ฎ"
}
.profile .contact {
border-radius: 10px;
border: 3px dashed #FFFFFF!important;
background-image: url(https://i.pinimg.com/564x/3c/f5/34/3cf5342dc379ef168a0ce9bdf833307c.jpg);
background-position: right top;
background-repeat: repeat;
background-attachment: scroll;
Height:140px;
color: white;
}
.blog-preview {
border: 3px dashed #FFFFFF!important;
background: rgba(255, 255, 255);
background-image: url(https://i.pinimg.com/originals/f6/89/67/f689673d2c553f5043729dca7d65a882.gif);
border-radius: 10px;
height:155px!important;
background-position: bottom-right;
background-repeat: no-repeat;
}
.profile .table-section,
.home-actions {
border: 3px dashed #FFFFFF!important;
background-image: url(https://i.pinimg.com/originals/8c/7b/03/8c7b0382ff3ba35ab36ef2051debb731.gif);
border-radius: 10px;
}
.col, main, footer, nav::before, .online, nav .links, nav .top, .container {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.col, main, footer, nav::before, .online, nav .links, nav .top, .container {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
}
html:after {
animation: grain 8s steps(10) infinite;
background-image: url(https://s.studiobinder.com/wp-content/uploads/2020/08/What-is-Film-Grain-Film-Grain-Example.jpg);
content: "";
height: 300%;
left: -50%;
opacity:.2;
position: fixed;
top: -110%;
width: 300%;
pointer-events:none;
}
@keyframes grain {
0%, 100% { transform:translate(0, 0) }
10% { transform:translate(-5%, -10%) }
20% { transform:translate(-15%, 5%) }
30% { transform:translate(7%, -25%) }
40% { transform:translate(-5%, 25%) }
50% { transform:translate(-15%, 10%) }
60% { transform:translate(15%, 0%) }
70% { transform:translate(0%, 15%) }
80% { transform:translate(3%, 35%) }
90% { transform:translate(-10%, 10%) }
}
.profile .table-section {
display: block;
height: 500px;
width: AUTO;
overflow-y: scroll;
font-size: 12px;
border: dotted 0px!important;
border-right: none!important
}