I HOPE ITS USEFUL
u can put everywhere imagine backgroundcolor or smth else codes r the same
!!!!!
U DONT HAVE TO COPY ALL CODES LIKE IF U WANT TO CHANGE UR NAME COLOR U CAN JUST COPY "h2#name {
color: #;
}" PART AND IF U COPY ALL U HAVE TO FILL all of THE BLANKS CUZ IF U DONT do it, IT WONT WORK -thanksluv y'all <33!!!!
!!!!
!!!!
NAME
h2#name {
color: #;
text-shadow: 2px 2px 4px #;
background-color: #;
background-image: url(https);
}

BLOG BOX:
.box.blog {
background: #730000;
}

EDIT UR PROFİLE BOX :
.extended.box {
border: 2px solid #;
background-color: #;
background-image: url(https);
}

ABOUT ME AND Who I'd like to meet text :
h4 {
color: #;
background-image: url(https);

}

SONG BOX:
.player.box {
background-color: #;
background-size: 33%;
background-position: 150px;
color: #;
}

THE BOX WHICH IS STARTING WITH UR NAME AND ENDING WITH THE SONG BOX (u can change them all ofc):
.topLeft{
margin-top: 20px;
background-repeat: no-repeat;
background-color: #;
background-size: 100% 100%;
background-image: url(https:);
}

THE BOX WHICH IS STARTING WITH EDIT UR PROFILE BOX AND ENDING WITH COMENTS:
.topRight{
margin-top: 20px;
background: #;
max-width: 550px;
margin-bottom: 20px;
border: 2px solid #;
}

NUMBER OF UR FRIEND TEXT
.fwiendCount {
color: #;
}

COMMENT BOX:
.tableRight{
background: #;
}

COMMENT FRIENDS PHOTO BOX:
.fwiendFace, .tableLeft {
transition: 0.5s;
background: #;
}

LEAVE A COMMENT AND CONTRACTING.. TEXT'S BOXS
.boxHead{
color: #;
background: #;

}

...'S FRIENDS SPACE AND ...'S BLURBS TEXT'S BOXS
.rightHead{
color: #;
background: #;

}

BLOCK ADD REPORT...

sMsg, #block, #report, #add, #remove {

color: #;
background-image: url(https://);
background-size: 40%;

}

           ANIMATION TO THAT TEXTS
            a:hover {
             animation: changeColor 1s linear infinite;
             text-shadow: 2px 2px 4px #;
        }

FRIEND PHOTO FILTRES
.fwiendFace img {
filter: grayscale(100%);
}

.tableLeft img{
filter: grayscale(100%);
}

COOLEST SHIT (ANIMATION TO UR FRIENDS FACE?)
.fwiendFace:hover{
animation:shake 0.5s;
animation-iteration-count:infinite;
}

.tableLeft:hover{
animation:shake 0.5s;
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,1px) rotate(0deg);
}

}

HEADER AND THE THING BELLOW IT
div#header {
background-image: url(https://);
background-color: #;
background-position: 0px -400px;
text-align: center;
font-family: ;
background-size: 30%;
background-repeat: repeat;

}

div#hSub {
color: # !important;
background-color: #;
text-align: center;
font-family: ;
filter: ;
}

PLS MAKE COMMENTS
https://i.pinimg.com/564x/0e/e7/ca/0ee7ca71563a0688a5d68f8a085c62ce.jpg