Teen Titans (Robin Red)

Tags: red, teen titans, simple

Description:

Simple TT layout! Feel free to change whatever you'd like. you can give me credit or not, I don't care. (has autoplay)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ang3ldr00l (https://layouts.spacehey.com/layout?id=20572) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/4lWGWjK-O-o//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
<style>



<style>
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;700&display=swap');
p{
  font-family: 'Comfortaa', cursive;
  font-size: 100%;
}
h1{
  font-family: 'Comfortaa', cursive;
  font-weight: 700;
  font-size: 700%;  
}
h2,h3,h4,h5{
  font-family: 'Comfortaa', cursive;
  font-weight: 300;
  font-size: 100%;  
}

body{
   background-image: url(http://tinyimg.io/i/ubw3uEK.jpg) !important;
   background-attachment: FIXED !important;
   background-repeat: NO-REPEAT !important;
   background-size: cover;
}

main {
  background-color: #97171B;
  color: white;
}

.count {
  color: #6C1015
}
.blurbs .inner{
  text-align: center !important;
}
:root {
  --logo-blue: #470B0Dde;
  --darker-blue: #470B0D;
  --lighter-blue: #470B0D;
  --even-lighter-blue: transparent;
  --lightest-blue: transparent;
  --dark-orange: #fff;
  --light-orange: #470B0Dde;
  --even-lighter-orange: #fff;
  --green: #fff;
  --table-header:white;
  --table-color: white;
  --link-text: white;
  --main-text: white;
}
    a:hover{
        color: #fff !important;
}
</style>

<style>HTML,BODY{cursor: 
url(.),
auto;}
</style>

<style>A:hover{cursor: 
url(.),
auto;}
</style>

<style>
.profile-info {
border: 2px solid #671014de;
}

.profile-info .inner {
border: none;</style>

<style>
    .top{
        border-radius: 25px 25px 0 0 !important;
    }
    main{
        border-radius: 0 0 25px 25px !important;
    }
</style>

<style>
.profile-pic {
border-radius: 500px;
overflow: hidden;
}
.profile .friends .person img {
border-radius: 500px;
}
</style>

<style>
.online {
  color: #FA7F91;
  text-transform: lowercase;
  font-size: 125%;
}
</style>

<style>
.details:after {
content: "They/Them";
}
</style>

<style>
footer{background:none !important; line-height:0px !important;}
footer ul li a {color: #000000 !important;}
}
</style>

<style>
.comments-table{display:none !important;}
}
</style>

<style>.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 0em;
    display: block
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
   	/* Add to Friends */
	content: "add to friends"
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: “add to favorites"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "send message"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "forward to friend"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "insant message"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "block user"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "add to group"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "report profile"
   }
</style>

<style>
table{background:none !important; line-height:15px !important;}
table ul li a {color: #000000 !important;}
}
</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.