SZA layout

Tags: simple, cute, 90s, animation, gif, layout, black, brown

Description:

please comment if using !! :)

Preview:

click on the image for a larger preview

Code:

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

<style>
body { 
background: url(https://i.pinimg.com/originals/81/2b/26/812b26e67b4f944bd2f1bb8690bc025d.gif);
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
.profile .blurbs .section h4{
font-family: 'Josefin Sans', sans-serif;
text-transform:lowercase !important;
color: rgba(96, 54, 2, 0.73);
}
</style>

<style> 
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
p{
font-family: 'Josefin Sans', sans-serif;
text-transform:lowercase !important;
color:black;
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');
h1{
font-size: 30px !important;
font-family: 'Paytone One', sans-serif;	
text-transform:uppercase !important;
padding-left: 2px !important;
}
</style> 

<style> 
.profile h1{
background: -webkit-linear-gradient(#6090db, #6b4427);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');
h4{
font-size: 16px !important;
font-family: 'Paytone One', sans-serif;	
text-transform:uppercase !important;
padding-left: 2px !important;
/* gradient text, you can replace existing colors with whatever ones you want */
background: -webkit-linear-gradient(black, black);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}
</style> 

<style>
p{
font-size: 14px !important;
font-weight: bold;
 text-transform:none !important;
}
</style> 

<style>
/* links in the navigation bar @ the top */
nav{ 
font-size: 13px !important;
font-family: 'Paytone One', sans-serif;
text-shadow: 1px 1px #6b4427;
text-transform:none;
padding-left:3px;
text-align: center;
}
</style>

<style>
    .profile .friends .inner, .profile .blurbs .section h4{
    text-align: center;
    }
</style>

<style>
    .count {
        color: #6b4427;
    }
</style>

<style>
   a:hover {
     color: black; 
   } 
   a{
     color: black; 
   }
</style>

<style>
a:hover {    
 cursor: url('http://www.rw-designer.com/cursor-view/184421.png'), auto;
}
* {
 cursor: url('http://www.rw-designer.com/cursor-view/184406.png'), auto;
}
</style>


<style>
main {
background: rgba(112, 56, 0, 0.56);
border-radius:15px;
border: 2px dotted rgba(107, 68, 39)
}
</style>


<style>
.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color:rgba(112, 145, 238, 0.36);
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 3px dotted rgba(112, 56, 0, 1)
}
</style>

<style>
.profile .friends .person p {
color: #7d5b42;  
}
.profile .friends .person p:hover {
color: #7d5b42;  
}
</style>

<style> 
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
DIV.blog-preview{
text-align: center;
font-family: 'Josefin Sans', sans-serif;
background-color:rgba(190, 87, 2, 0.25);
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 5px dotted rgba(139, 65, 4, 0.25)
}
</style>

<style>
.profile .friends .person img:not(.icon) {
border-radius:15px;
box-shadow: 1px 0px 7px 2px rgba(125, 69, 22, 0.71);
border: 3px dotted rgba(255, 221, 241, 1)
}
</style>


<style>
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: rgba(125, 69, 22, 0.71);
}
</style>

<style>
.profile .contact {
background-color: rgba(86, 35, 0, 0.91);
}
</style>

<style>
.profile .friends .comments-table td {
background-color: rgba(125, 69, 22, 0.71);
border: 1px solid rgba(125, 69, 22, 0.71);  
}
.comments-table td*{
    
    
}
</style>


<style>
.profile .table-section .details-table td {
background-color:rgba(125, 69, 22, 0.71);
}
</style>

<style>
nav .links {
background-color: transparent;
}
nav .links a:hover {
color: rgba(142, 80, 5, 0.97);
}
</style>

<style>
nav .top{
background-color: transparent;
}
</style>

<style>

@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, -0px); }   
}
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://i.pinimg.com/originals/0d/9a/22/0d9a22ba4a3941e393ffa573d81b280e.gif"); display: inline-block; content:"" }
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 150px; } 
.profile-pic:after{ 
  border: 2px dashed  rgba(97, 62, 5, 0.91);  
  box-shadow: 1px 0px 10px 2px rgba(254, 120, 180, 0.46);
 }   
</style>


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


<style>
.profile .url-info {
border: 2px dashed  rgba(142, 80, 5, 0.97);    
}
.profile .contact {
border: 2px dashed  rgba(142, 80, 5, 0.97);     
}
.profile .table-section {
border: 2px dashed  rgba(142, 80, 5, 0.97));     
}

</style>

<style>
table.comments-table {
border: 2px dashed rgba(144, 82, 6, 0.63);      
}    
</style>

<style>

nav img.logo{filter: brightness(0) saturate(100%) invert(99%) sepia(73%) saturate(7472%) hue-rotate(280deg) brightness(101%) contrast(100%); !important;}

</style>

<style>
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "<3"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "<3"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "<3"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "<3"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "<3"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "<3"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "<3"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "<3"
}   
</style>

<style>
footer {
color: white !important;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background-color: rgba(144, 82, 6, 0.63);
  }    


.online{content:url("https://www.myspacegens.com/images/online_now/309.gif");}


    .top input{
    background-color: transparent !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;}
</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 13 of 13 comments ( View all | Add Comment )

brielles garage band	1717427746 usingg thabk youuu 🫶🏾🫶🏾 Report Comment
brielles garage band	1717427746 usingg thabk youuu 🫶🏾🫶🏾 Report Comment
<3vee .	1708218996 using!! Report Comment
kyu	1688229237 going to use! ^^ thx Report Comment
Esai	1680065022 oh you ate fr! Report Comment
steph!	1679849835 thank you <33 Report Comment
Rz	1678684979 thank you . Report Comment
CAS	1676162615 I'll use it, thanks for creating it ^^ Report Comment
𝖑𝖊𝖝	1676141109 ts fye ash Report Comment
BenJamika Franklin	1675556337 using queen <3 Report Comment Thanks so much !! <3 by Ibuprofen Barbie; 1675556792; Report
kannio	1675262868 can i use ?? Report Comment of course, thanks for using <33 by Ibuprofen Barbie; 1675289685; Report
Candii	1675191008 im going to use Report Comment tysm for using !! :) by Ibuprofen Barbie; 1675196420; Report
zoomped	1675137984 may i use this Report Comment of course !! tysm for using <33 by Ibuprofen Barbie; 1675138420; Report