red and black Lost Boys layout

Tags: red, black, red and black, white, vampire, movie, blood
Description:

erm i dont know this movie so this isn't the best. requested by crimson
includes a custom cursor and online icon!! comment if ur gonna use
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=81478) -->

<style>
  @import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap');
h1{
  font-family: 'Gochi Hand', cursive;
}

body{
  background: url(https://tse2.mm.bing.net/th/id/OIP.AirG1qcQj_df1IiIQ0HM1wHaEo?pid=ImgDet&rs=1);
  background-position: center;
  background-repeat: repeat;
  background-size: 100%;
}

main{
  background: black;
  color: white;
  border: 3px white solid;
  border-radius: 8px;
  text-shadow: 3px 3px 2px darkred;
}

a:hover{
  color: darkred;
  filter: grayscale(50%);
  filter: blur(1.2px);
}
a{
  color: white;
}

.online { 
  visibility: hidden; 
} 
.online img { 
  content: url("https://gifcity.carrd.co/assets/images/gallery39/59e6c9a7.gif?v=8892912c"); 
  animation-name: none; 
  visibility: visible; 
  height: 30px; 
}

.profile h1{
  font-size: 30px;
  text-align: center;
  color: darkred;
  border: 5px white double;
  border-radius: 8px;
  text-shadow: 0px 0px 5px white;
  filter: blur(.5px);
}

.profile-pic img{
  border: 5px white double;
  border-radius: 8px;
  filter: sepia(50%) saturate(50%) grayscale(70%);
}

.profile .contact, .profile table, .profile .mood, .profile .blurbs, DIV.blog-preview{
  border: 5px white double;
  border-radius: 8px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 12px;
}

.profile .contact{
  filter: blur(.5px);
  font-size: 11px;
}

.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: url(https://gifcity.carrd.co/assets/images/gallery31/8f0e81d8.gif?v=8892912c)
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url(https://gifcity.carrd.co/assets/images/gallery31/8f0e81d8.gif?v=8892912c)
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url(https://gifcity.carrd.co/assets/images/gallery31/8f0e81d8.gif?v=8892912c)
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url(https://gifcity.carrd.co/assets/images/gallery31/8f0e81d8.gif?v=8892912c)
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url(https://gifcity.carrd.co/assets/images/gallery31/8f0e81d8.gif?v=8892912c)
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

	/* Block User */
	content: url(https://gifcity.carrd.co/assets/images/gallery31/8f0e81d8.gif?v=8892912c)
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url(https://gifcity.carrd.co/assets/images/gallery31/8f0e81d8.gif?v=8892912c)
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url(https://gifcity.carrd.co/assets/images/gallery31/8f0e81d8.gif?v=8892912c)
}

.profile-info{
  background: url(https://th.bing.com/th/id/R.0a929ce488147d8a6653829a8c035275?rik=eqz%2fqxME2Gmufg&pid=ImgRaw&r=0);
  border: 5px white double;
  border-radius: 8px;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 200px;
  font-family: 'Gochi Hand', cursive;
  font-size: 35px;
  filter: saturate(250%);
}

.profile .url-info{
  background: url(https://th.bing.com/th/id/R.b77aaa319ba08c9ff25375e45c8a1582?rik=Suag4RorLC9Hhg&pid=ImgRaw&r=0);
  background-position: center;
  background-size: 400px;
  height: 303px;
  border: 5px white double;
  border-radius: 8px;
  font-size: 0px;
  filter: saturate(200%) blur(.5px);
}

.profile .blurbs{
  text-shadow: 2px 2px 3px white;
}

.friends-pic img:hover{
  filter: blur(1px);
}


.friends{
  height: 300px;
  overflow-y: scroll;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 5px white double;
  border-radius: 8px;
  text-align: center;
}

.friends .heading{
  text-shadow: 2px 2px 3px white;
}

.friends a p{
  color: darkred !important;
  text-shadow: 0px 0px 5px white;
}

.friends a p:hover{
  color: white;
}

.friends a{
  color: darkred;
  text-shadow: 3px 3px 2px white;
}

.friends a:hover{
  color: white;
}

.count{
  color: darkred;
}

nav .top{
  background: transparent;
  font-size: 0px;
}

.logo{
  display: none;
}

nav .links{
  background: black;
  color: white;
  border-radius: 8px;
  border: 3px white solid;
  margin-top: 0px;
  margin-bottom: 30px;
  filter: blur(.5px);
}

footer{
  background: black;
  color: white;
  border: 3px white solid;
  border-radius: 8px;
  filter: blur(.5px);
  margin-top: 30px;
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: black;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: darkred;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: black;
}

body{ 
  cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAAAAACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAgP8AAID/AAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAID/AACA/wAAgP8AAID/AAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AACA/wAAgP8AAN//AADf/wAAgP8AAID/AAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAID/AADP/wAA//8AAP//AADP/wAAgP8AAAD/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwc+0IAAAMP8AAKD/AAD//wAA//8AAKD/AAAw/8HPtCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANzs0vwAAgP8AAKD/AACg/wAA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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAP//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAID/AADP/wAAoP8AAID/AACw/wAAsP8AAAD/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAA//8AAID/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAM//AAD//wAA//8AAN//AAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAD//wAA//8AAP//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAP//AAD//wAAAP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAAD/AAAA/wAAAP8AAAD/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAAD/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//5////8P///+B////AP///wD///+B////gf///8P////D////w////8P////D////w////8P////D////w////8H///IAT//gAAf/wAAD/4AAAf+AAAH/wAAD/+AAB//3ge///4H///+B//f/AP/z/wD/8f+B//D/w//wf+f/8='), auto;
}
</style>
Copy and paste this code into the "About me" section of your Profile to use it.
Caution: This Layout was not inspected by SpaceHey — use it at your own risk.
Comments

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