Sweet Lolita Bakery Layout

Tags: sweet, bakery, lolita, cute, kawaii, floral, flowers, cake, stars, pink

Description:

A cute and sweet layout inspired by sweet lolita and bakeries! Feel free to edit if you wish. If you use this layout, please say so in the comments! :DD

Preview:

click on the image for a larger preview

Code:

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

<style>

Body{
Background: url(https://i.imgur.com/JbHmpcO.gif);
}

.profile{
Background: url(https://i.imgur.com/fCi7Bcy.gif);
} 

main:before{
width: 807px;
margin-bottom: 1px;
border: 2px black;
height: 100px;
display: block;
content: url();
box-shadow: 2px 2px 2px 2px #000000;
background-image: url(https://i.imgur.com/WUdoVNh.gif);
background-position: center center;
background-size: cover;
background-color: black;
background-repeat: repeat;
}

.profile .friends .person img {

border-radius: 500px;
}

.profile .blurbs .section :nth-child(2) {
	background-image: url(https://i.imgur.com/RtgGEfk.gif);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px #0000;
</style>
<style>
footer {
boarder-radius: 15px;
background-image: url(https://i.imgur.com/RtgGEfk.gif);
color: white;
}

:root {
--logo-blue: url(https://i.imgur.com/RtgGEfk.gif);
--darker-blue: rgb(0, 0, 0) ;
--lighter-blue: black;
--even-lighter-blue: ;
--lightest-blue: rgb(2, 229, 250);
--dark-orange: white;
--light-orange: #000000; 
--even-lighter-orange: black;
--green: white;
}

h2,h3,h4,h5{
@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Permanent+Marker&display=swap');
font-family: 'Caveat', cursive;
font-family: 'Permanent Marker', cursive;
font-size: 150%;
color: white;
}

p{
font-family: 'Caveat', cursive;
font-family: 'Permanent Marker', cursive;
font-size: 150%;
color: rgb(0, 0, 0);
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add me */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* faves? */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chit chat */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forwardd */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant chat */
content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* group me */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: "☠"
} 

.contact .inner a img {
 font-size: 0;
}
.contact .inner a img:before {
 font-size: 1em;
 display: block
}

.profile .profile-info {
	background-image: url(https://i.imgur.com/bEQvUIl.jpg);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}

.online {
    margin:auto;
    padding-bottom: 5px;
    content: url(http://img1.coolspacetricks.com/images/myspaceicons/194.gif);
}

</style>
<style>

.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 15px; 
color: white;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
background-image: url(https://i.imgur.com/Nr87SSH.jpg);
}

.profile .table-section{
    border:2px solid #FFFFFF;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
}


.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px curve #000000 !important;
outline: curve !important;
}
img
{
border-radius: 12px;
}

.profile .table-section{
    border:2px solid #FFFFFF;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #FFFFFF;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }

  .profile .friends .heading{
    background: #FFFFFF;
    color: #000000;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #000000;
    text-shadow: 1px 1px 2px white
  }
.general-about {
background-image: url(https://i.imgur.com/Ue94uUv.jpg);
	padding: 20px;
	border-radius: 0px;
	box-shadow: 0px 0px 0 #ad0202;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.profile .blurbs .section :nth-child(2) {
     /* margin-top: -5px; */
	padding: 20px;
	border: 1px curve #000000 !important;
outline: curve !important;
}

.profile .profile-info .inner h3 {
background-image: url(https://i.imgur.com/bEQvUIl.jpg);
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#00c8ff;
}

.contact {

  border: 3px;
  background: url(https://i.imgur.com/hC83gTx.jpg);
  background-position: left top;
  background-repeat: repeat;
  padding: 20px;
  width: 200px;
  height: 150px;
}

h1 {
font-size: 26px!important;
line-height: 80px;
font-family: 'Creepster', cursive;
font-weight:normal;
text-transform: uppercase;
letter-spacing: -1.5px;
color: white;
text-align:center;
padding-bottom:0px;
padding-top:0px;
text-shadow: 0 0 5px #fff;
background: #000;
background-image:url("https://i.imgur.com/SmQDFTB.gif");
background-position: center;
background-size: 100%;
}

</style>
<style>

nav{ 
font-size: 13px !important;
font-family: 'Paytone One', sans-serif;
text-shadow: 1px 1px white;
text-transform:none;
padding-left:3px;
text-align: center;
}


a {

 text-decoration: none;

 font-weight: bld;
}

a:hover {

    color: pink;
}

DIV.blog-preview{
text-align: center;
background: url(https://i.imgur.com/qCS6VVx.gif);
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 3px solid rgba(255, 255, 255)
}

nav::before {
   content: "";
   background:  url(https://i.imgur.com/75Qb6ba.gif);
background-size: 200px;
    position: fixed;
    float: right;
    display: inline;
    bottom: 0;
    right: 5px;
    height: 196px;
    width: 195px;
    margin-bottom: 10px;
    margin-right: 5px;
}



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

🍭🌈n0stalgialvrr🌈🍭	1689644853 I'm using because it looks cute! Report Comment unfortunately my layouts arent working anymore (at least not on my screen) so im so sorry if they dont work by SUMAN SUMAN!!🎀; 1689654928; Report unfortunately my layouts arent working anymore (at least not on my screen) so im so sorry if they dont work by SUMAN SUMAN!!🎀; 1689654928; Report Oh by 🍭🌈n0stalgialvrr🌈🍭; 1689693694; Report
Yaoic0re	1688194719 Using Report Comment
𝓕𝓻𝓮𝓪𝓴𝔂chuu	1687259763 Using!! Report Comment
Kal	1687190650 using! >w< Report Comment