❀My current Layout❀
copy and paste into "About Me" box:
<style>
@import url('https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pavanam&display=swap');
p{
font-family: 'Pavanam', sans-serif;
font-size: 20px;
color: white;
}
h1,h2,h3,h4,h5{
font-family: 'Metal Mania', cursive;
font-size: 36px;
color: #545454;
}
body {
background: url(https://i.imgur.com/Qd7EIxM.jpg);
}
.profile {
background-color: #242424;
}
main:before {
width: auto;
margin-bottom: 25px;
border: 1px solid black;
height: 300px;
display: block;
content: "";
box-shadow: 0px 0px 5px 3px white;
background-image: url(https://i.imgur.com/V1DeT0r.jpg);
background-position: center center;
background-size: cover;
}
footer {
border-radius: 20px;
background-image: url(https://i.imgur.com/zOBzqk5.jpg);
color: white;
}
table.comments-table td {
color: #7d7d7d;
}
:root {
--logo-blue: url(https://i.imgur.com/h2Qt58V.jpg);
--darker-blue: #8a8a8a;
--lighter-blue: #8a8a8a;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: #8c8c8c;
--light-orange: #8a8a8a;
--even-lighter-orange: #423f3f;
--green: black;
}
HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/bulbasaur.cur"), url("https://downloads.totallyfreecursors.com/thumbnails/bulbasaur.gif"), auto;}
A:hover{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/bulbasaur.cur"), url("https://downloads.totallyfreecursors.com/thumbnails/Bulbasaur.gif"), auto;}
.contact .inner a img {
font-size: 0px;
}
.contact .inner a img:before {
font-size: 1px;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* Add to Friends */
content: url(https://i.imgur.com/BhpOAn8.gif)
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: url(https://i.imgur.com/BhpOAn8.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: url(https://i.imgur.com/BhpOAn8.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: url(https://i.imgur.com/BhpOAn8.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: url(https://i.imgur.com/BhpOAn8.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: url(https://i.imgur.com/BhpOAn8.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: url(https://i.imgur.com/BhpOAn8.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: url(https://i.imgur.com/BhpOAn8.gif)
}
.online{content:url("https://i.imgur.com/GCCnGQc.gif");}
.profile-pic {
border-radius: 500px;
overflow: hidden;
}
.profile .friends .person img {
border-radius: 500px;
}
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )