🎀 Cute + Pink 🎀 (My second Layout:3)

Tags: pink, cute, layout, gif, loading screen, melody, autoplay, ddlc, kawaii, music

Description:

MY SECOND THEME!!! I FINALLY DID IT!!! (I had creativity and motivation) to make a theme!! I'm thinking about starting to create some themes and post them for others to use.. As this is my second theme, there may be errors, so please let me know if there is anything wrong. I accept requests, even if I don't have much time or creativity I will try to make them Maybe it takes me a while to post, reasons; school and work... (CREDIT ME!!! Or I will appear under your bed.....)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ₊𝘔𝘦𝘪𝘳𝘪𝘩𝘦𝘳𝘦⊹ (https://layouts.spacehey.com/layout?id=89315) -->

<style>* {cursor: url(https://cur.cursors-4u.net/special/spe-3/spe240.ani), url(https://cur.cursors-4u.net/special/spe-3/spe240.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/04/08/pink-arrow-bow-tie-hearts-blinking-letter-e.html" target="_blank" title="Pink Arrow, Bow Tie Hearts Blinking, Letter E"><img src="https://cur.cursors-4u.net/cursor.png" alt="Pink Arrow, Bow Tie Hearts Blinking, Letter E" style="position:absolute; top: 0px; right: 0px;"/></a>


<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 4px; z-index: 400;">
<img src="https://collection.ju.mp/assets/images/gallery15/be3fa54b_original.gif?v=0236594d.gif" width="200" height="100"/></div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap');

div.container {
width: 1000px; }

main {
background-color: #ffffff;
border: 1px groove pink; }

main, main p {
font-family: 'italic', cursive;
font-size: 15px;
color: grey; }

main:before {
background-image: url();
content: "";
width: 100%;
height: 100px;
display: block;
background-size: cover;
background-repeat: no-repeat; }

main:after {
background-image: url();
content: "";
width: 100%;
height: 100px;
display: block;
background-size: cover;
background-repeat: no-repeat; }

.profile h1 {
font-family: 'italic', cursive;
font-size: 40px;
color: #ffe6ee;
text-shadow: 2px 3px 3px pink;
text-align: center; }

.general-about {
border: 1px solid pink;
width: 300px;
height: 180px;
margin-bottom: 8px;
box-shadow: 2px 3px 3px pink; }

.general-about .profile-pic img {
border: 1px solid pink;
margin: 8px;
height: 170px;
width: 170px; }

.profile .friends .person img:not(.icon), .comments-table td:first-child img:not(.icon) {
border: 1px solid pink;
width: 90px;
height: 90px; }

body {
background-image: url("https://i.pinimg.com/564x/ed/59/4c/ed594ce6095008917fe0086f5f21b67a.jpg");
background-size: 800px;
overflow-y: scroll; }
    
nav img.logo {
filter: brightness(0) saturate(10%) invert(10%) sepia(10%) saturate(100%) hue-rotate(0deg) brightness(10%) contrast(10%); }
    
nav .top, nav .links, footer {
font-family: 'italic', cursive;
font-size: 14px;
font-weight: normal;
background: #ffe6ee;
margin-top: 3px;
margin-bottom: 3px;
border: 1px groove pink; 
color: pink; }

footer, footer p, i, p.copyright {
font-size: 14px; 
text-transform: lowercase; }

form>button, button {
font-family: 'italic', cursive;
font-weight: bold;
color: gray;
background-color: #ffe6ee;
border: 1px solid pink;
text-transform: lowercase; }
    
[id='q'] {
border: 1px solid pink; }
    
label {
font-family: 'italic', ;
font-size: 14px;
color: gray;
text-transform: lowercase;
font-weight: bold; }
   
nav .top .right, .logout-btn {
font-family: 'italic', cursive;
font-size: 14px;
color: gray;
font-weight: bold;
text-transform: lowercase; }
    
nav .links a, nav .links .special a {
font-family: 'italic', cursive;
font-size: 14px;
font-weight: bold;
color: gray;
text-transform: lowercase;
text-shadow: none; }

nav .links, footer .links {
word-spacing: 4px;
text-align: center; }

li.active icon {
content: url(https://64.media.tumblr.com/tumblr_lu9w9mu2Yc1qf290m.gif); }

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
content: " ୨୧";
font-size: 13px;
font-weight: bold;
color: grey; }
    
.profile .contact .heading, .profile .table-section .heading, .profile .blurbs .heading, .profile .friends .heading {
font-family: 'italic', cursive;
text-transform: lowercase;
border-bottom: 1px solid pink;
text-align: center;
background-color: #ffe6ee; 
color: grey; }
    
.profile .contact {
border: 1px solid pink;
box-shadow: 2px 3px 3px pink;
text-transform: lowercase; }
 
main a {
font-size: 15px; 
text-transform: lowercase;
color: grey; }

a.more {
font-family: 'italic', cursive; }

nav .top a { 
font-size: 14px;
color: grey; }

a, b, div.mood, .url-info, .table-section {       
font-family: 'italic', cursive;
font-size: 15px;
text-transform: lowercase;
color: grey; }
    
nav .top a:hover, nav .links a:hover, a:hover {
color: lightblue;
text-decoration: underline; }
    
.url-info, div.blog-preview {
background: #ffe6ee;
box-shadow: 2px 3px 3px pink;
text-align: center;
border: 1px solid pink;
color: grey; }

div.blog-preview h4, div.blog-preview h4 a{
font-family: 'italic', cursive;
text-transform: lowercase; }
    
.profile .table-section {
border: 1px solid pink; 
box-shadow: 2px 3px 3px pink; }

.details-table td {
border: 1px solid pink; }

table {
border-spacing: 4px; }
    
.profile .blurbs .heading {
color: grey;
background-color: #ffe6ee;
border-bottom: 1px solid pink; }

.profile .blurbs, .profile .friends {
border: 1px solid pink;
box-shadow: 2px 3px 3px pink; }
    
.profile .friends .heading {
border-bottom: 1px solid pink;
text-align: center;
background-color: #ffe6ee; }

div.friends {
margin-bottom: 15px; }
    
table.comments-table {
display: block;
height: 400px!important;
overflow-y: scroll; }
    
.comments-table td {
border: 1px solid pink; }

div.comment-replies {
border: 1px solid pink;
margin-bottom: 2px; }
    
.profile .blurbs .section h4 {
font-size: 15px;
color: grey;
text-align: center;
text-decoration: 1px underline;
text-transform: lowercase; }

.blurbs p{
text-align: center; }

.count{
color: grey; }
    
:root {
--logo-blue: #ffe6ee;
--darker-blue: #ffe6ee;
--lighter-blue: #ffe6ee;
--even-lighter-blue: #ffe6ee;
--lightest-blue: #ffe6ee;
--dark-orange: #ffe6ee;
--light-orange: #ffe6ee;
--even-lighter-orange: #ffe6ee; }
    
.contact .inner a img {
font-size: 0px; }
    
.contact .inner a img:before {
font-size: 1em;
display: block; }

.contact .f-col>a:before {
content: url(https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif); }

.online {
    content: url(https://dl.glitter-graphics.com/pub/272/272679lz7b9hcea1.gif);
}

::-webkit-scrollbar{
height: 10px;
width: 15px; }

::-webkit-scrollbar-track{
background: #fff; }
 
::-webkit-scrollbar-thumb{
background: #ffe6ee;
border: 1px solid pink; }

::-webkit-scrollbar-thumb:hover{
background: #feedf5; }

.profile-info {
font-size: 15px;
border: 1px solid pink;
box-shadow: 2px 3px 3px pink;
text-transform: lowercase; }

.report .icon{
visibility: hidden; }

p.report {
background: url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSXS5yzNrI/AAAAAAAAAFY/cYCKZt7z-0k/s800/gif15.gif);
background-repeat: no-repeat;
display: inline-block; 
font-size: 80%;
text-transform: lowercase; }

p.report a {
font-size: 11px; }

</style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/originals/47/23/44/472344f89d08d35b1e3a384611dc2581.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
main:before {
	width: 100%;
	height: 170px;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/564x/58/af/7b/58af7bfc803fa1ac5be67a8bf6bae69c.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
</style>

<style>
  
  .logo {
  
  content:url("https://cdn.discordapp.com/attachments/1111836147530874910/1134738469650976848/Untitled174_20230729004512.png")
  
  }
  
  </style>

<style>

@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, -0px); }   
}
</style>

<style>
/* floating animations */
.profile-pic, .profile .friends .person img:not(.icon), .profile .friends .person p, .profile h1{ 
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 0px;
    margin-top: 0px;
}    
</style>

<div style="float:  ; max-height: 400px; position: fixed; left: 1px; bottom: 9px; z-index: 200;"><img src="https://64.media.tumblr.com/81ce0e08620ad0682d34a0e1ef82165f/649e49a53f994cd2-29/s1280x1920/762448cf739ba0a152fc6dda6b862658f5a46a40.gifv" width="200" height="200"/></div>


<iframe width="0" height="0" src="https://www.youtube.com/embed/zoq0tAKpLBI//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

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

C0rruptN4ture	1759612338 Using!! Report Comment
•˙🍮⊹꒷ ᑲіmᑲ‪‪o ɞ🎀˙✦	1758481792 usinggg Report Comment
lynette ᰔ	1756906440 usinggg Report Comment
Sprinkly oatmeal	1740438363 using!! Report Comment
✳` 🎀 𝒷𝑒𝓁𝓁𝒶𝓉𝓇𝒾𝓍 🎀 `✳	1739493079 usingg Report Comment
Xia/Mike/Edi 🦈🐚	1724205910 using Report Comment
꒰ᐢ. .ᐢ꒱ ᶻ 𝗓 𐰁	1723410287 using!! Report Comment
⃜᪇ᩤ᪈࣪ᩙ 𖹭⵿፝֟͜͡𖹭⵿̭͝⛱️ᩖᩨ᩷࣪ ּ͜Nׄ֟፝𝘆ܸׄ	1722530685 Using Report Comment
Columbina	1719727741 using! :3 Report Comment
Beetle!👾	1704452672 eating for breakfast with 3 different salad spoons Report Comment potato by ₊𝘔𝘦𝘪𝘳𝘪𝘩𝘦𝘳𝘦⊹; 1704464976; Report
Maryland♡	1703764547 So cute usingg!! Report Comment
Rori	1703416606 Using it and its super cute Report Comment Tyyyy<3 by ₊𝘔𝘦𝘪𝘳𝘪𝘩𝘦𝘳𝘦⊹; 1703538950; Report
S4SH4	1702570715 Using! :D Report Comment
hannah	1702162765 Using ^^ Report Comment
luna ⦻	1702080324 using !! Report Comment I LOVE YOUR PFP AAAAAAHHH<3 by ₊𝘔𝘦𝘪𝘳𝘪𝘩𝘦𝘳𝘦⊹; 1702081117; Report
tab	1702028509 using this :P ur credited in the heros section lol Report Comment thank youuuu<3 by ₊𝘔𝘦𝘪𝘳𝘪𝘩𝘦𝘳𝘦⊹; 1702043881; Report
PrettyPinkGlitter	1701560900 Using ^_^ Report Comment
₊𝘔𝘦𝘪𝘳𝘪𝘩𝘦𝘳𝘦⊹	1701550435 ★Remember to give me credit if you use it!! It took me a while to do this (I'm going crazy)★ Report Comment