floral lolita theme

Tags: lolita

Description:

its cute got bunnies, roses, and berries. very quick and lazy theme. if you want diff icons for the contact table use this and replace the links .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { content: url(https://pixels.crd.co/assets/images/gallery36/523c3792.gif?v=8becb5d1); } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { content: url(https://pixels.crd.co/assets/images/gallery68/cd89185b.gif?v=8becb5d1); } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { content: url(https://pixels.crd.co/assets/images/gallery36/d6e209b9.gif?v=8becb5d1); }.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { content: url(https://pixels.crd.co/assets/images/gallery68/0269a208.gif?v=8becb5d1); } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { content: url(https://pixels.crd.co/assets/images/gallery68/b2abdc7e.gif?v=8becb5d1); } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { content: url(https://pixels.crd.co/assets/images/gallery29/1c0cdf17.gif?v=8becb5d1); } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { content: url(https://pixels.crd.co/assets/images/gallery68/1951e677.gif?v=8becb5d1); } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { content: url(https://pixels.crd.co/assets/images/gallery42/6c50b726.gif?v=8becb5d1);

Code:

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

<div class="ribbon"></div>
<div class="heart"></div>
<div class="miffy"></div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
.profile h1 , h2 , h3 , h4 , h5 , .logout-btn , label.custom-cursor-default-hover{
   font-family: 'Hachi Maru Pop', cursive;
}
html:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url(https://64.media.tumblr.com/3b72cb0def28f587cbdc728fd162169d/d23c68a914a07138-3b/s500x750/503b622dbc79413c6579ba546a1f81c413def795.gifv);
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1.4s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} 
} 

.count {
    color: #9cb9a6;
    text-shadow:transparent;
}
nav .links .special a {
    color: #ECFFC2;
    text-shadow: none;
}
nav .links a{
color:white;
text-shadow: 0 0 7px transparent;
}

p , a {
   font-family: 'Patrick Hand', cursive;
   size:110%;
}
 .friends p {
    color: #ad1c33;
}
nav .links {
font-size:130%;
margin-block-end:30px;
   border-width: 10px;
    border-style: solid;
    border-image: url(https://external-media.spacehey.net/media/sMK0XTV3RCB1a_e467C5xP5RRq3UZuSaaTi6QEInp3pw=/https://media.discordapp.net/attachments/826854899013648384/839700444375810078/tumblr_inline_o98n9dbCl61u2r0ws_540_1_2.png) 8 fill round;
    width: 100%;
    border-top:none;
    border-image-outset: 2px;
animation:float 2s ease-in-out infinite alternate;
}
details summary{
   font-family: 'Hachi Maru Pop', cursive;
}
:root {
    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --dark-gray: #7d1515;
    --darker-gray: #545454;
    --logo-blue: #71816D;
    --darker-blue: #7ea086;
    --lighter-blue: #71816D;
    --even-lighter-blue: #FACCD7;
    --lightest-blue: #FACCD7;
    --red: #FF0000;
    --dark-orange: #AF2341;
    --light-orange: #DE88A1;
    --even-lighter-orange: #FACCD7;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}

nav .top {
    display: flex!important;
    opacity: 1!important;
    margin-block-start: 20px;
     border-width: 10px;
    border-style: solid;
    border-image: url(https://external-media.spacehey.net/media/sMK0XTV3RCB1a_e467C5xP5RRq3UZuSaaTi6QEInp3pw=/https://media.discordapp.net/attachments/826854899013648384/839700444375810078/tumblr_inline_o98n9dbCl61u2r0ws_540_1_2.png) 8 fill round;
    width: 100%;
    animation:float 2s ease-in-out infinite alternate;
    border-image-outset: 2px;
}

body{
background-image:url(https://i.pinimg.com/564x/81/73/2f/81732f3fd082e3fa0c9f1219f241113d.jpg);

}
main {
    background: #ffeef6;
    color: #e18ca4;
    padding: 6px 0px;
    font-size: 80%;
    border-width: 10px;
    border-style: solid;
    border-image: url(https://external-media.spacehey.net/media/sMK0XTV3RCB1a_e467C5xP5RRq3UZuSaaTi6QEInp3pw=/https://media.discordapp.net/attachments/826854899013648384/839700444375810078/tumblr_inline_o98n9dbCl61u2r0ws_540_1_2.png) 8 fill round;
    width: 100%;
    margin-bottom: 10px;
    border-image-outset: 2px;
    background-image:url(https://64.media.tumblr.com/55be6bf99083a53d5e248c439863f8af/38510dd5ef7a1152-84/s640x960/71599cd1d67c2d662f478dfa2bb2ac4b2936addd.gifv);
background-repeat:no-repeat;
background-size:contain;
background-position:bottom;
animation:float 2s ease-in-out infinite alternate;
}

Main:after{
width: auto;
    border-width: 10px;
    border-style: solid;
    border-image: url(https://external-media.spacehey.net/media/sMK0XTV3RCB1a_e467C5xP5RRq3UZuSaaTi6QEInp3pw=/https://media.discordapp.net/attachments/826854899013648384/839700444375810078/tumblr_inline_o98n9dbCl61u2r0ws_540_1_2.png) 8 fill round;
   
    margin-bottom: 40px;
    border-image-outset: 2px;
    
    height: 400px;
    display: block;
    content: "";
    background-image: url(https://media.tenor.com/zAaIE5kKFMsAAAAC/higurashi-rena-ryuugu.gif);
    background-position: center center;
    background-size: cover;
}
.col.w-40:before{
content:"";

white-space: pre-wrap;
display: block;
height: 100px;
width: px;
background-image: url(https://wilardo.crd.co/assets/images/gallery22/e4f02768_original.png?v=4619c116);
background-repeat:no-repeat;
background-size: 300px;
background-position-x: center;
margin-block-end: -40px;
}
.general-about .profile-pic img {
   -webkit-mask-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/8e/Pan_Blue_Circle.png/640px-Pan_Blue_Circle.png);
   -webkit-mask-size: 100%;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-position: center;
   transform: scale(1.025,1.025);
   position: relative;

}
.col.w-40:after {
    content: "";
    border-radius: 10px;
    white-space: pre-wrap;
    display: block;
    height: 100px;
    width: px;
    background-image: url(https://wilardo.crd.co/assets/images/gallery22/e4f02768.png?v=4619c116);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-x: center;
}


.profile .friends .person img:not(.icon) , .comments-table td:first-child img:not(.icon) {
 -webkit-mask-image: url(https://64.media.tumblr.com/ea0f0e8dbf540e475057ea9a6cc7aa6a/20c63da3d05ab8ae-c2/s1280x1920/abaa72ac8c4f36487c9b99cbd5df5fb8e919d098.pnj);
   -webkit-mask-size: 100%;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-position: center;
   transform: scale(1.025,1.025);
   position: relative;
   top: -0.25em;
   box-shadow: 0 0 15px #ECFFC2 ;
}
.online {
    content:url(https://64.media.tumblr.com/9d37c1a3acbb4c7724bf57081e3ee708/tumblr_podne4PWQL1sz1mubo10_r1_500.gifv);
    height:50px;
}
.mood:after {
    content: "";
    border-radius: 50px;
    white-space: pre-wrap;
    display: block;
    height: 34px;
    background-image: url(https://external-media.spacehey.net/media/sE7o0Lw799MGuzpi77KCD01gBOTWmfssE8KOLizRrAiU=/https://cutekawaiiresources.files.wordpress.com/2014/08/6.gif);
    background-size: 90%;
    background-position-x: center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    margin-top: 20px;
}

.blog-preview p .pinned .icon {
    margin: 0 5px 0 0;
    content-visibility:hidden;
    height: 1.5rem;
    width: 1.5rem;
    vertical-align: -0.2em;
    background-image:url(https://64.media.tumblr.com/232f3e5f3f92b7c4a61416dbefe4e6ee/618fe6d73983385b-6f/s400x600/69a8c2e4a48bb03795b06e7ea38643880bf55f0a.gifv);
    background-size:20px;
    background-repeat: no-repeat;
}

nav .top .left .logo {
content:url(https://64.media.tumblr.com/0d53af91f4744766d7c3811a8b2ae70d/1e41ac8d7a9125f0-f0/s400x600/503b6db54b496b1bcd0e515579637e728d8400c2.gifv);
width:50px;
height:50px;
}
.profile-info {
    border-width: 1px;
    border-style: solid;
    border-image: url(https://external-media.spacehey.net/media/so0kBy9xEfuo3PTJHmYTieRHLbVyr6GplAL7F6cBGFHQ=/https://cdn130.picsart.com/338692830052211.png?to=crop&type=webp&r=1456x1499&q=85) 7 fill stretch;
    padding: 20px;
    padding-left: 30px;
    height: 225px;
}

.profile .url-info{
border-width: .20px;
    border-style: solid;
    border-image:url(https://cdn140.picsart.com/244921888028212.png?to=crop&type=webp&r=1456x1417&q=85) 7 fill stretch;
padding:20px;
padding-left:30px;

}

.profile .url-info:after {
content:"";
border-radius:50px;
white-space: pre-wrap;
display: block;
height: 80px;
width: px;
background-image: url(https://64.media.tumblr.com/f35f11e301abd5a00565149938356e6e/e368323e801a850e-63/s2048x3072/309be5b3f66cebbc4e47cf2e7186c86583085664.pnj);
background-repeat:no-repeat;
background-size: 30%;
background-position-x: center;
}
<!-- (c) Layout created by fluorescent lights (https://layouts.spacehey.com/layout?id=30594) -->


:root {
--polaroid-name: "❀。• *₊°。 ❀°。"; /* name displayed on polaroid */
--name-size: 1.6em; /* font size of name */
--toggle-displayname: none; /* change this to "initial" to restore display name */
}
@font-face {
font-family: 'teabeer';
src: url('https://fluorescent-lights.neocities.org/teabeer.ttf') format('truetype');
}
.profile h1 {
display: var(--toggle-displayname);
}
.general-about .profile-pic {
position: relative;
filter: drop-shadow(0 0 0.25rem #ECFFC2);
transform: rotate(4deg);
margin: 0 20px 8px -5px;
transition: transform .5s;
}
.general-about .profile-pic:hover , .comments-table td:first-child img:not(.icon):hover , .profile .friends .person img:not(.icon):hover{
transform: scale(1.2) rotate(-3deg);
}

.general-about .profile-pic:before {
content: var(--polaroid-name);
font-family: 'teabeer';
font-size: var(--name-size);
position: absolute;
z-index: 2;
bottom: -30px;
left: 0px;
width: 100%;
text-align: center;
}
.general-about .profile-pic:after {
content: "";
background: url('https://64.media.tumblr.com/62e4827dc04d64a5d892ad68502a7a7e/e18f4dacc2abcb3d-cf/s400x600/56a703478c0bb6b883b7975b7a85525ee85cfa90.pnj');
position: absolute;
background-size: contain;
background-repeat: no-repeat;
top: -5px;
left: -5px;
width: 170px;
height: 210px;
}
.mood {
margin-top: 50px;
}

div.ribbon {
background: url(https://64.media.tumblr.com/42d9409f1a1a75e9cc54b5d1ce6050f9/01a9b2d9c11bf106-66/s250x400/483e6295f6d2ef994af974014085ae54632950a5.pnj);
       background-size: 100%!important;
       position: absolute;
    left: -180px;
    bottom: 3370px;
    height: 197px;
    width: 170px;
    z-index: 100;
    opacity: 100%;
    background-repeat:no-repeat;
}
div.heart {
background: url(https://64.media.tumblr.com/945d8c8fe1aa863db735d0781cc5cda4/0f9bf07013d4e726-31/s250x400/b0953adbc4d20dc1ec093ce03df36359cadde023.pnj);
       background-size: 100%!important;
       position: absolute;
    right: -180px;
    bottom: 3390px;
    height: 197px;
    width: 170px;
    z-index: 100;
    opacity: 100%;
    background-repeat:no-repeat;
}

div.miffy {
    background: url(https://64.media.tumblr.com/ecc83956e9a28a0eed59e8c4fac96b33/c698927480367dfd-5d/s250x400/78e50c023e7c32f39b2ac89911fe724edb4d8b2c.pnj);
    background-size: 100%!important;
    position: absolute;
    right: -250px;
    bottom: 1681px;
    height: 197px;
    width: 170px;
    z-index: 100;
    opacity: 100%;
    background-repeat: no-repeat;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

</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.