SKZ!

Tags: skz, pink, cute, green, dango

Description:

a layout requested by nico! (https://spacehey.com/miroh) i also dont know much about straykids-i hope i did ok! if theres anything that should be changed, lmk and ill fix it :> i hope you like it!!

Preview:

click on the image for a larger preview

Code:

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


<style>

::selection {
    background: #f5ceea;
}
:root {
    --logo-blue: none; 
    --darker-blue: none; 
    --lighter-blue:  none; 
    --even-lighter-blue:none;
    --lightest-blue: none;
    --dark-orange: white; 
    --light-orange: none; 
    --even-lighter-orange: none; 
    --green: none;
}
main{
padding: 10px;
}
h1{
font-size: 30px!important;
  font-size: 30px!important;
background: -webkit-linear-gradient(#e9d476, #f7f6f0)!important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color:
position:relative!important;
 bottom:px!important;
 left: 90px!important;
color:#e9d476;
-webkit-text-stroke: 0.9px #deb878;

}
.url-info{display: none !important;
}
.table-section{

display: block!important;
height: 250px!important;
overflow-y: scroll;
}
table.comments-table{

display: block!important;
height: 250px!important;
overflow-y: scroll;
}
body{

background-color:white;
background-image:url(https://cdn.discordapp.com/attachments/1103546153687072799/1141272790226456617/Untitled5664_20230816023026.png);
background-size: 330px;
}
footer{

background: rgba(245, 40, 145, 0.03)!important;

}

main:before{

display:block;
content:"";
height: 200px;
width: 560px;
background-image: url(https://i.pinimg.com/564x/54/17/75/54177516a10e6641aa2fe11bc0d0a846.jpg);
border-bottom: solid 3px #c0c37d;
background-repeat:no-repeat;
outline: #f0ddda double 4px;
}
nav .links a {
    text-decoration: none;
    color: #f5ceea;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
    text-shadow: 0 0 7px #ffffff8c;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ❤︎ ";
    color: #f5ceea;
}

.col.right:before {
  content: "";
  border-radius: 50px;
  white-space: pre-wrap;
  display: block;
  height: 350px;
  width: px;
  background-image: url(https://i.pinimg.com/564x/2c/39/c2/2c39c2f8a3771c38fb72e96678154262.jpg);
  background-repeat:  no-repeat;
  background-size: 400px;
  background-position-x: center;
}
main{

color:#3f402e;
font-size: 15px;
outline: double #f0ddda  4px;
border: #f0ddda solid 2px;

}
h4{

color:
#d6e190;
font-size: 22px;
}

.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 200px;
  width: 300px;
  background-image: url(https://i.pinimg.com/564x/a6/83/5d/a6835da091e2587909b86941d0f1d7e0.jpg);
  background-repeat:  no-repeat;
  background-size: 300px;
  background-position-x: center;
}

.profile .contact .heading,
.profile .table-section .heading,
.profile .blurbs .heading{

border-bottom: dashed #f0ddda 4px;

}
.profile .blog-preview h4,
.profile .contact .heading,
.profile .friends .heading{

border-bottom: dashed #e9d476 4px;

}
.profile .contact,
.profile .friends,
.profile .contact,
.profile .table-section,
.profile .blurbs{

outline: double #f0ddda  4px;
border: #f0ddda solid 2px;
padding: 3px;

}

.profile .blog-preview{

padding: 3px;
outline: double #f0ddda  4px;
border: #f0ddda solid 2px;
}


.more:after{
display:block;
content:"";
width: 200px;
height: 230px;
background-image: url(https://i.pinimg.com/474x/ae/fa/39/aefa39829f5e76b01cac65c265dc8039.jpg);
background-size: 250px;
background-repeat: no-repeat;
}

.online{
content:url(https://64.media.tumblr.com/70c3a2b3b5e520f527585b5356e84143/6191d85a95a17e3e-75/s250x400/99225effac5f9610c5f8c2e3059639d9e690902c.jpg);
height: 90px;
}

.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('https://cdn.discordapp.com/attachments/1103546153687072799/1141278654098329620/dango.png') no-repeat;
  background-size: cover;
  display: block;
  width: 100px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -43px;
  left: -32px;
}

.comments-table img,
.person img{

filter: grayscale(100%);
-webkit-mask-image: url(https://cdn.discordapp.com/attachments/1002765210932744333/1093413057243381800/hart.png);

-webkit-mask-size: 100%;

-webkit-mask-repeat: no-repeat;

-webkit-mask-position: center;

transform:scale(1.025,1.025);

position:relative;

top:-0.25em;
}

.general-about .profile-pic img{

-webkit-mask-image: url(https://cdn.discordapp.com/attachments/1002765210932744333/1093413057243381800/hart.png);

-webkit-mask-size: 100%;

-webkit-mask-repeat: no-repeat;

-webkit-mask-position: center;

transform:scale(1.025,1.025);

position:relative;

top:-0.25em;



}
(bounce animation) .col, main, footer, nav::before, .online, nav .links, nav .top {
    animation: float 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
 .col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
<style></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 8 of 8 comments ( View all | Add Comment )

yohan	1706212222 Using! Report Comment
Audrey ୨୧	1704893417 using :D Report Comment
gage ౨ৎ	1694367474 helloo, this layout is really cute - but i was wondering if u could make a similar one to this but without the kpop-group? tyy!! Report Comment
Cari ౨ৎ	1693823811 hii i love this layout !! i was wondering if at some point you could make a similar layout but w/the group ateez? Report Comment
Freyja	1693772245 would love to see a bloodborne inspired layout from you! Report Comment that sounds like i'd super fun to make! ill let u know when ive made it >:) by pupupowa; 1693781765; Report
Cyrus	1693669753 so in love with all your layouts, using this!! Report Comment tysm! im so glad you like my layouts ://) by pupupowa; 1693781799; Report
♪ COSMO/OREL ♪	1693571754 do you request layouts? :0 Report Comment i do! feel free to make a request :-) by pupupowa; 1693599128; Report can you make a moral orel layout? :0 by ♪ COSMO/OREL ♪; 1693599948; Report ofc!!! it might take me a bit, but i will do my best!!! :D by pupupowa; 1693617007; Report okay!! if you made it lemme know by replying ^_^ by ♪ COSMO/OREL ♪; 1693638583; Report
Fart	1693571554 OMG U AXTUALLY DID IT AHDENDEWHUIWEDJIHWEFJHI THIS IS SO CUTE !! THANK YOU SO MUCH ToT Report Comment ohh actuallt could you add like boxes around the blurbs ? Like u did in the pompurin layout ? :o im sorry if im asking too much T_T by Fart; 1693571669; Report im so happy you like it! and its no problem at all, i edited it with the changes, i hope you like them! it might take a bit for the post to update, but lmk what u think when it does! :DD by pupupowa; 1693599300; Report