ｌｅｍｏｎ　ｄｒｏｐｓ

Tags: kuuchuu yousai, kawaii, cute, erokawa, blue, yellow, anime, anime girl
Description:

ｌｅｍｏｎ　ｄｒｏｐｓレイアウトイラスト: © ぱぐぱぐまぐぅ / 空中幼彩レイアウトコード: © スペイスヘイ denpachannel 2023
Code:

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

<div class="denpa">

<style>
   .denpa {
background: url(https://i.ibb.co/hcNJ4TR/Shy-girl-by-vampluva-d3ai4u2-fullview.png) no-repeat;
background-size: 100%!important;
position: fixed;
right: -35px;
bottom: 0px;
height:600px;
width: 547px;
z-index: 1000;
}


</style>
<style>

body {
  height:auto;
  width: 650px;
margin-top:0px;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
text-align:justify; 
color: #9efaff; 
font-family: arial; 
font-size: 16px;
letter-spacing:0px; 
line-height: 12px; 
background-color:#ffffff;
background-image:url("https://64.media.tumblr.com/2a5aec23b32438acef146bc3b7911645/7cf915f60095705b-d5/s100x200/00dca06b58fa62491a5d96e36b94b34bf5b7c1ed.gifv"); 
background-size:;
background-attachment: fixed; 
background-position: top-left; 
background-repeat: repeat;
}

html:before {
  background-image: url( XXXXXXXXXXXXXXXXXXXXXXXXXXX );
  content: "";
  height: 300%;
  left: -50%;
  opacity:.1;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
  z-index: -1;
}

h1 img {
  width: 90%;
  height:30%;
}

b {
  color: ######;
  font-family: arial black; 
  font-size: {text:Font Size}; 
  text-transform: uppercase;
  letter-spacing: 0px;
}

i {
  font-family: times new roman;
  letter-spacing: 0px;
  color: ######;
}

u {
  color: ######;
}

strong {
  letter-spacing: 3px;
  background-image: linear-gradient(60deg, ######, ######);
  background-clip: text;
  -webkit-background-clip: text;
  color: ######;
  font-weight: bold;
}

sup {
  font-size: 9px;
  letter-spacing: 1px;
  color: ######;
  line-height: 7px;
}

em {
  font-family: times new roman;
  color: ######;
  letter-spacing: 1px;
  font-style: italic;
  font-weight: bold;
  text-align: justify;
  background-image: linear-gradient(60deg, ######, ######);
  background-clip: text;
  -webkit-background-clip: text;
}

small {font-size:8px; line-height:8px; letter-spacing:0px; text-transform: uppercase;}
big {font-family:arial black; color:{color:text}; word-spacing: normal;}


h1 {
font-size: var(--mynamesize) !important;

line-height: 12px;
font-family: arial black;
font-weight:none;
text-transform: uppercase;
letter-spacing: 0px;
color:######;
text-align:right;
padding-bottom:0px;
padding-top:0px;
padding-right: 3px;
text-shadow: 0 0 0px ######;
border-bottom: solid 1px #ffffff;
border-left: solid 15px #ffffff;
border-right: solid 2px #ffffff;
background:#ffffff;
background-image:url("");
background-position: center;

margin-top: 5px;
}

h1::first-letter {
color: ######;
}


.blurbs { 
  font-size: 10px;
  text-align: right;
  letter-spacing: -0.5px;
  text-transform: none;
  font-family: terminal, small fonts;
}

.blurbs {
    overflow: scroll;
    height: 350px; !important;
}

.blurbs::-webkit-scrollbar {
  display: none;
}

.blurbs {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.blurbs{margin-top:2px !important; margin-bottom:0px !important;}

.section h4{display:none}

.blurbs .heading{display:none !important;}

.url-info{display:none !important;} 

.mood{text-transform: lowercase; !important; color:######; letter-spacing: 2px; font-style: none; font-family: times new roman;}

.online {
display: none;
}

.heading {
  padding: 3px 0px !important;
  margin: auto !important;
  border-bottom: 2px solid ######;
}

.general-about {
  background: transparent;
  font-style: arial;
  font-weight: normal;
  text-transform: none;
  text-align: left;
  font-size: 10px;
  letter-spacing: 0px;
  height: 130px;
  padding: 8px 8px 4px!important;
  line-height: 14px;
  margin-bottom: 10px;
  margin-top: 0px;
}

.general-about {
  background-image: linear-gradient(60deg, ######, ######);
  background-clip: text;
  color: ######;
  -webkit-background-clip: text;
}

.blog-entry {
  text-align: center;
}

.blog-preview {
  float: center;
  text-align: center;
  padding: 0px 0px 0px!important;
  border-bottom: 2px solid #fffff;
  background: ######;
    letter-spacing: 0px;
    font-size: 8px;
    text-transform: uppercase;
    line-height: 10px;
  color: ######;
  margin: auto !important;
}

.blog-preview {
    overflow: scroll;
    height: 40px; 
    width: 97%;
    margin-left: 7px;
}

.blog-preview::-webkit-scrollbar {
  display: none;
}

.blog-preview {display: none;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* your profile itself. main does not encompass the header/footer, which I prefer to leave alone */

main {
  background-color: ######;
  color: var(--light-orange);
  border-bottom: 10px solid #8de5f2;
  border-right: 2px solid #8de5f2;
  border-left: 2px solid #8de5f2;
  padding-bottom: 0px;
}

/* links within main. */
a, a:link, a:visited, a:active {
  font-family: arial;
  font-size: 8px;
  font-weight: normal;
  color: #fff345;
  text-transform: uppercase;
  letter-spacing:0px; 
  margin: auto !important;
}

a:hover {
  color: #00000;
  text-transform: uppercase;
  font-weight: none;
  text-decoration: none;
}

a.two, a.two:link, a.two:visited, a.two:active {
  font-size: 18px;
  font-weight: normal;
  color: #8de5f2;
  letter-spacing:-1px; 
  line-height: 20px;
}

a.two:hover {
  color: #D97373;
  text-transform: uppercase;
  font-weight: none;
  text-decoration: none;
}

/* color/style of borders around tables on the left */
.profile .contact, .profile .table-section, .profile .url-info {
  border: none;
}

/* colors for the table headings on the left */
.profile .table-section .heading, .home-actions .heading {
display: none;
}

.profile .contact .heading {
  background: #8de5f2;
  color: #;
  font-family: arial;
  font-size: 10px;
  font-weight: none;
  text-transform: uppercase;
  text-align: center;
  line-height: 10px;
}

.contact {
  background-color: #ffffff;
  line-height: 2px;
}

.profile .contact .f-row{
	text-align: center;
	height: 0px;
}

.profile .contact .heading {
	display: center!important;
	text-align: center;
	padding: 4px 0px 4px!important; 
	width: 100%;
	line-height: 9px;
}

.profile .contact .f-row .f-col {
	width: 80%!important
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a {
	font-size: 0
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
	font-size: 8px;
	transition: all .3s;
        line-height: 3px;
  	padding: 0px 15px 0px 0px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:hover:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:hover:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:hover:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:hover:after {
	transform: scale(2);
	opacity: 1
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after {
	content: "ADD ME"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after {
	content: "FAVORITE"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after {
	content: "MESSAGE"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after {
	content: "FORWARD"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after {
	content: "IM"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after {
	content: "BLOCK"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after {
	content: "GROUPS"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
	content: "REPORT"
}

.music {
  position: fixed;
  width: 60px;
  height: 20px;
  bottom: 5%;
  right: 0%;  
  opacity: .5;
    -webkit-filter: ;
    filter: ;
}

.profile-pic {
        overflow: hidden;
	border: 5px solid ######;
}

footer {
   background: rgba(0.0, 0.0, 0.0, 0.0) !important;
   display: block !important;
   text-transform: uppercase;
   color: ######;
  line-height: 0px;
  padding-top: 0px;
}

.col.w-40.left :nth-child(7) {
	text-align: left;
height: auto !important;
}

:root {
  --dark-orange: transparent;
  --light-orange: ######;
--mynamesize: 15px;
--curve: 15px;
}

code{  word-break: break-all !important;}

.table-section:not(:last-child) .details-table tr td:first-child p{display: none;}

.details-table td:first-child{
  display:none;
}

.details-table tr td:first-child p::after{
  color:transparent !important;
  letter-spacing:normal !important;  
  line-height: 11px;
  font-size: 10px;
  width: 200px;
}

.profile .table-section {
    overflow: scroll;
    height: 120px;
    margin: 2px;
    padding: 0px;
}

.profile .table-section::-webkit-scrollbar {
  display: none;
}

.profile .table-section  {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.table-section {
}

nav .top {
  background: transparent;
  background-image: url(" XXXXXXXXXXXXXXXXXXXXXXXXXXXXX ");
  background-position: center;
}


  nav .links li:not(:last-child)::after,
  footer .links li:not(:last-child)::after {
    color: transparent; letter-spacing: -1px;
  }

nav ul.links a {
  color: #ffffff;
  letter-spacing: 1px;
  font-size: 7px;
}

nav ul.links a {
text-shadow: none;
}

nav .links {
  text-align:center;
  background-color: #8de5f2;
  letter-spacing:0px;
  padding-top: 10px;
}

nav .links a:hover {
  color: #8de5f2;
  text-transform: uppercase;
  font-weight: none;
  text-decoration: none;
	transition: all .3s;
}

.profile .friends .person img {
}

/* colors for left table cell background */
.profile .table-section .details-table td {
  background-color: transparent;
  color: ######;
    text-align: left;
}

.profile .left .table-section:last-child .details-table tbody {display:flex;}
.profile .left .table-section:last-child .details-table tbody tr{display:flex;flex-direction:column;flex:1;line-height:0;}
.profile .left .table-section:last-child .details-table tbody tr td{width:100%!important;text-align:center;background:none;}
.profile .left .table-section:last-child .details-table tbody tr td p a{font-size:0;transition:all .3s}
.profile .left .table-section:last-child .details-table tbody tr td p img{font-size:18px;opacity:1;transition:all .3s;height:auto;margin:0 auto;}
.profile .left .table-section:last-child .details-table tbody tr td p a:hover img{opacity:1;transform:scale(1);z-index:10;}

/* headings on the right */
.profile .blurbs .heading, .profile .friends .heading {
  background-color: #8de5f2;
  color: #000000;
  font-family: arial;
  font-size: 8px;
  line-height: 8px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
  font-weight: bolder;
  padding-left: 10px;
  border-bottom: 2px solid ######;
  border-left: solid 15px ######;
  border-right: solid 2px ######;
  margin: auto !important;
}

.profile .friends .comments-table td {display:none;
  background-color: ######;
  letter-spacing: 0px;
  font-size: 10px;
  text-transform: uppercase;
  border: 2px solid #8de5f2;
}

.comments-table td:first-child img{
}
.comments-table td:first-child img:hover{
border: 2px solid #fcc992;
}

.comments-table td{
background: #8de5f2;
color: ######;
}

.comments-table td:first-child{
background: #8de5f2;
}

.comments-table {
  border: 2px solid ##8de5f2;
}

.comment-replies {
  background: #fcdbb8;
  border: 3px solid #fcdbb8;
  letter-spacing: 0px;
  font-size: 10px;
  text-transform: uppercase;
  text-align: left;
}

.comments {display: none;
  height: 30px;
}

.friends {display: none;
    overflow: scroll;
    height: 30px; 
}

.friends::-webkit-scrollbar {
  display: none;
}

.friends {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

* {cursor: url( XXXXXXXXXXXXXXXXXXXXXXXXXXXX ), auto !important;}

@media only screen and (max-width: 600px){
.class { thing }
}




</style>
<style>
body {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=88107);}
</style></div>
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 0 of 0 comments ( View all | Add Comment )
Layout published by denpa

ｌｅｍｏｎ ｄｒｏｐｓ

Description:

Code:

Comments

ｌｅｍｏｎ　ｄｒｏｐｓ
