Stray Kids Kermit Layout

Tags: stray kids, kermit, pink, cute, kawaii, stars, sparkle, kpop, silly
Description:

a layout i made for my friend, but idc who uses it! edit it if you wish. comment if you use it!
Preview:

click on the image for a larger preview
Code:

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

<style>

Body{
Background: url(https://i.imgur.com/JbHmpcO.gif);
}

.profile{
Background: url(https://i.imgur.com/efkrIJp.jpg);
} 

main:before{
width: 807px;
margin-bottom: 1px;
border: 2px black;
height: 100px;
display: block;
content: url();
box-shadow: 2px 2px 2px 2px #000000;
background-image: url(https://i.imgur.com/yGeJiuc.jpg);
background-position: center center;
background-size: cover;
background-color: black;
background-repeat: repeat;
}

.profile .friends .person img {

border-radius: 500px;
}

.profile .blurbs .section :nth-child(2) {
	background-image: url(https://i.imgur.com/TNzpcj0.jpg);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px #0000;
</style>
<style>
footer {
boarder-radius: 15px;
background-image: url(https://i.imgur.com/EJ5UmYU.jpg);
color: black;
}

:root {
--logo-blue: url(https://i.imgur.com/EJ5UmYU.jpg);
--darker-blue: rgb(250, 5, 152) ;
--lighter-blue: black;
--even-lighter-blue: ;
--lightest-blue: rgb(2, 229, 250);
--dark-orange: white;
--light-orange: #000000; 
--even-lighter-orange: black;
--green: white;
}

h2,h3,h4,h5{
@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Permanent+Marker&display=swap');
font-family: 'Caveat', cursive;
font-family: 'Permanent Marker', cursive;
font-size: 150%;
color: white;
}

p{
font-family: 'Caveat', cursive;
font-family: 'Permanent Marker', cursive;
font-size: 150%;
color: rgb(252, 3, 236);
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add me */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* faves? */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chit chat */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forwardd */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant chat */
content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* group me */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: "☠"
} 

.contact .inner a img {
 font-size: 0;
}
.contact .inner a img:before {
 font-size: 1em;
 display: block
}

.profile .profile-info {
	background-image: url(https://i.imgur.com/TNzpcj0.jpg);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}

.online {
    margin:auto;
    padding-bottom: 5px;
    content: url(http://img1.coolspacetricks.com/images/myspaceicons/194.gif);
}

</style>
<style>

.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 15px; 
color: white;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
background-image: url(https://i.imgur.com/ILYDqnx.jpg);
}

.profile .table-section{
    border:2px solid #FFFFFF;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
}


.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px curve #000000 !important;
outline: curve !important;
}
img
{
border-radius: 12px;
}

.profile .table-section{
    border:2px solid #FFFFFF;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #FFFFFF;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }

  .profile .friends .heading{
    background: #FFFFFF;
    color: #000000;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #000000;
    text-shadow: 1px 1px 2px white
  }

.profile .blurbs .section :nth-child(2) {
     /* margin-top: -5px; */
	padding: 20px;
	border: 1px curve #000000 !important;
outline: curve !important;
}

.profile .profile-info .inner h3 {
background-image: url(https://i.imgur.com/yNW2A3x.jpg);
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#00c8ff;
}

.contact {

  border: 3px;
  background: url(https://i.imgur.com/Vip0qIjm.jpg);
  background-position: left top;
  background-repeat: repeat;
  padding: 20px;
  width: 200px;
  height: 150px;
}

h1 {
font-size: 26px!important;
line-height: 80px;
font-family: 'Creepster', cursive;
font-weight:normal;
text-transform: uppercase;
letter-spacing: -1.5px;
color: white;
text-align:center;
padding-bottom:0px;
padding-top:0px;
text-shadow: 0 0 5px #fff;
background: #000;
background-image:url("https://i.imgur.com/gwQonylt.jpg");
background-position: center;
background-size: 100%;
}

</style>
<style>

nav{ 
font-size: 13px !important;
font-family: 'Paytone One', sans-serif;
text-shadow: 1px 1px white;
text-transform:none;
padding-left:3px;
text-align: center;
}


a {

 text-decoration: none;

 font-weight: bld;
}

a:hover {

    color: pink;
}

DIV.blog-preview{
text-align: center;
background: url(https://i.imgur.com/ILYDqnxl.jpg);
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 3px solid rgba(255, 255, 255)
}

nav::before {
   content: "";
   background:  url(https://i.imgur.com/2qguhso.png);
background-size: 200px;
    position: fixed;
    float: right;
    display: inline;
    bottom: 0;
    right: 5px;
    height: 196px;
    width: 195px;
    margin-bottom: 10px;
    margin-right: 5px;
}



</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 )