simple three days grace layout! feel free to change/add anything, credits arent needed but appreciated, comment if using!!
<style>
.profile {
background:black
}
</style>
<style>
body {
background-image: url("https://cdn-images.dzcdn.net/images/cover/40ee194a256aad119746d7718b66977b/0x1900-000000-80-0-0.jpg") !important;
background-color: black !important;
background-attachment: fixed !important;
margin: 0;
padding: 0;
}
</style>
<style>
main,div.inner{background:#212121; opacity:.75;}
</style>
<style>
.top{
background-color: black !important;
background-image: url('https://www.shutterstock.com/image-vector/punk-rock-skull-monochrome-vector-260nw-1880992939.jpg') !important;
background-attachment: fixed !important;
background-repeat: repeat !important;
background-position: top left !important;
}
</style>
<style>
.links{
background-color: black !important;
background-image: url('https://i1.sndcdn.com/artworks-000174942502-hngqn0-t500x500.jpg') !important;
background-attachment: fixed !important;
background-repeat: repeat !important;
background-position: top left !important;
}
</style>
<style>
.logo {
content:url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSgSbj-95Q5Y6QJMDC_rFBMDTe55yJy_qGihQ&s");
}
</style>
<style>
footer{
background-color: black !important;
background-image: url('https://t3.ftcdn.net/jpg/01/15/56/74/360_F_115567415_JlB1nZGAbj3LeWrfBTp2fqBtdaG3rfO1.jpg') !important;
background-attachment: fixed !important;
background-repeat: repeat !important;
background-position: top left !important;
}
</style>
<style>
.heading{
background-color: black !important;
background-image: url('') !important;
background-attachment: fixed !important;
background-repeat: repeat !important;
background-position: top left !important;
}
</style>
<style>h1{color: red !important;}</style>
<style>body{color: red !important;}</style>
<style>a{color: red !important;}</style>
<style>a{font-family: serif !important;}</style>
<style>.links a{color: red !important;}</style>
<style>
.profile .contact, .profile .url-info, .profile .table-section, .home-actions, .blog-preview, .blurbs, .friends, .profile-info, .details {
border: 2px solid red !important}
</style>
<style>
:root {
--topic1: "about me"; /* EDIT INTEREST LABELS HERE */
--topic2: "music";
--topic3: "movies n tv";
--topic4: "pets";
--topic5: "dni list";
--topic6: "hobbies";
}
.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}
.details-table tr td:first-child p::after{
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px red !important; /* RED */
filter: brightness(95%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
content: var(--topic6);
}
</style>
<style>
.details-table p {
background:black !important;
}
</style>
<style>
.details-table td {
background:black !important;
}
</style>
<style>.online { visibility: hidden; } .online img { content: url("https://i7.glitter-graphics.org/pub/104/104607x61kd02dl0.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style>
<style>
.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: "★"
}
</style>
]
Comments
Displaying 0 of 0 comments ( View all | Add Comment )