Frutiger AeroAni

Tags: blue, green, water, anime

Description:

Mix of several frutiger aero layouts

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 𝔇𝔯𝔢𝔞𝔡𝔐𝔞𝔲 (https://layouts.spacehey.com/layout?id=97597) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/I73FSk4WQpc//?&;amp;;autoplay=1&;loop=10&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>


<style>

body{background:url("https://i.pinimg.com/originals/43/5e/0c/435e0c314f85797af10a309575c8702c.gif") no-repeat fixed; background-size:cover;}

   main{
     

    background-image: linear-gradient(black) !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 cyan;
  text-align: center;
  color: darkblue;
  ;
}
    

.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: black;
}

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

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

.comments-table td{
    background-image: linear-gradient(black, 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: black;
}

.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/originals/b3/af/78/b3af785dc6570e11eb1a55c29ac4a384.gif);
  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/originals/10/7a/39/107a39324e60151d6c9e90e00ae7d8da.gif);
  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://img1.picmix.com/output/pic/normal/9/5/8/7/11107859_4b523.gif);
  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://img1.picmix.com/output/pic/normal/3/3/0/8/11428033_d1b23.gif');
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://img1.picmix.com/output/pic/normal/8/9/8/0/11430898_f3306.gif);
    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 61 comments ( View all | Add Comment )

Rin!	1756336717 using!! Report Comment
Soggy CD	1756166298 using! also if your having an issue w/ the background not loading, change the "background-image: linear-gradient(black) !important;" to (lightblue) instead. Report Comment
Lin	1755731437 using Report Comment
milan!	1755249901 using ! Report Comment
shawhalgard	1753634823 using Report Comment
Gam the Ω	1752943878 uSiNg Report Comment
mimo	1752803378 using !! Report Comment
Bubbles (￣o￣) . z Z	1752752058 Using, Thanks:)! Report Comment
｡𐙚⋆˚ ༘⋅˚₊‧ イグナティウス ‧₊˚ ⋅ ༘˚⋆𐙚	1752744402 Using :3 Report Comment
Doge	1752467805 Using! this is so cool Report Comment
sebastian :>	1750879306 using! (c0ke) Report Comment
Axo	1749983968 using!!! :3 Report Comment
zennychann	1746415295 Using!! Report Comment
Kloud_Mist_XOXO	1746343362 Ussing!!! Report Comment
Kyle!!	1746205569 using!! Report Comment
Belbonbon	1746195285 using ! Report Comment
blasphemous	1746136478 usinggg Report Comment
𝐿𝑅-𝟣♡	1745688510 Usinggg Report Comment
MEOWERZ	1743459283 using!1 Report Comment
Kιƚ 𝄞⨾🌍𓏲 ๋࣭ ࣪ ˖🫧	1741975569 using!! Report Comment mine is better by ENTP; 1742765156; Report