cute layout

Tags: kawaii, cute, simple

Description:

Preview:

click on the image for a larger preview

Code:

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


<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-8/cur769.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/02/25/windows-7-help-select.html" target="_blank" title="Windows 7 Help Select"><img src="https://cur.cursors-4u.net/cursor.png" alt="Windows 7 Help Select" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('https://external-media.spacehey.net/media/spc0UOUBd5NEjH1NazcHAaygkt3dLzp3fGH0fp72tKL4=/https://pix.crd.co/assets/images/gallery18/3a6c6256.gif?v=ca70c28c ') no-repeat;
  background-size: 40px;
  display: block;
  width: 200px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -40px;
  left: 120px;
}
</style>

<style>

@font-face { font-family: 'starshines'; 
src: url(https://dl.dropbox.com/s/5ojtturb4ny5zgk/Starshines%20Italic.ttf); } .profile h1 { font-family: 'starshines', cursive; text-align: center; font-size: xx-large; color: pink; text-shadow: 5px 5px #bead9142, -5px -5px white; }


body{ background: url( https://i.pinimg.com/564x/33/cc/ab/33ccabbe8f26e32061cb1ca6759b9b08.jpg )  no-repeat fixed; background-size:cover;
}

nav .top{ background: transparent;
}

nav .links{ background: transparent;
text-align: center;
}

nav{ background: url(https://imagetolink.com/ib/OCLFCatwPc.jpg);
    filter: hue-rotate(45deg);
    margin-top: 20px;
    margin-bottom: 10px;
    box-shadow: 6px 6px #c09f9f52, -6px -6px white;
    color: #867288;
}

  .logo {
content:url("https://cdn.discordapp.com/attachments/1111836147530874910/1134738469650976848/Untitled174_20230729004512.png");
    filter: sepia(1) saturate(46.5) hue-rotate(266deg) brightness(1.2) drop-shadow(0px 0px 6px white);
}

button, input {
    overflow: visible;
    background: white;
    border: 2px solid #f7c3ff;
    color: #f7c3ff;
}

.logout-btn, .logout-form {
    color: #867288;
    display: inline-block;
    font-size: 100%;
}

nav .links a {
    text-decoration: none;
    color: #867288;
    text-shadow: 0 0 7px white;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
    font-weight: bold;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content url: "https://external-media.spacehey.net/media/syKggQH2lFY3fIblskBlxPK74uovs23tKzEZSLEKzAbw=/https://pix.crd.co/assets/images/gallery18/87782b32.gif?v=ca70c28c  ";
    color: #867288;
}

main {
    background: transparent;
    padding: 6px 0px;
    font-size: 80%;
    color: #8d7179;
    font-weight: bold;
}

.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background:  url(https://i.postimg.cc/QN4hQ4sk/Screenshot-2024-01-19-12-20-32-AM.png );
    box-shadow: 6px 6px #c09f9f52, -6px -6px white;
    color: #867288;
    padding: 2px 7px;
    filter: hue-rotate(45deg);
    text-align: center;
}

.general-about .profile-pic img {
    max-width: 160px;
    max-height: 160px;
    border-radius: 100px;
    border: 4px solid pink;
}

.profile .blurbs .section, .friends .inner, .contact .inner {
    margin-bottom: 14px;
    background: #f9f3ee;
    padding: 7px;
    box-shadow: 6px 6px #bead9142, -6px -6px white;
    margin-top: 16px;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions{ border: none; }

.details-table td:first-child {
    background: #f9f3ee;
    color: #efb7c6;
    font-weight: bold;
    width: 33%;
    box-shadow: 3px 3px #bead9142, -3px -3px white;
margin-top: 10px;
padding: 5px;

}

.details-table td {
    background: #f9f3ee;
    color: #efb7c6;
    box-shadow: 3px 3px #bead9142, -3px -3px white;
    vertical-align: top;
margin-top: 10px;
padding: 5px;
}

table.details-table {
    width: 100%;
    margin-top: 10px;
}

.url-info{
background: url(https://i.pinimg.com/564x/d4/c5/b8/d4c5b807cf22b25b0c1829aa3b155c44.jpg );
height: 200px;
font-size: 0;
    background-size: cover;
    filter: brightness(1.2);
    box-shadow: 6px 6px #bead9142, -6px -6px white;
}

.profile .mood {
    width: 100%;
    display: inline-block;
    text-align: center;
    background: #f9f3ee;
    padding: 13px;
    box-shadow: 6px 6px #bead9142, -6px -6px white;
    margin-top: 19px;
    margin-bottom: 20px;

}

.general-about {
    background: #f9f3ee;
    padding: 10px;
    box-shadow: 6px 6px #bead9142, -6px -6px white;
}

.profile-info{
background: url(https://i.pinimg.com/564x/d1/38/b0/d138b072f82fbbd8ab1a84c3527838c3.jpg );
    border: none;
    filter: brightness(1.1);
    font-size: 0;
    height: 100px;
    box-shadow: 6px 6px #bead9142, -6px -6px white;

}

.comments-table td:first-child, .music-table td:first-child {
    background: #f9f3ee;
    text-align: center;
    font-weight: bold;
    width: 38%;
}

.comments-table td, .music-table td {
    background: #f9f3ee;
    vertical-align: top;
}

.comment-replies {
    padding: 0 5px;
    border: 2px solid pink;
    margin-top: 10px;
}

table.comments-table {
    border: pink;
}

.comments-table td button, .comments-table td input {
    border: 2px solid pink;
    color: pink;
}

a {
    color: pink;
    text-decoration: none;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #916767;
    text-decoration: underline wavy;
}

nav .links a:hover {
    text-decoration: underline wavy;
    color: #eac0ff;
}

.award a {
    color: pink;
    text-decoration: none;
}

.online{ content: url( https://i3.glitter-graphics.org/pub/2228/2228253wfxcdj1hj1.gif ); }

.contact .icon, .contact .award img {
    display: none;
    height: 1.4em;
    width: 1.4em;
    aspect-ratio: 1/1;
    margin: 0 0.05em 0 0.1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);
}

.f-col:before{ content url: "https://external-media.spacehey.net/media/stuqAwzBfcaEV8bV99A6PnVxTPtgtEm1K20EK2yo9sts=/https://pix.crd.co/assets/images/gallery18/53fd7f33.jpg?v=ca70c28c "; }

html {
    filter: hue-rotate(344deg) sepia(0.1) brightness(1);
}

.profile .blurbs .section h4, .count {
    margin: 0;
    color: pink!important;
    text-align: center;
}

.profile .friends .person img:not(.icon) {
    filter: sepia(0.6) blur(1px) contrast(0.5) brightness(1.2);
}

.profile .friends .person p {
    color: pink;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

.profile .friends .person p:hover {
    color: #806971;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: transparent;
    color: grey;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: pink;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #fff;
}
</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 10 of 10 comments ( View all | Add Comment )

l4in-1waKur4	1714325150 uzing :3 Report Comment
𝑴𝒊𝒊𝒖 !	1710686434 usingg!! Report Comment
nai	1710596750 UZE Report Comment
Crabby :3	1709393455 using Report Comment
𝓽𝓮𝓽𝓸 👅 (spookz)	1709242043 DEF USING TY Report Comment
Suk1nho	1708516059 USING XD Report Comment
Damoon	1706419751 usándolo!!! Report Comment
Chris7ian ^^	1706007964 usandolo, amo el estilo moe!! Report Comment
milly.mp3	1705970965 Usando!! le hice unos cambios espero no te moleste ;pp Report Comment
MARI౨ৎ⋆˚｡⋆	1705855633 using, It love this! Report Comment