keroppi layout

super simple + super cute keroppi layout!

this layout will hide your

url
friends
comments (including add/view comments text)
links
the words "about me" and "who i'd like to meet"
profile info (the area at the top where it says "___ is your friend")

these can be reversed, pls message me if there's anything you want visible! i'm still learning and i'll try my best to help y'all out.

includes cursor and online now icon (gif made by me ♥)

♥ if you like it/use it, please leave a comment, and feel free to add me!♥

add a link to add comments by copying and pasting in your who i’d like to meet section (or any section!)

<a href="https://spacehey.com/addcomment?id=YOURIDHERE">leave a comment.</a>

your id is found under your account settings :^)

code below

<style>
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');

    :root {
        --logo-blue: transparent!important;
        --darker-blue: #000000;
        --lighter-blue: #ffcdd2;
        --even-lighter-blue: #ffffff;
        --lightest-blue: #FFFFFF;
        --dark-orange: transparent!important;
        --light-orange: #dfd1f4;
        --even-lighter-orange: #FFFFFF;
        --green: #000000;

    }
    .section {color: black!important;}
       h4, nav label, {display: none;}

    .search-wrapper input[type=text] {
        font-family: times;
        background-color: white!important;
        border: none!important;
        border-radius: 0px !important;
        font-size: 9px;
    }

    button{
        border-radius: 0px !important;
        border: 1px solid!important;
        border-color: black!important;
        text-transform: lowercase;
        font-family: times;
        font-size: 9px!important;
        background-color: red!important;
        width:;
        color: white!important}


    body {
        background: #dde05d;
        background-image:;
        background-size: ;
        background-attachment: repeat;
        text-transform: lowercase;
        font-family: helvetica;
        font-size:13px!important;

    }
    .blog-preview p {
        background-color: transparent;
        padding: 0px 1px;
        border-radius: 10px;
        margin-top: -50px;
        color: black;
    }




    }
    .blog-preview p a{
        color: black!important;
    }
    .blog-preview p a:hover
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }

    nav {
        margin-bottom: 0px;
        border-radius: 50px 50px 0 0;
        color: black!important;
        text-align: center;
        overflow: hidden;
        border: 0px;
        border-color: black!important;
        border-bottom: none!important;
    }

    nav .top {
        color
    }

    nav .links {
        background: transparent!important;
        font-size: 11px;

    }

    nav { background: transparent!important;

    }
    nav img.logo{
        filter: brightness(0) saturate(100%);
    }

    .contact {
        font-size: 11px;
        font-family: helvetica;
        border: dotted 0px!important;
        background-image: url("")!important;
        background: ;
        border-top: 0px;

    }
    .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://64.media.tumblr.com/aaa2e6d3722e816051f98d443d4a2351/tumblr_inline_mtz9vsQpNL1qaw0bs.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
        /* add to favorites */
        content: url("https://64.media.tumblr.com/aaa2e6d3722e816051f98d443d4a2351/tumblr_inline_mtz9vsQpNL1qaw0bs.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
        /* send Message */
        content: url("https://64.media.tumblr.com/aaa2e6d3722e816051f98d443d4a2351/tumblr_inline_mtz9vsQpNL1qaw0bs.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
        /* forward to friend */
        content: url("https://64.media.tumblr.com/aaa2e6d3722e816051f98d443d4a2351/tumblr_inline_mtz9vsQpNL1qaw0bs.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
        /* instant message */
        content: url("https://64.media.tumblr.com/aaa2e6d3722e816051f98d443d4a2351/tumblr_inline_mtz9vsQpNL1qaw0bs.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
        /* block user */
        content: url("https://64.media.tumblr.com/aaa2e6d3722e816051f98d443d4a2351/tumblr_inline_mtz9vsQpNL1qaw0bs.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
        /* add to group */
        content: url("https://64.media.tumblr.com/aaa2e6d3722e816051f98d443d4a2351/tumblr_inline_mtz9vsQpNL1qaw0bs.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
        /* report user */
        content: url("https://64.media.tumblr.com/aaa2e6d3722e816051f98d443d4a2351/tumblr_inline_mtz9vsQpNL1qaw0bs.gif")
    }

    .profile-info{
        display: none!important;
    }

    .profile .url-info {
        display:none;
    }
    .profile .table-section {
        font-size: 11px;
        border: dotted 0px!important;
        border-right: none!important;

    }
    .home-actions {
        border: none;
    }

    table.details-table {
        border-radius: ;
        border: dotted px;
        border-collapse: collapse;
        border-top: 0px;
        background: white!important;


    }
    table.details-table td {
        border-radius
        background: url("");
        color: black!important;
        border-bottom: dotted px;
        border-right: dotted px;
    }
    .profile-pic {
        border-radius: 500px;
        border:;
        overflow: hidden;
        margin-top: -25px!important;
        filter:;
    }
    .heading {
        margin-top: 10px;
        padding: 5px 0 !important;
        background: transparent!important;
        background-image: url("")!important;
        background-position: ;
        background-repeat: repeat!important;
        border: dotted px;
        color: black!important;
        font-size: 11px;
        text-align: left;
        font-family: ;
        -webkit-text-stroke-width: 0px;
        -webkit-text-stroke-color: black;
        border-bottom: 1px solid;
        border-color: red!important;
        line-height: 0px;

    }
    h1 {
        background: url("");
        font-size:50px!important;
        font-family: Fredoka one;
        font-weight: 200;
        transform: ;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: black;
        font-style: ;
        text-shadow: ;
        text-align: center;
        line-height: 39px!important;
        display: block;
        color: red;
        padding: 10px;
        margin-top: -55px!important;
        margin-bottom: 20px!important;

    }

    main:before {
        background-image: url('');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        color: transparent!important;
        display: block;
        content: "";
        width:;
        height: 90px;
        margin-bottom: -30px;

}

    main {
        border-radius: 50px 50px 50px 50px;
        border: black solid 1px;
        background: url("https://media1.giphy.com/media/kgONyOaLK1eFnOxI5x/source.gif")!important;
        background-repeat: no-repeat!important;
        background-size: 400px!important;
        background-position: right bottom!important;
        background-color: white!important;
    }

    .container {
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 50px;
        margin-top: 0px;
    }

    footer {
        border-radius: 0px 0px 50px 50px;
        border: 0px;
        border-top: 0px;
        background: transparent!important;
        display: block !important;
        line-height: 0px;
        height: 83px;
        margin-top: -1px!important;


    }
    table.comments-table td {
        display:flex;
        background-color: white!important;
        border: dotted 1px;
        width: 10px!important;
        font-size: 11px;


    }
    .comments-table td:first-child img {
        width: 60px!important;
        border-radius: 50px;

    }
    .profile .friends .person img {
        width: 60px;
        border-radius: 50px;


    }
    .blog-preview p {
        font-size: .6rem;
    }

    a.addme {
        font-size: 4rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }

    a:link {
        color: black!important;
        background:none;
    }

    a:hover {
        text-transform: lowercase;
        text-decoration-style: red dashed!important;
        color: black!important;
        border: none;
        filter: opacity(100%);
    }

    a:visited {
        color: black!important;

    }

.friends
{display:none;
    }

    .table-section:last-child {
         display: none !important;}

    .online {
        content: url("https://i.ibb.co/JFdL0gt/ezgif-com-gif-maker.gif");}



*
{cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto !important;}

</style>

1 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )