sun's profile picture

Published by

published

Category: Web, HTML, Tech

kuromi layout


kuromi layout

dedicated to one half of my favorite lesbian power couple (my melody is up next). this one took me a bit because i couldn't quite get exactly what i was going for (especially for the background, it felt like nothing matched to the ideas in my head) so please feel free to make as many modifications as you want to this one! she's still cute though and i like her enough to post! might make another one in a different style soon.
this layout will hide your
  • url
  • friends
  • comments (including add/view comments text)
  • links
  • 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.
(online now icon made by me!)

♥ if you like it/use it, please leave a comment and add me if you'd like!♥

code below

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

<style>
@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');
    :root {
        --logo-blue: transparent!important;
        --darker-blue: #ffffff;
        --lighter-blue: #ffcdd2;
        --even-lighter-blue: transparent!important;
        --lightest-blue: transparent!important;
        --dark-orange: #f69ab3;
        --light-orange: #ffffff;
        --even-lighter-orange: #FFFFFF;
        --green: #ffffff;
        
    }
    .section {color: #f69ab3!important;}
        nav label, .section {color: #f69ab3;}
        
    .section {color: white!important;}
        h4, p {color: white;}
    
    nav img.logo{
        filter: brightness(0) saturate(100%) invert(20%) sepia(99%) saturate(7493%) hue-rotate(324deg) brightness(103%) contrast(105%); }
       
    .search-wrapper input[type=text] {
        font-family: helvetica;
        background-color: white!important;
        border: 1px dotted!important;
        border-radius: 0px !important;
        font-size: 9px;
    }
    
    button{
        border-radius: 0px !important;
        border: 1px dotted!important;
        text-transform: lowercase;
        font-family: helvetica;
        font-size: 9px!important;
        background-color:hotpink!important;
        width:;
        color: black!important}
       
    
    body {
        background: white;
        background-image: url("");
        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: white!important;
    }
    
 
    
        
    }
    .blog-preview p a{
        color: white!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 .links {
        background: transparent!important;
        font-size: 11px;

    }

    nav { background: transparent!important;
        
    }
    
    .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/38a44ab93c104b561be535af0dce7ef1/tumblr_inline_mu6uiqVSp41qid2nw.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/3db1059564410c8f132db6370fefe7e5/tumblr_inline_mu6uipSeEE1qid2nw.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
        /* send Message */
        content: url("https://64.media.tumblr.com/333df9fb8839ea1a49df42456b54dfd0/tumblr_inline_mu6uio2h6G1qid2nw.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/69bf96766e3521f9cf5f042fcf136162/tumblr_inline_mu6uhmEla71qid2nw.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
        /* instant message */
        content: url("https://64.media.tumblr.com/5dd6f3f984ba911aff2d4100175b4d90/tumblr_inline_mu6uhlBmJm1qid2nw.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
        /* block user */
        content: url("https://64.media.tumblr.com/2e36efccb13837b24910684af99d2e66/tumblr_inline_mu6uinSFra1qid2nw.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/b79935de2f9a993b86e56ed64d6e069e/tumblr_inline_mu6uhiSc5D1qid2nw.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
        /* report user */
        content: url("https://64.media.tumblr.com/335b7532b29e1e56567f9ef8c9f35a50/tumblr_inline_mu6uhn8eIj1qid2nw.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: transparent!important;
        
        
    }
    table.details-table td {
        border-radius
        background: url("");
        color: pink!important;

    }
    .profile-pic {
        border-radius: 500px;
        border: #ff0080 solid 2px;
        overflow: hidden;
        margin-top: -10px!important;
        margin-left: 0px!important;
        filter:;
    }
    .heading {
        margin-top: 10px;
        padding: 5px 0 !important;
        background: transparent!important;
        background-image: url("")!important;
        background-position: ;
        background-repeat: repeat!important;
        color: white!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: #ff0080!important;
        line-height: 0px;
    
    }
    h1 {
        background: url("");
        font-size:70px!important;
        font-family: UnifrakturMaguntia;
        font-weight:;
        transform:;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #ff0080;
        text-shadow: ;
        text-align: center;
        line-height: 57px!important;
        display: block;
        color: pink;
        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 0px 0px;
        border: solid #ff0080 2px;
        border-bottom: none;
        background: url("https://media3.giphy.com/media/WVEw43BibLgfjj5caR/source.gif"), url("https://64.media.tumblr.com/90d14bc3c54a3daabd04bc8e61cc295a/tumblr_inline_n258ovpRe81qhwjx8.gif");
        background-repeat: no-repeat, repeat!important;
        background-size: 400px!important;
        background-position: right bottom!important;
        background-color: black!important;
    }
    
    .container {
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 30px;
        margin-top: 0px;
    }
    
    footer {
        border-radius: 0px 0px 50px 50px;
        border: solid #ff0080 2px;
        border-top: 0px;
        background: url("https://64.media.tumblr.com/90d14bc3c54a3daabd04bc8e61cc295a/tumblr_inline_n258ovpRe81qhwjx8.gif")!important;
        display: block !important;
        line-height: 0px;
        height: 83px;
        margin-top: -20px!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: #f69ab3!important;
        background:none;
    }
    
    a:hover {
        text-transform: lowercase;
        text-decoration-style: none;
        color: #ff0080!important;
        border: none;
 
    }
    
    a:visited {
        color: #ff0080!important;
    
    }

.friends
{display:none;
    }



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

    .online {
        content: url("https://i.ibb.co/8K7kRjR/ezgif-7-b9fe6a472b29.gif");}

    

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



</style>


7 Kudos

Comments

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

shrimplykim

shrimplykim's profile picture

using it thank you <33


Report Comment

shrimplykim

shrimplykim's profile picture

using it thank you <33


Report Comment

Sephi

Sephi's profile picture

Using this layout! Thank you <3


Report Comment

pamelatodd

pamelatodd's profile picture

Things, love, relationships and do what you love.
spin the wheel


Report Comment

bratty spice

bratty spice's profile picture

i'm absolutely in love with this layout, thank you!!


Report Comment

kale

kale's profile picture

love it:-)


Report Comment