frutiger aero/a lotta blue theme 🌎

Tags: blue, white, simple, fish, green, layouts

Description:

i haven't seen anyone create a frutiger aero theme.. and so i created one :) i tried. also thank you to my friend that lets me use their account as a testing profile. No need to credit me when using this but if you're using this as base then please credit me. (just copy paste the code 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=26254) -->

<style>
body{background:url("https://i.pinimg.com/originals/18/ad/e0/18ade0ed4450c6713b539a1dc5987004.jpg") no-repeat fixed; background-size:cover;}

   main{
     

    background-image: linear-gradient(white, lightgray) !important;

        
    }

</style>

<style>
    .container{
    box-shadow: 0px 0px 20px ;
    border-radius: 10px;
    border: ridge white 3px;
    
    }
</style>

<style>   .top{

        border-radius: 10px 10px 0 0 !important;

    }
    main{

        border-radius: 0 0 10px 10px !important;


    }</style>
    
    <style>
    .top{
        
    background-color: transparent !important;
        
    }
    
     .links{
        
    background-image: linear-gradient(cyan,darkblue) !important;
    border-radius: 10px;
    border: solid white 1px;
    ;
        
    }
    
    .profile h1 {
  text-shadow: 0px 1px 10px lightblue;
  text-align: center;
  color: white;
  ;
}

img {    
    filter: brightness(1.75);
    
}
    

.general-about .profile-pic img {

    background: transparent;
    width: 100%;
    border: ridge white 1px;
    border-radius: 50px;
    box-shadow: 0px 1px 10px black;
    
</style>

<style>  
.contact .heading{
        
    background-color: transparent !important;
    background-image: linear-gradient(cyan, darkblue) !important;
    background-repeat: repeat;
    background-position: center;
    border: ridge white 2px;
border-radius: 10px;
box-shadow: 0px 1px 10px black;
    }</style>
<style>
html:before {
  background-image: url(https://media3.giphy.com/media/3ohhwoER829Q2hWwx2/giphy.gif?cid=6c09b952e9ldw8bbnxnrlf2wr8q4mjvezqm6jmjk0swzgvf8&rid=giphy.gif&ct=s);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
</style>

<style>
    .blurbs .heading{
        
    background-color: COLOR !important;
    background-image: linear-gradient(cyan, darkblue) !important;
    box-shadow: 0px 0px 10px black;
    border-radius: 10px;
    border: ridge 2px;

    }
    
        .table-section .heading{
        
    background-color: black !important;
    background-image: linear-gradient(cyan, darkblue) !important;
    border: ridge white 2px;
    border-radius: 10px;
        }
    
    .profile .table-section{
        border: none;}
        
        .mood{
            text-align: center;
        }
        
         .friends .heading{
        

    background-image: linear-gradient(cyan, darkblue) !important;
    border: ridge white 2px;
border-radius: 10px;
             box-shadow: 0px 1px 10px black;
         }

    .profile .friends .person img:not(.icon) {
border-style: ridge ;
border-width: 2px;
border-radius: 30px;
box-shadow: 0px 1px 10px black;
}

.profile .contact{
    border: none;
}

.profile .url-info{
    border: none;
}

.comments-table td{
    border: none;
    border-radius: 10px;
    background-image: linear-gradient(white, blue);
    border: ridge white 2px;
}

table.comments-table{
    border: none;
}

.icon{
    border: solid 10px;
}

.profile .friends .heading h4{
    color: white;
}

.profile .blurbs .heading h4{
    color: white;
}

.profile .blurbs .section h4{
    color: green;
    text-align: ;
}

.comments-table td{
    background-image: linear-gradient(white, blue);
}

.details-table td{
    border: ridge white 2px;
    border-radius: 10px;
    box-shadow: 0px 1px 10px black;
}

.profile .table-section .heading{
    box-shadow: 0px 1px 10px black;
}

.count{
    color: blue;
}

.comments-table td *{
    border-radius: 10px;
}

    .top{
        
border: 5px inset white !important;        
border-radius: 10px;


    }

.profile .contact:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 150px;
  width: px;
  background-image: url(https://i.pinimg.com/564x/69/52/76/695276bb51a6f954b0b102fd0b3be129.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
  border: 8px inset white;
  margin-bottom: 10px;
  margin-left: 10px;
  border-radius: 10px;
}

</style>

<style>  
:root {

    --light-orange: ;



</style>


<style>
    
    .blog-preview:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 180px;
  background-image: url(https://i.pinimg.com/564x/14/e7/f7/14e7f737efacbe214fde07050df41633.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
  border: 0px solid black;
  margin-bottom: 10px;
  border: 10px inset ;
  border-radius: 10px;

}

    .profile .blurbs .inner:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 180px;
  background-image: url(https://i.pinimg.com/564x/e5/15/f6/e515f63f364cbbbd6ab1ebf3292d4f88.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>
@import url('https://fonts.googleapis.com/css2?family=Arvo&family=Itim&display=swap');
body{font-family: 'Arvo', serif;;
font-size: 16px;
</style>

<style>
main:before {
width: ;
height: 150px;
display: block;
content: "";
background-image: url('https://assets.st-note.com/img/1673782458631-cgPcSaG3vf.png');
background-position: center top;
background-size: cover;
border: ridge white 10px;
border-radius: 10px;
margin-bottom: 20px;
margin-top: 10px;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>

  <style>
    .container{
        
    width: 750px !important;
        
    }
    
    
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-7/nat630.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/04/26/shark-3.html" target="_blank" title="Shark"><img src="https://cur.cursors-4u.net/cursor.png" alt="Shark" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
.online{

content: url("https://i10.glitter-graphics.org/pub/762/762720ukntr0mknp.gif") !important;

}
</style>

<style>

.profile .profile-info {
	background-image: url(https://i.pinimg.com/564x/45/6e/65/456e65a8ac7113ddb07364cf2a226c0e.jpg);
	border: inset;
        border-color: white;
        border-width: 8px;
	border-radius: 10px;
	text-align: center;
}

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

Muddy :3	1714934975 usingggg!!!! tysm<333 Report Comment
drake	1714791224 using^^ Report Comment
bendystraws	1714676883 using ^^ Report Comment
Onni	1714645061 using Report Comment
TomiXx_737	1714497100 Apunto de probarl0!!^=^ Report Comment
Midnightrainbowz	1714485603 love this aesthetic! Using! Report Comment
Naomi	1714422962 i absolutely adore this ! using rn. Report Comment
Nono⋆ ݁.⁺｡˚	1714082596 using Report Comment
Khaki Cap	1713859649 Using it. Looking cool Report Comment
Sunny	1713338503 using tysm!! Report Comment
nav!!	1713306755 using <3 Report Comment
trashPrince	1713280744 using Report Comment
trashPrince	1713280733 using Report Comment
alice ᗜˬᗜ	1713220773 using!! Report Comment
TempyTemps	1712501433 UZING!!! Report Comment
Abby	1712307037 uz1ng Report Comment
gaybo !!	1712180561 thank uuu ! ! ! Report Comment
gaybo !!	1712180561 thank uuu ! ! ! Report Comment
unutterings	1711940626 i'd love to use it but it's too popular now :(( Report Comment
FUNICS	1711931886 Using this! Report Comment