pink kawaii profile

Tags: kawaii, pastel, pink, cats, cute, glitter

Description:

PLEASE READ FIRST : i was super inspired by the layouts that Cory posted today so i used some of the codes he shared to create the kawaii profile! (i'll post pictures of it later when i get home.) feel free to use it or any of my other ones but it'd be really cool if you could leave a comment or consider adding me so i can see it! also you're more than welcome to change whatever! (reach out if you need any help!) ^-^

Preview:

click on the image for a larger preview

Code:

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

<style>
:root {
	--yourBackground: url(https://gifimage.net/wp-content/uploads/2017/10/cute-animated-gif-backgrounds-3.gif);
	--pageTexture: url(https://media.giphy.com/media/xT4ApcUu88wApN5kwE/giphy-downsized.gif);
	--nameSticker: url('http://media2.giphy.com/media/45RmW47RpKheo/giphy.gif');
	--blurbSticker: url('https://media.giphy.com/media/JoaeMGYYkHpC/giphy.gif');
	--interestSticker: url('http://33.media.tumblr.com/9399e5e1fa6f95c895a501b8226121bd/tumblr_nr4f0wy65q1updbngo1_250.gif');
}
.profile {
	font-family: 'Space Mono', monospace;
}
.profile .left h1 {
	font-family: 'Imbue', serif;
}
.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
	font-family: 'Imbue', serif;
}
body {
	background-image: var(--yourBackground);
	background-size: cover;
	background-attachment: fixed;
}
main {
	background-color: #F1B9E377;
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(25px);
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.profile a {
	transition: all .1s!important;
}
.profile a:hover, .profile a:hover p {
	background: var(--linkTexture)!important;
	;
	color: #FFF!important;
	text-shadow: 1px 1px 0 #000!important;
	;
}
.profile .left h1 {
	text-transform: uppercase;
	font-size: 3rem;
	color: #FFF;
	text-shadow: 3px 3px 0 #67337C;
}
.profile .left h1:before {
	background-image: var(--nameSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(1.7);
	position: absolute;
	z-index: -1;
}
.profile .right .blurbs {
	position: relative;
}
.profile .right .blurbs:after {
	background-image: var(--blurbSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(2) translateY(-2rem);
	position: absolute;
	right: 0;
	z-index: -1;
}
.profile .left .table-section:nth-last-child(2):before {
	background-image: var(--interestSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(1.7) translateX(-3em) translateY(2.5em);
	position: absolute;
	z-index: -1;
}
</style>

<style>

 html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(http://3.bp.blogspot.com/-gxCxKVqB4hQ/USm67ziql0I/AAAAAAAAMdE/C74OloiMUcM/s1600/flowernew.png);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}

    :root {
        --logo-blue: #ffc0cb;
        --darker-blue: #eb8dff;
        --lighter-blue: #c0ebff;
        --even-lighter-blue: #eb8dff;
        --lightest-blue: #eb8dff;
        --dark-orange: #eb8dff;
        --light-orange: #eb8dff;
        --even-lighter-orange: #c0ebff;
        --green: #c0ebff;
    }
    * {
        font-family: Monospace;
    }
    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: black;
    }
    .blog-preview p a{
        color: #eb8dff !important;
    }
    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
    table.details-table {
        border-collapse: collapse;
    }
    table.details-table td {
        background-color: transparent !important;
    }
    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: #2a2a2a !important;
        border-bottom: 2px solid;
    }
    main {
        border-radius: 0 0 15px 15px;
        background: rgba(248, 218, 255, 0.70) !important;
    }
    .container {
        border-radius: 0 0 15px 15px;
        margin-top: 30px;
        padding: 10px;
    }
    footer {
        border-radius: 15px;
        background: rgba(248, 218, 255, 0.70) !important;
        display: block !important;
    }
    table.comments-table td {
        background-color: rgba(248, 218, 255, 0.50) !important;
    }
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 1px;
    }
   .profile .friends .person img {
        border-radius: 500px;
    }
    .friends-grid img{
        opacity(50%) 
        border-radius: var(--curve) 
        filter: color:;
    .blog-preview p {
        font-size: 1.4rem;
    }
    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;

</style>



<style>
.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img
{
border: 0px dotted gray !important;
outline: none !important;
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-3/cur273.cur), auto !important;}</style>

<style>

.online{content:url("http://www.myspacegens.com/images/online_now/111.gif");}

</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 33 comments ( View all | Add Comment )

Bernadette	1747403149 Using! Report Comment
cakeypastelss	1745704259 using Report Comment
cakeypastelss	1745703667 using! Report Comment
dartdeman	1745348901 yoink using lol Report Comment
Slushie	1744394824 USING Report Comment
bolimuu!	1743866825 Usando!! ;3 Report Comment
bolimuu!	1743866825 Usando!! ;3 Report Comment
𝙅𝙖𝙮 .𖥔 ݁ ˖๋ ࣭ ⭑	1740343256 Using!! Report Comment
h@yl3y	1738968890 using !! Report Comment
ch8haru_	1738662032 using ^^ Report Comment
L 𝜗𝜚	1738052213 so pretty layout !! Report Comment
mxpressley	1736723191 using :D Report Comment
CherryBomb	1734594043 Using!! Report Comment
citrustea.^.🍊✧⁠*⁠♡	1734146073 Gonna use <3 Report Comment
🪻Azure🪻	1732197808 Using This :D Report Comment
HATERS MAD I GOT THEM MOVES LIKE JAGGER	1728748660 using bc i like the shade of pink and it’s rlly cute :3 Report Comment
Rachel Lynette	1727651018 Adorable and using it Report Comment
Persephone ( /^w^)/♪♪	1726778988 using Report Comment
̶A̶̶n̶̶k̶̶o̶̶u̶	1726085348 using tysm! Report Comment
sofia	1724210786 using!! tyy Report Comment