PROFESSOR PYG LAYOUT1!!!!!11!!1

Tags: pink, batman
Description:

layout by professor pyg, credits to the one who made the circle code in the profile!
Preview:

click on the image for a larger preview
Code:

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

<style>

.logo {

content:url("");

}

</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Henny+Penny&display=swap');
p{
  font-family: 'Henny Penny', cursive;
  font-size: 100%;
 color: pink; 
}
main {
background: transparent;
border: 3px solid pink;
}
.blog-preview{
text-align: center;
background: transparent;
color: pink;
border: transparent;
box-shadow: 0px 5px 15px 0px pink;

}

.profile {
background-image:url(https://i.pinimg.com/236x/37/54/35/375435f243bc752df80947752496733b.jpg);
background-size: 100% 100%;    
background-attachment: fixed;
text-transform: lowercase;


}

nav .links .special a {
color: pink;
}

nav{ 
color: transparent;
font-size: 13px !important;
text-transform:none;
text-align: center;
    }

nav .links {
background: transparent;
box-shadow: 5px 0px 10px 6px pink;
}

nav .top{
background-image:url(https://media.discordapp.net/attachments/1172122710638338108/1205934346675032094/818ed1800150f0eec9f17fb07ef27958.png?ex=65da2ce1&is=65c7b7e1&hm=c28c5c8cb54a8dd43058cdb32e38bd164c2102e7c175b2c746ddfc9130437d55&=&format=webp&quality=lossless);
box-shadow: 0px 5px 10px 6px pink;
}

nav .top a{
color: transparent !important;
}

nav .top label{
color: transparent;
    }
:root {
--logo-blue:;
--darker-blue: ;
--lighter-blue:;
--even-lighter-blue:;
--lightest-blue:;
--dark-orange:;
--light-orange:;
--even-lighter-orange:;
--green:;

}

footer {
color: orange;
box-shadow: 5px 5px 15px 6px brown;
}

.profile h1 {
font-family:'Henny Penny', cursive;
    font-size: 2em;
    color: pink;
}
p {
font-family:'Henny Penny', cursive;
color: pink;
   } 

a {
font-family:'Henny Penny', cursive;
font-size: 11px;
     color: pink; 
   }

a:hover {
font-family:'Henny Penny', cursive;
     color: pink; 

}
    .count {
font-family:'Henny Penny', cursive;
        color: pink;
    }

.profile .friends .person p {
font-family:'Henny Penny', cursive;
color: pink;  
}
.profile .friends .person p:hover {
font-family:'Henny Penny', cursive;
color: pink;  
}

h4 {
font-size: 11px !important;
color: pink;
font-family:'Henny Penny', cursive;
 }


.friends p, .friends a {
color: pink;
}

.details-table td a {
color: pink;
}

.details-table td p {
color: pink;
font-size: 14px;
}

.profile .blurbs .section h4 {
text-align: center;
font-size: 14px;
color: pink;
border: 9px pink;
}
.friends:not(#comments) {
  margin-bottom: 20px!important;
  border: 1px solid pink!important;
  box-shadow: 2px 2px 6px pink;
  text-align: center;
}
#comments {
  border: 1px solid transparent!important;
  box-shadow: 2px 2px 6px pink;
}
.comments-table {
  border: none;
  border-spacing: 5px;
}
.comments-table td {
  background-color: transparent!important;
  border: none;
  text-align: center;
}

/* this is the line that appears in between comment replies */
.comment-reply:not(:first-child) {
  border-top: 1px dotted pink;


/* this is the border surrounding the comment replies */
.comment-replies {
  border: 1px solid pink;
}

}

<style>

@keyframes type{
  0%{
    width:0ch;
  }
  
  100%{
    width:27ch;
  }
}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(107 96 43 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
</style>

<style>
body{
background-image:url(https://i.pinimg.com/564x/96/a9/b5/96a9b5557cc0d96dbfc21808ce9fea5a.jpg);
background-size: 100% 100%;    
background-attachment: fixed;
text-transform: lowercase;
}
<style>
}
</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: url("https://watermelon.crd.co/assets/images/gallery02/de5666e6.gif?v=2a41aca3")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://watermelon.crd.co/assets/images/gallery02/de5666e6.gif?v=2a41aca3")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://watermelon.crd.co/assets/images/gallery02/de5666e6.gif?v=2a41aca3")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://watermelon.crd.co/assets/images/gallery02/de5666e6.gif?v=2a41aca3")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://watermelon.crd.co/assets/images/gallery02/de5666e6.gif?v=2a41aca3")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://watermelon.crd.co/assets/images/gallery02/de5666e6.gif?v=2a41aca3")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://watermelon.crd.co/assets/images/gallery02/de5666e6.gif?v=2a41aca3")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://watermelon.crd.co/assets/images/gallery02/de5666e6.gif?v=2a41aca3")
    } </style>


<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>

<style>

main:before {

width: 100%;

height: 200px;

display: block;

content: "";

background-image: url('https://media.discordapp.net/attachments/1172122710638338108/1205965076465582110/cac13c118365a86a2168932a34358672.png?ex=65da497f&is=65c7d47f&hm=099f38453bebb2d77f5943b65bdd5155bb5162bfefd707d2ebef3acce89296e2&=&format=webp&quality=lossless');

background-position: center center;

background-size: cover;

}

@media only screen and (max-width: 550px) {

main:before{

height: 150px;

</style>

<style>.online {content:url('https://watermelon.crd.co/assets/images/gallery06/4615291a.gif?v=2a41aca3'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}</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 )