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

paris	1790866902 using Report Comment
𝓂𝑒𝓁𝑜𝒹𝓎	1790155013 using Report Comment
❦🩸𝕺Cyidmorass𝕺🩸❦	1778943651 Usinggg Report Comment
𐂯 .ᐟ⸝⸝ Antonio ˚.🦴 ᵎᵎ	1777456764 using Report Comment
kawaipegasus	1768297147 usinggg! Report Comment
maz2	1762706946 using Report Comment
my.rozii	1762253577 USING Report Comment
BarkingItOut	1762011885 using Report Comment
serenity!	1758482444 using!! Report Comment
Peachyy♥	1757853560 using :3 Report Comment
օʀɨɛ	1757378215 using!!! Report Comment
NOva–Xcore	1754275245 Usandoo Report Comment
Bux	1752937361 using (this....) Report Comment
𝕸𝖎𝖐𝖆	1751878623 usingg Report Comment
mitsuki	1749469473 using!1! Report Comment
Bernadette	1747403149 Using! Report Comment
cakeypastelss	1745704259 using Report Comment
cakeypastelss	1745703667 using! Report Comment
dartdeman	1745348901 yoink using lol Report Comment
𝕰𝕸𝕺𝕽𝖄	1744394824 USING Report Comment