"Summer in the Garden" Layout

Tags: frutiger aero, frutiger metro, old web, nostalgic, summer time

Description:

the layout is still work in progress! none of the images were drawn by me. most of them are made by Midnight Angel 1996 on Tumblr. before-footer was made by eat-horse-shoot on Reddit credit or notify if using!

Preview:

click on the image for a larger preview

Code:

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

<!-- (c) layout created by xXsparklequeenXx (https://spacehey.com/layout?id=26291) -->

<!-- */ WORK IN PROGRESS /* -->




<style>
    .container{
        width: 900px;
    }
    nav .top{
        background-color: transparent;
        border: ridge lime 3px;
        border-radius: 15px;
  
        
    }
    main .left{
        background-color: transparent;
        background-image: url('https://i.pinimg.com/564x/ff/38/31/ff3831eca2962c01efcca53c274b0040.jpg');
        border: ridge #d426ff 3px;
        border-radius: 15px;
    }
    
    .general-about .profile-pic img{
        border-radius: 90px;
        border: ridge cyan 3px;
    }
    
    nav .links{
        background-image: linear-gradient(cyan, magenta);
        border: ridge #d426ff 3px;
        border-radius: 8px;
    }
    
    .profile h1{
        text-shadow: 0px 1px 10px magenta;
        color: lime;
        margin-left: 20px;
    }
    
    .profile .contact{
        border: ridge 3px #d426ff;
        box-shadow: 0px 1px 10px white;
        border-radius: 8px;

     .heading{display:none}

    }

    .contact {
          background: url(https://64.media.tumblr.com/4d37f1df79f723c2eea8155f87f71494/3c702fd1a0c649f4-30/s640x960/4f89c3e7a0016eda3906d480b33c212249dc0ea5.pnj);
          background-position: center;
          padding: 8px;
          width: 150px;
          height: 180px;
          color: #fc0373!important;

    }
    .profile .url-info{
        border: ridge 3px #57d8ff;
        border-radius: 8px;
        box-shadow: 0px 1px 10px white;
        background-image: url('https://i.postimg.cc/qv4rTnc8/Pngtree-unicorn-rainbow-background-with-lighting-1207997.jpg');
    }
    
    main .right{
        border: ridge white 3px;
        border-radius: 10px;
        
    }
    
    [id='q']{
        border: ridge 3px white;
        border-radius: 8px;

  
    }
    
    FORM > BUTTON{
        border-radius: 7px;
        border: ridge white 3px;

    }
    
    .profile .table-section{
        border: ridge white 3px;
        border-radius: 7px;
    }
    
    .profile .table-section .heading{
        background-color: transparent;
    }
    .profile .mood{
        text-align: right;
    }
    
    .details-table td{
        border: ridge 3px;
        background-color: transparent;
        border-radius: 20px;
        box-shadow: 0px 1px 10px;
    }
    
    .profile .blurbs .heading{
        background-image: linear-gradient(cyan, magenta);
        border: ridge  3px violet;
        border-radius: 8px;

    }
    
    .profile .blurbs .heading h4{
        color: white;
    }
    
    .profile .friends .heading{
        background-image: linear-gradient(cyan, magenta);
        border: ridge violet 3px;
        border-radius: 7px;
    }
        
        .profile .friends .heading h4{
            color: white;
    }
    
    .profile .friends .person img:not(.icon){
        border: ridge 3px cyan;
        border-radius: 7px;
    }
    
    .profile .blurbs .section h4{
        color: violet;
    }
    
    .count{
        color: violet;
    }
    
    a{
        color: purple;
    }
    .icon{
        display: none;
    }
    
    .details-table td *{
        color: blue;
    }
    .profile .url-info p{
        color: #9f32ed;
    }
    
    footer{
        border: ridge das 3px;
        border-radius: 8px;
        border: ridge 3px;
    }
    
    main{
        border-radius: 7px;
        box-shadow: 0px 1px 10px black;
    }
    
    .comments-table td{
        background: pink;
        border: ridge 3px hotpink;
        border-radius: 7px;
    }
    
    .comments-table td *{
        border-radius: 20px;
    }
    
    P:nth-child(2) > B{
        color: white;
    }
    
    a:link {
  color: magenta
   }
    a:hover {
  color: blue;
    
    DIV.mood > P:nth-child(1) > B{
        color: white;
    }
</style>

<style>

body{background:url("https://64.media.tumblr.com/4d37f1df79f723c2eea8155f87f71494/3c702fd1a0c649f4-30/s640x960/4f89c3e7a0016eda3906d480b33c212249dc0ea5.pnj") no-repeat fixed; background-size:cover;
}

</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Antic+Slab&display=swap');
body{font-family: Cursive;
font-size: 16px;
</style>
<style>
     :root {
    --even-lighter-blue: url('https://i.pinimg.com/564x/d1/1d/88/d11d88313fab059e918ea28c8dbe1c3a.jpg');
</style>

<style>
    :root {
    --logo-blue:black
    --darker-blue: blue;
    --light-orange: url('https://i.pinimg.com/564x/d1/1d/88/d11d88313fab059e918ea28c8dbe1c3a.jpg');
</style>


<style>
    
    .profile h1:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 140px;
  width: 343px;
  background-image: url(https://preview.redd.it/i-really-wanted-to-try-to-draw-some-frutiger-aero-esc-art-v0-dwkg4ytq9nqa1.png?width=640&crop=smart&auto=webp&s=c9a0aa75ba0a5b62389f4bb845f887f7dbdde5db);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
  border: 3px ridge #4096ff;
  margin-bottom: 7px;
  border-radius: 10px;
  box-shadow: 0px 1px 0px;
  margin-left: -25px;
}


</style>



<style>
main:before {
height: 200px;
display: block;
content: "";
background-image: url('https://64.media.tumblr.com/94490127aae378b8a2f24a110bf09312/ace79fa4c571987a-78/s640x960/9892235c4c67cd0401bfb15c042b2be9287482fe.gifv') ;
background-position: center center;
background-size: cover;
border-radius: 20px;
border: ridge white 3px;

}

</style>



<style> /* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/food/foo-6/foo515.cur), auto !important;} /* End https://www.cursors-4u.com */ </style>


<style>

.profile .profile-info {
	background-image: url(https://preview.redd.it/4zzdjr4rdbq91.jpg?width=494&format=pjpg&auto=webp&v=enabled&s=0e5b9743398bf0aa71a00cd4596989e21dcb27a4);
	border: ridge;
        border-color: white;
        border-width: 3px;
	border-radius: 8px;
	text-align: center;
}

</style>

<style>
    
    nav .top .left .logo{
        display: none;
    }
</style>

<style>
        .general-about{
      border: ridge lime 3px; 
      border-radius: 8px;
            
            
        }
    
</style>

<style>
    .general-about{
        
    background-image: url('https://i.postimg.cc/brRT2sr2/2023-10-12-171025840.png');
    
    
        
    }
</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 6 of 6 comments ( View all | Add Comment )

. grim , 🌹	1741952233 usingg Report Comment
Xylie	1728252034 using! Report Comment
еариалия𓂀𓂀𓂀𓋹𓁈𓃠𓆃☥𓅓𓆣	1725290020 using!! Report Comment
Ducky~☆	1715627872 YOO THE HOLY SMOKE FANDOM HAS BREACHED CONTAINMENT!! Reblog if you're a true smoker XDD I'm gonna use and edit this!! Report Comment
weird looking dog	1713241383 using some parts! Report Comment
fritz🫂 inactive	1697154291 this is so cute omg! i hope to see people around spacehey use this layout!! Report Comment