Terezi Pyrope Layout

Tags:
Description:

for the terezi fans out there
Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Pangolin&display=swap');
body{font-family: "pangolin" ;}

</style> 

<style>
.section:nth-of-type(2) > h4 {display: none; }
</style>

<style>

h1{
font-size: 30px !important;
padding-left: 2px !important;
border: var(--borders);
    background-image: url(https://i.imgur.com/EX2qf1w.gif);
    padding:5px;
    text-align: center;
border-radius: 12px;
    padding: 0;
    color: #00bfff;
 border: 2px solid #ff0033;
background-size: 200px;

}

.general-about {
margin-bottom: 10px;
}

p{
font-size: 14px !important;
 text-transform:none !important;
}

main {
    background: ;
    border-radius: 12px;
    padding: 0;
    color: #00bfff;
text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000;
}

body {
    background: url(https://ih1.redbubble.net/image.1444956834.5287/flat,750x1000,075,f.jpg)!important;
background-size: 500px;
}

.profile .blurbs {
    color: #00bfff;
    border: 2px solid #ff0033;
    border-radius: 16px;
    padding: 0;
    background-image: url(https://i.imgur.com/EX2qf1w.gif);
}


.profile .blurbs .heading {
    background: #000000;
    border: 2px solid #ff0033;
    border-radius: 16px 16px 0px 0px;
    text-align: center;
color: #00bfff;
margin-right: -2px;
    margin-top: -2px;
margin-left: -2px;
}

.general-about {
    border: 2px solid #ff0033;
    border-radius: 16px;
    text-align: center;
    padding: 20px;
    animation: nineties2 2s ease 0s infinite normal none;
    animation-delay: .46s;
    text-align: center;
color: #00bfff;
    background-image: url(https://st2.depositphotos.com/1001976/5618/v/380/depositphotos_56184359-stock-illustration-black-and-red-skulls-seamless.jpg?forcejpeg=true);
background-size: 430px;
}

.profile {
    background-image: url(https://i.imgur.com/N0wTxTe.gif);
    background-repeat: repeat;
color: #00bfff;
border-radius: 10px;
  border: 2px solid #ff0033;
}

.profile .profile-info {
    display:none;
}
.profile .profile-info .inner h3 a {
    color: #00bfff;
}

.blog-preview {
    border: 2px solid #ff0033;
    border-radius: 16px;
    background-image: url(https://i.imgur.com/EX2qf1w.gif);
}

.blog-preview {
    text-align: center;
color: #00bfff;
}
.blog-preview h4 {
    background: #000000;
    border: 2px solid #ff0033;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
    margin: 0px;
color: #00bfff;
margin-right: -2px;
    margin-top: -2px;
margin-left: -2px;
}

.profile .url-info {
    border: 2px solid #ff0033;
    border-radius: 16px;
color: #00bfff;
}

.url-info {
    background-image: url(https://i.imgur.com/EX2qf1w.gif);
background-size: 200px;
}

.profile .contact {
    border: 2px solid #ff0033;
    border-radius: 16px;
}

.contact {
    background-image: url(https://i.imgur.com/EX2qf1w.gif);
    background-position: right top;
    background-repeat: repeat;
    background-attachment: scroll;
    color: #00bfff;
}

.profile .contact .heading {
    background: #000000;
    border: 2px solid #ff0033;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
color:#00bfff;
margin-right: -2px;
    margin-top: -2px;
margin-left: -2px;
}

nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 16px;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
border-radius: 0px 0px 16px 16px;
}

nav { background-image: url(https://i.imgur.com/dmYy4bk.gif);
background-size: 500px;
}

nav{ 
font-size: 13px !important;
text-shadow: 1px 1px black;
text-transform:none;
text-align: center;
    border: 2px solid #ff0033;
    border-radius: 16px;
margin-bottom: 10px;
}

 .profile .friends .inner, .profile .blurbs .section h4{
    text-align: center;
color:#00bfff;
    }

 .count {
        color: #00bfff;
}

 a:hover {
     color: #00bfff; 
   } 
   a{
     color: #00bfff; 
}

.profile .friends .heading {
 background: #000000;
    border: 2px solid #ff0033;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
color: #00bfff;
margin-right: -2px;
    margin-top: -2px;
margin-left: -2px;
}

.profile .friends{
 background-image: url(https://i.imgur.com/EX2qf1w.gif);
 border: 2px solid #ff0033;
    border-radius: 16px;
text-align: center
}

.profile .friends .person p {
color: #00bfff;
}
.profile .friends .person p:hover {
color: #00bfff;
}

.friends {
    margin-bottom: 20px;
}

.profile .table-section .heading{
 background: #000000;
    border: 2px solid #ff0033;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
color: #00bfff;
margin-right: -2px;
    margin-top: -2px;
margin-left: -2px;
}

.profile .table-section {
background-image: url(https://i.imgur.com/EX2qf1w.gif);
 border: 2px solid #ff0033;
    border-radius: 16px;
text-align: center
}

.profile .table-section .details-table td {
    background-color: transparent!important;
color:#00bfff;
}

.online{
    color: var(--links) !important;
    text-transform: lowercase;
    margin:auto!important;
} 

.online img{
height: 0px;
}

.mood {
margin-bottom: 10px;
 color: #00bfff;
    border: 2px solid #ff0033;
    border-radius: 16px;
padding: 5px!important;
    background-image: url(https://c.tenor.com/sz5PGIaFe0UAAAAM/terezi-terezipyrope.gif);
background-size: cover;
    height: 200px;
background-size: 360px;
}

.profile .left .table-section:last-child .details-table tbody tr td p img {
    font-size: 64px;
    height: auto;
    margin: 0;
}

.profile .left .table-section:last-child .details-table tbody tr td p a {
    font-size: 0;
    transition: all .3s;
}

.profile .left .table-section:last-child .details-table tbody {
    display: flex;
}

.profile .left .table-section:last-child .details-table tbody tr td {
    width: 100%!important;
    text-align: center;
    background: none;
}

.comments-table td:first-child{
text-align: center!important;
background: #000000;
}

.comments-table td{
text-align: left!important;
}


.comment-replies {
border: #000000
}

.comment-reply:not(:first-child) {
    border-top: 1px solid #ff0033;
}




table.comments-table td {
    background-color: #000000;
    overflow: hidden;
border: 1px solid #ff0033;
    padding: 5px;
}

.comments-table{
display: block;
overflow-y: auto;
Border-radius: 15px; 
color: #00bfff;
 }

table.comments-table{
border: 2px solid #ff0033;
 border-radius: 16px;
width: auto;
}

footer {
color:#00bfff;
background-image: url(https://i.imgur.com/dmYy4bk.gif);
border: 2px solid #ff0033;
 border-radius: 16px;
}

table.details-table {
    width: 100%;
text-align: left!important;
}

.comments-table {
    height: 400px!important;
    overflow-y: scroll;
}






::-webkit-scrollbar
{
  width: 10px;
}

::-webkit-scrollbar-button:start {
    background-color: #00bfff;
}

::-webkit-scrollbar-button:end {
    background-color: #00bfff;
}

::-webkit-scrollbar-thumb
{
  background-color: #005a78;
  border-radius: 0px;
}

/*Customizes color of Handle hover*/
::-webkit-scrollbar-thumb:hover {
  background: #005a78;
}  
  
/*Customizes color of Track */
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px #00bfff;
  background-color: #00bfff;
  border-radius: 0px;
}

.container {
    width: 953px;
}

.general-about .profile-pic {
float: none;
}


.general-about .profile-pic img {
    border-radius: 16px;
    border: 2px solid#ff0033;
background: #000;
}

<style>
main:before {
      background-image:url(https://i.postimg.cc/V6Cfq1RV/0841232ec42c36e975b44385ecbcc8d5197bc846-hq.gif);
      background-position: center;
      background-size: cover;
display: block;
content: "";
    height: 280px;
    border-radius: 10px; 
margin-bottom: 10px;
         border: 2px solid #ff0095;
background-size: 600px;
 }

main {
    background:#ffffff00;
    color: white;
}
</style>

<style>
main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://c.tenor.com/s2T5SLKEYGkAAAAC/terezi-pyrope.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}
</style>


<style> body, a, a:hover { cursor:url(http://media.tumblr.com/88321b96ffc4410e0ab37f2e36ce7196/tumblr_inline_mglcloHAiV1qkezse.png), 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 4 of 4 comments ( View all | Add Comment )
T3R3Z1	1693916038 UZ1NG!!1!1!1!1 Report Comment
rainbow_.jellystrars<☆3	1691246817 using!!! Report Comment
samncolby_lverr	1687046650 US1NG H3H3H3 Report Comment
QTREZER!![ рус]	1673154183 Using💋💋 Report Comment