v's profile picture

Published by

published
updated

Category: Web, HTML, Tech

soul eater layout

<style>




.logo {




content:url("https://i.ibb.co/h713Rp3/Picsart-24-02-26-16-46-39-617.png");




}




</style>










<div id="bloodydrip">




<style>


#bloodydrip {


background: url("https://64.media.tumblr.com/27c6cf0846f68c2b01c0bc224f3f9efd/7c22e5fc72c98df2-87/s540x810/0d6b2cb772e66ab374f1df1ce5d4e974f6d018f8.gif");


background-position: center;


background-repeat: repeat;


width: 600%;


height:24px;


min-width: 1720px;


overflow: hidden;


position: fixed;


top: -0.9px;


left: 0px;


z-index: 100;


pointer-events: none;


opacity: 1;


}


</style></div>


<style>


/* 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: "💀"


}


</style>












<style>




}






body {


font-family: Courier New, monospace;


}


body {


background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d3ad83f6-0b0b-43e6-bc33-8dbba62dbdaa/dj146nq-329e3dcc-ad90-49df-be0c-2cd65a8b9d8a.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2QzYWQ4M2Y2LTBiMGItNDNlNi1iYzMzLThkYmJhNjJkYmRhYVwvZGoxNDZucS0zMjllM2RjYy1hZDkwLTQ5ZGYtYmUwYy0yY2Q2NWE4YjlkOGEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.2Db4L2oJZwjdDUrJ9DvSbnUZKvh3DgdDNkjt61rKGFA);






}


img {


filter: brightness(100%) saturate(100%) invert(32%) sepia(96%) saturate(598%) hue-rotate(260deg) brightness(150%) contrast(200%);


}


body::before {


content: " ";


display: block;


position: fixed;


top: 0;


left: 0;


bottom: 0;


right: 0;


background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);


z-index: 2;


background-size: 100% 2px, 3px 100%;


pointer-events: none;


}


.logo {


filter: brightness(100%) saturate(100%) invert(32%) sepia(96%) saturate(598%) hue-rotate(260deg) brightness(150%) contrast(200%);


}


#q, button {


color: #D361CB;


background-color: black;


border: 1px solid #D361CB;


font-family: inherit;


}


p, i, b, .count {


color: #D361CB !important;


}


a, .profile .friends .person p, .logout-btn {


color: #D361CB !important;


text-decoration: underline !important;


}


.container {


margin: 0 auto 0;


}


.icon {


display: none;


}


nav, nav .links a {


color: #D361CB;


}


nav .top {


margin-top: 2px;


background: none;


background-color: black;


border: 2px dotted #D361CB;


border-bottom: none;


}


nav .links {


background-color: black;


border: 2px solid #D361CB;


}


main {


background: black;


color: #D361CB;


border-left: 2px dotted #D361CB;


border-right: 2px dotted #D361CB;


}


.heading, .url-info {


color: #D361CB !important;


background: none;


background-color: black !important;


border: 2px solid #D361CB !important;


}


.inner {


color: #D361CB !important;


border: 2px dotted black;


border-top: none;


}


.profile-info {


border: 2px solid #D361CB;


}


.profile-info .inner {


border: none;


}


.friends .inner {


border-bottom: none;


}


#comments {


border-bottom: 2px dotted #D361CB;


}


.profile .contact, .profile .table-section, .home-actions {


border: none !important;


}


.profile .contact .f-row:first-of-type {


margin-top: 0px;


padding-top: 7px;


}


.profile .blurbs .section h4 {


color: #D361CB !important;


}


.details-table {


margin: 2px;


}


.details-table, td {


border: 1px solid #D361CB;


border-collapse: collapse;


}


td {


color: #D361CB !important;


background: none;


background-color: black !important;


}


table.details-table {


max-width: 98%;


}


.profile h1 {


font-size: 2em;


}


footer {


background: black;


border: 2px dotted #D361CB;


}


footer p {


color #D361CB !important;


}


.comments-table {


border: none;


border-collapse: collapse;


}


.comment-replies {


border: 1px solid #D361CB;


margin: 2px;


}


nav .info {


background: none;


}


footer {


border-radius: 15px; background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d3ad83f6-0b0b-43e6-bc33-8dbba62dbdaa/dj14uve-91bf7bef-5071-4558-a16c-38bca9f01e46.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2QzYWQ4M2Y2LTBiMGItNDNlNi1iYzMzLThkYmJhNjJkYmRhYVwvZGoxNHV2ZS05MWJmN2JlZi01MDcxLTQ1NTgtYTE2Yy0zOGJjYTlmMDFlNDYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.80vVNm8JVWq-2P56q4AufPw6lO5bgCiRrTB_p4MKiTA);


color: white;


}


</style>






<div style="float: ; max-height: 800px; position: fixed; RIGHT: 1px; BOTTOM: 1px; z-index: 200;"><img src="https://topgod.carrd.co/assets/images/image01.gif?v=71741f26"/></div>




<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/anime/ani-10/ani953.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/05/15/the-moon-soul-eater.html" target="_blank" title="The Moon - Soul Eater"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="The Moon - Soul Eater" style="position:absolute; top: 0px; right: 0px;" /></a>


0 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )