erm anywho here's a layout thats red and autism flavoured :3
<style>
p.online {font-size: 0px;}
p.online::after{content: " I'M ONLINE";
color: lime;
font-size: 10px;}
font-size: 10px;}
</style>
<style>
body {
background:url(https://i.pinimg.com/originals/66/21/a7/6621a7908ea7457dcf6ce7f9faf12276.gif);
}
.profile {
background:url(https://i.pinimg.com/originals/55/26/e7/5526e7127cf8016434da6817a7ecc851.gif);
color:white;
text-shadow: 0 0 6px lime;
}
.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview {
border-style:Double;
border-width:5px;
box-shadow:0 0 12px lime;
border-color:lime;
background:black;
}
/* contact icons */
.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 favorite */
content: "🌟"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🌟"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group */
content: "🌟"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "💫"
}
footer {
border-radius: 15px;
background-image:
url(https://i.pinimg.com/originals/3a/91/0a/3a910a27336c7a835ae14f749ce2b9d0.gif);
color:white;
}
#music {
position: fixed;
bottom: 10px;
left: 10px;
width: 0px;
transition: 0.5s width;
}
#music:hover {
width: 0px;
}
nav .top {
background: url(https://i.pinimg.com/originals/3a/91/0a/3a910a27336c7a835ae14f749ce2b9d0.gif);
}
nav { background: black url(""); }
:root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:red;
--even-lighter-blue:black;
--lightest-blue:black;
--dark-orange:white;
--light-orange:red;
--even-lighter-orange:black;
--green:black;
}
}
div.ah.df.dg.dh {
border-radius: 0 0 10px 10px;
}
div.b4.ah.dx.dy.dz.e0 {
border-radius: 10px 0 0 0;
}
</style>
<div class="background"></div>
ㅤ
<div class="about">
ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
</div>
<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "MA FRENS!!!!"; font-size:.8rem; font-weight:bold;
color:black; }
}
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "LEAVE A COMMENT!!"; font-size:.8rem; font-weight:bold;
color:black; }
</style>
<style>
.profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "MY INTERESTS N STUFF :P";font-size:.8rem; font-weight:bold;
color:black; }
</style>
<style>
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "CONTACT ME!!! IF YOU DARE >:3"; font-size:.8rem; font-weight:bold;
color:black; }
}</style>
<style>
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "ABOUT ME!!"; font-size:.8rem; font-weight:bold; color:black; }</style>
<style>* {cursor: url(https://cur.cursors-4u.net/mechanics/mec-5/mec444.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/30/nintendo-gamecube-2.html" target="_blank" title="Nintendo Gamecube 2"><img src="https://cur.cursors-4u.net/cursor.png" alt="Nintendo Gamecube 2" style="position:absolute; top: 0px; right: 0px;"/></a>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )