red n white theme/strawberry theme 🍓 :)

Tags: red, white, strawberry, cute, simple

Description:

this took me a while to create, i'd appreciate it if you used this.. also, don't change the code too much, you might mess things up a bit and get confused. you can use this as a base but please credit me. (if you don't know how to use this you just copy paste it into ur abt me)

Preview:

click on the image for a larger preview

Code:

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

<style>
    body{
        
    background-color: white !important;
    background-image: url('') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: no !important;
    background-position: center!important;
        
    }
    
 .top{
        
    background-color: #e61a19 !important;
        
    }
    
      .contact .heading{
        
    background-color: #e61a19 !important;

    }
    
     .links{
        
    background-color:  !important;

    
    
</style>

<style>

    .contact{
        
border: 8px outset #e61b1a !important;   
box-shadow: lightgray 10px 10px 10px;
border-radius: 10px;
        
    }
    
        .top{
        
    color: white;
        
    }    
    main{

    color: red !important;
        
    }
    footer{
        
    color: red;
        
    }
    
    :root {
    --logo-blue:red
    --darker-blue: red;
    --lighter-blue:#e61a19;
    --even-lighter-blue: #e61a19;
    --lightest-blue: ;
    --dark-orange: #e61a19;
    --light-orange: ;
    --even-lighter-orange:transparent;
    --green: white;
    
</style>

<style>
    .container{
        width: 1050px;
        border: solid white 2px;
      box-shadow: lightgray 20px 20px 10px ;
      

      
    }
</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: "◦"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: "◦"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: "◦"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: "◦"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: "◦"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: "◦"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: "◦"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: "◦"
}

.profile h1 {
font-size: 40px;
font-family: 'cutive moto' ;
color: #e7241f;
text-align: center;
text-shadow: lightgray 2px 3px 3px;
}


</style>

<style>
    .top{
        
border: 10px inset white !important;        

    }
</style>

<style>
a:link {
  color: red;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;

</style>

<style>

    .links{
        
border: 8px outset white !important;   
border-radius: 10px;
        
    }
</style>

<style>
    .profile-pic img{
        
border: 5px dashed #e32723 !important;  
margin-left: 115px;
box-shadow: lightgray 10px 10px 10px;
border-radius: 60px;
        
    }
</style>

<style>

    .url-info{
        
border: 10px outset #e32723 !important;   
box-shadow: lightgray 10px 10px 10px;
border-radius: 10px;
        
    }
</style>

<style>
    table.details-table{
        
border: 8px inset red !important;   
border-radius:10px;
        
    }
    .profile .details-table td{

border: 8px  inset white !important;   


    }
    
    
    
</style>

<style>:root {
    --topic1: "- General !";
    --topic2: "- Music ! ";
    --topic3: "- Movies !";
    --topic4: "- TV !";
    --topic5: "- Books !";
    --topic6: "- Heroes !";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
   color:white !important;
   letter-spacing:normal !important;
   
}

.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
    content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
    content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
    content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
    content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
    content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
    content: var(--topic6);
}</style>

<style>

    .friends{
        
border: 8px outset white !important;   
border-radius: 10px;
        
    }
    
    .profile .friends .person img:not(.icon) {
border-style: outset ;
border-width: 5px;
border-radius: 20px;
}

.blog-preview:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 100px;
  background-image: url(https://i.pinimg.com/564x/82/62/93/826293918ecfd0aced3a4b9c382745dd.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
  border: 0px solid black;
  margin-bottom: 10px;
  border: 10px inset ;
  border-radius: 10px;

}
</style>

<style>
    .blurbs .heading {
        
    background-color: white !important;
    border: inset  5px;
    box-shadow: lightgray 5px 5px 10px;
    text-align: center;
    border-radius: 10px;

    }
    
    .blurbs .inner{

text-align: center !important;
border: inset white 5px;
border-radius: 10px;
box-shadow: lightgray 5px 5px 10px;

}

   .friends .heading {
        
    background-color: white !important;
    border: inset  5px;
    box-shadow: lightgray 5px 5px 10px;
    text-align: center;
    border-radius: 10px;

    }
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Itim&display=swap');
body{font-family: 'Itim', hand;
    font-size: 20px;
}

table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}



</style>

<style>
    .top{
        border-radius: 25px 25px 0 0 
    }
    main{

        border-radius: 0 0 25px 25px 
    }
    
    .url-info:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 100px;
  width: 371px;
  margin-top: 10px;
  margin-bottom: -4px;
  background-image: url(https://i.pinimg.com/564x/12/de/5a/12de5a9020b648fde2e950f363f6f51a.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
}
</style>

<style>
             ::-webkit-scrollbar {
    width: 15px;
    height: 10px;
    }
    ::-webkit-scrollbar-thumb {
    background: #e32723;
    }
    ::-webkit-scrollbar-track {
    background: white;
    }
    
    .mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 100px;
  width: 100px;
  background-image: url(https://i.pinimg.com/564x/4a/be/d0/4abed07358ce4dc86cf478e5bbb2758b.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
  margin-left: 142px;

}
</style>

<style>
html:before {
  background-image: url(https://i.pinimg.com/736x/ff/d2/ab/ffd2abcd043a87eca61fbee424970060.jpg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.1;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
</style>

<style>
    .profile .table-section{
        border: none;
    }
    
        .table-section .heading{
        
border-radius: 10px;
    
    }
</style>

<style>
    footer{
    background-color: white !important;
    }
</style>

<style>
.online{

content: url("https://i9.glitter-graphics.org/pub/726/726619qh3pubk3oa.gif") !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 20 of 75 comments ( View all | Add Comment )

Asterin☆	1714845235 USINGGGGGGG Report Comment
──★ ˙🍓 ∂∂єσηυѕятα ̟ !	1714019184 USINGG Report Comment
ren	1713807733 USING !! Report Comment
ren	1713807733 USING !! Report Comment
Lyka !	1713446846 Using! Report Comment
!1DAZAIS BALL TICKLER—🍓🌷 //	1713217153 USINGG Report Comment
Mango	1711746234 Using!! Report Comment
Moon	1711226266 using Report Comment
gumball [profile is a wip]	1710345232 using Report Comment
Jett	1709859504 using as base!! Report Comment
Lestad	1709174665 Usando Report Comment
peony	1708375710 using !! Report Comment
niceren	1708224611 Usando Report Comment
Leah	1708190245 using!! Report Comment
hanna	1706368833 Está hermosooo,lo usaré<3 Report Comment
✦saquito✦	1706198383 Usando! Report Comment
Ales	1706130341 using!! :3 Report Comment
mayノluna 🍓	1706054635 using! Report Comment also ik you say not to change things too much but i hope it's fine if i do a few tweaks to the interests section.. i just wanna change some of the titles to reflect my primary interests ^_^ like i don't actively watch many shows but i've played a lot of games etc etc by mayノluna 🍓; 1706055735; Report
Kalif	1706039822 Usando:33333 Report Comment
strawberry tea ୧ ‧₊˚ 🍓 ⋅ ☆	1706033511 Using >ᴗ< Report Comment