Neon Pink Clouds (The Layout)

Tags: pink, neon, cloud, crashtestdummy, gif, hello kitty, my little pony, cute

Description:

Neon pink cloud layout

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Crash Test Dummy (https://layouts.spacehey.com/layout?id=2818) -->

<!-- (c) Layout created by Crash Test Dummy (https://layouts.spacehey.com/layout?id=2818) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Bubblegum+Sans&family=Dancing+Script&display=swap');
:root{--neon-text-color:#FF69B4;--neon-border-color:#FF69B4;
    --pdg_blurbSticker: url(https://i.imgur.com/hr4nxLN.png);
	--pdg_commentsSticker: url(https://i.imgur.com/hvg1I6I.gif);
	--pdg_interestSticker: url(https://i.imgur.com/60Gnm4N.gif);
	--pdg_urlInfoBox: url(https://i.imgur.com/GwFuwmw.gif);
	--pdg_titleTexture: url(https://i.imgur.com/OWPyZIH.gif);
	--pdg_linkTexture: url();
	--pdg_profileInfo: URL(https://i.imgur.com/6jjw2IW.gif);
    --pdg_yourBackground: url(https://i.imgur.com/1Qs7mOz.gif);
}
.profile .left h1:first-child{color:#fff;font-size:3rem;padding:1rem 1rem 1rem;animation:pdg_flicker 1.5s infinite alternate;text-align:center;line-height:1.3em;}
@keyframes pdg_flicker{0%,19%,21%,23%,25%,54%,56%,100%{text-shadow:-0.2rem -0.2rem 1rem #FF69B4,
0.2rem 0.2rem 1rem #FF69B4,
0 0 2rem var(--neon-text-color),
0 0 4rem var(--neon-text-color),
0 0 6rem var(--neon-text-color),
0 0 8rem var(--neon-text-color),
0 0 10rem var(--neon-text-color);}
20%,24%,55%{text-shadow:none;box-shadow:none;}
}
:root{ --neon-text-color: #FF69B4; }
.profile .left h1{  font-family: 'Dancing Script', cursive;transform: rotate(-4deg); }

.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: 'Bubblegum Sans', cursive;
	line-height:1em;
	text-shadow: 0 0 7px violet;
	
}

body {
	background-image: var(--pdg_yourBackground);
	background-size: cover;
	background-position:center;
	background-attachment: fixed;
}

h1, h2, h3, h4,h5,a, p, nav label, .section {color: hotpink}

.profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }
main {
	background:#00000066;
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	border-radius:25px;
	padding:25px;
	color:#FFFFFF;
}
body:before {
	display: block;
	position: fixed;
	pointer-events: none;
	content: " ";
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	right: 0;
	background-image: var(--pdg_pageTexture);
	background-size: cover;
	background-attachment: fixed;
	opacity: .35;
	z-index: 25;
}
.profile a {
	transition: all .1s!important;
}

.profile a:hover, .profile a:hover p {
	background: var(--pdg_linkTexture)!important;
	;
	color: #EE82EE!important;
	text-shadow: 1px 1px 0 #000!important;
	;
}
.profile .section p, .details-table td:last-child p{
	background-color:#00000066;
	padding:.5em;
}

.profile .left h1 {
	text-transform: capitalize;
	font-size: 3rem;
	color:deeppink;
}

h1 { 
  color:#FF1493; 
 font-size:14pt; 
 font-family: 'Dancing Script', cursive;
 text-decoration:underline; 
 } 


.profile .right .blurbs {
	position: relative;
}
.profile .right .blurbs:after {
	background-image: var(--pdg_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(--pdg_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;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
	border: 0!important;
	width: 100%;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading, .profile .blurbs .heading, .profile .friends .heading {
	background-image: var(--pdg_titleTexture)!important;
	background-size: cover;
	background-position: bottom;
	color: green
	-webkit-text-stroke: 1px #FFF;
}
.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 {
	text-transform: capitalize;
	font-size: 1.6rem;
}
.profile .url-info {
	border: 0;
	color: #FFF;
	background: var(--pdg_urlInfoBox);
	background-position: center;
	text-align: center;
	padding:8em 0;
}
.details-table td:first-child {
	background: none;
	width: fit-content!important;
	color: #FFF;
	text-shadow: 0px 2px 0 #000;
}
.details-table td:last-child {
	background: none;
	max-height: 150px;
	overflow-y: scroll;
	float: right;
}
.details-table tr {
	border-bottom: 1px solid #000;
}
.profile .blurbs .section h4 {
	color: violet;
	font-size: 1.3rem;
}
.profile-info {
	background: var(--pdg_profileInfo);
	background-size: cover;
	background-position: center;
	box-shadow: -7px 8px 0 #0006;
	color: greenyellow;
	padding:6em 0;
}
.profile-info h3 a {
	color: #FFF;
}
.comments-table, .details-table {
	border: 1px solid #0000;
	border-collapse: separate;
	border-spacing: 0 .5em;
}
.comments-table tr td:last-child {
	height: 250px;
	display: block;
	overflow-y: scroll;
}
.comments-table td, .music-table td {
	background: none;
	color: #000;
}
.comments-table tr {
	border-bottom: 1px solid #000;
}
.comments-table td:first-child, .music-table td:first-child {
	background: none;
	text-align: left;
}
.profile .comments-table:after {
	background-image: var(--pdg_commentsSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(4) translateX(-2.5rem) translateY(-1rem);
	position: absolute;
	right: 0;
	z-index: -1;
}

.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: "\2795"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: "\2b50"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "\1F4ac"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: "\23e9"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: "\1F4f1"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: "\274c"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: "\1F465"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: "\1f5e3"
}

nav img.logo{
    filter: brightness(0) saturate(100%) invert(76%) sepia(9%) saturate(942%) hue-rotate(314deg) brightness(80%) contrast(86%); !important;
}

nav .top {
    background: rgba(0,0,0,0.0);
    color: darkorange;
}
nav .top a{
    color: #EE82EE!important;
}
nav .links {
    background: transparent!important;
    background-size: 100%100%!important;
    text-align: center;
}
nav .links a{
    color: #EE82EE!important;
}
#q, button {
color: 	#4B0082;
background-color: violet;
border: 1px solid 	#4B0082;
font-family: inherit;
}

@media only screen and (max-width: 600px) {
	.profile .left h1:before{
		transform: rotate(-4deg) scale(1.7) translateX(3.5em);
	}
	.profile .left .table-section:nth-last-child(2):before {
		transform: rotate(-4deg) scale(1.7) translateX(14em) translateY(-1.5em);
		z-index: 0;
	}	 
}





</style>

<style>

.online{content:url(https://i.imgur.com/W512j5Y.gif);
    width: 75px;
    height: 75px;
}
</style>

<style>
footer {
        border-radius: 15px;
background:#00000066; 
</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 42 comments ( View all | Add Comment )

remi	1717988811 using Report Comment
Aida superstar	1714812213 using!! Report Comment
! whokilledzoe !	1709655924 Using! :33 Report Comment
Chillylaya	1702485183 soo cute Report Comment
Leo/ Lilo !!	1680079483 So cute! I. Using it tysm for making this for ppl to use !! Report Comment
Caitlan	1679942589 Super dope! Thanks Report Comment
jademonétp	1675042897 omggg this is so pretty! Report Comment
CryptEater	1671418704 So cute! Using it! Report Comment
shmabby	1652975470 I'm using it. IT IS ABSOLUTELY GORGEOUS. Report Comment
Sticky Nicky	1649603642 If you're having issues with blue and orange highlight in this you can add: .heading { background: none !important; } Into the code and it should adjust it SHOUT OUT TO MY CODER FRIEND LAUREN Report Comment
Cadenxe	1648234202 Using this! Report Comment
laya	1647889791 using! Report Comment
BabyCat	1647535427 using this c: so cute Report Comment
🦋𝚈𝚊𝚣🦋	1642536809 cute thanks, using it Report Comment
bonkmaykr	1639280390 Report Comment
Echo Marie	1639273087 luv it Report Comment
Tyena T.💜	1638074010 It's super cute! I love it Report Comment
ChocolateJuicyyMa_30	1637553692 Kyute💕 Report Comment
Lola Kitty	1637507333 Super cute 💕 Report Comment
Taysia	1637278647 Love it Report Comment