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

vickee	1705501858 might use! Report Comment
Joy ;3	1704452672 eating for breakfast with 3 different salad spoons Report Comment potato by . ݁₊ ☕⊹ . ݁˖ . ݁; 1704464976; Report
Ren ✰	1704069623 Using!!! :3 Report Comment
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
angie	1701629163 TYSM USING Report Comment
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