kyle broflovski !!

Tags: south park, kyle broflovski, green, orange

Description:

this was a requested layout, i dont know much about south park lol ♡

layout inspired by kyle broflovski from south park ★

this layout includes:

- hidden url
- kyle floatie/image at the right side of the screen
- rounded profile and profile pictures
- custom 'spacehey' logo

feel free to change anything to your liking nd please let me know for any errors

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Tilt+Neon&display=swap');
    
        .contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 1em;
        display: block
    }
    
    body {
        background-image: url("https://cdn.discordapp.com/attachments/726109777377362034/1079822216344109176/south-park-bus-stop.png");
        background-size: cover;
        font-family: tilt neon;
        text-transform: lowercase;
    }
    
    main {
        background-color: white;
        padding: 20px;
    }
    
    .container {
        padding: 20px;
        margin-top: 0px;
    }
    
      :root {
        --logo-blue: #39872f;
        --darker-blue: #255420;
        --lighter-blue: #EE6325;
        --even-lighter-blue: #91D189;
        --lightest-blue: #F1F9F0;
        --dark-orange: #142C11;
        --light-orange: #55B949;
        --even-lighter-orange: #F1F9F0;
        --green: #ad8bcf;
    }
    
    .profile-pic {
        border-radius: 40px;
        overflow: hidden;
    }
    
    .count {
        color: #55B949;
    }
    
      .section {color: black!important;}
       h4, nav label, {display: none;} 

    .section , .blurbs, .friends {font-size: 12px!important;
        text-align: center;
        color: #255420 ;
    }
    
    .profile .blurbs .section h4, .count {
      color: #EE6325;
      text-transform: uppercase;
   }
   
    .blurbs .inner {
       text-align: center;
   }
   
    .search-wrapper input[type=text] {
        background-color: white!important;
        border: 2px inset!important;
        font-size: 10px;
    }
    
button{
        border-radius: 10px !important;
        border: none;
        text-transform: lowercase; 
        font-family: tilt neon;
        font-size: 12px!important;
        background-color: #6fe362!important;
        color: black!important
}

    .contact {
        text-align: center;
        overflow: hidden;
        font-size : 13px;
        background: white;
        border: none!important;
    }
    
        a:visited {
        color: #8c3812!important;
    }
    
        .profile .table-section {
        font-size: 14px;
        border: none!important;
    }
    
    nav img.logo {
        content: url("https://media.discordapp.net/attachments/726109777377362034/1080178065881190510/Untitled.png");
    }
    
    
    .profile-info{
        background: transparent;
        border: none;
        font-family: luckiest guy;
        font-size: 25px!important;
        font-weight: 200;
        color: #47a33c!important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 5px;
        margin-bottom: 1px;

    }
    
    h1 {
        width: 250px;
        font-size:50px!important;
        font-family: luckiest guy;
        font-weight: 200;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #23521d;
        text-align: center;
        line-height: 37px!important;
        display: block;
        color: #39872f;
        padding: 10px;
        margin-top: -10px!important;
    }
    
    .contact .heading , .table-section .heading {
        padding: 1px 0px !important;
        background: #EE6325!important;
        color: #ffdccc!important;
        font-size: 15px;
        text-align: center;
        border: 2px outset;
        border-color: #d46635;
    }
    
    a:hover { 
        text-decoration-style: dotted!important;
        color: #ff4f00!important;
    }
    
    .friends {
        border-radius: 25;
    }
    
    .friends {font-size: 13px!important;
        text-align: center;
        font-family: arial;
        color: #7b5b8e ;
    }
    
    .comments-table img, .person img{
    border-radius: 20px;
    box-shadow: 1px 1px 2px #783719;
}

    .online {
        content: url("https://dl.glitter-graphics.com/pub/745/745448ics8e0cvip.gif");}
    
    .url-info {
        display: none;
    }
    
    
    .top{
        border-radius: 32px 32px 0 0 !important;
    }
    
    footer {
        background: white !important;
        border-radius: 32px;
        line-height: 0px;
    }
    
    nav {
        margin-top: 1px;
        text-align: center;
        overflow: hidden;
    }
</style>

<div class="kyle"></div>

<style>
        *, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
        text-shadow: none!important;
}

    .kyle {
background: url(https://cdn.discordapp.com/attachments/726109777377362034/1080198258825105428/latest.png) no-repeat;
background-size: 100%!important;
position: fixed;
right: -3px;
bottom: -10px;
height: 401px;
width: 500px;
z-index: 1000;
}
</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 20 of 59 comments ( View all | Add Comment )

hyejunc	1761867853 usinggg Report Comment
discount.lobotomy	1748242667 omg this is awesome Report Comment
discount.lobotomy	1748242667 omg this is awesome Report Comment
KYLEEE	1743664853 Only the font works, anyone help? Report Comment its a rlly old code, so some things wont work. sorr by marsietis; 1743701673; Report
KYLEEE	1743662648 Using :3! Report Comment
DJ Candy	1740953812 using this layout, thank you! ♡ Report Comment
Kyle	1738562330 Using !! Report Comment
Luruette	1736343967 Using a heavily edited version but still using! Report Comment
Thhathho	1733865599 usando Report Comment
Liamsito >_<	1733764638 Using!! Report Comment
Liamsito >_<	1733764636 Using!! Report Comment
nova :3	1710698021 I don't see Kyle in the background anymore D: Report Comment right, i hosted it through discord ;; try taking any img from his wiki or whatever and replacing it by marsietis; 1710738664; Report try posting the image on tumblr then you put its url instead of the discord one :3 by Daxionz; 1724796341; Report
lucoa !	1705802362 saving to use later!! Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787059 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787059 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787059 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787058 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787058 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787052 Using Report Comment