← Back to Layouts
Simple Frutiger Aero

Name: FriendRewind
Author: FriendRewind
Author: tadonaki
Category: Frutiger Aero
Created: August 14, 2026
Something very simple I've made for my first layout in myspace. Feel free to use!!
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#4169E1","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#DAA520","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#0066cc","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>
    :root {
        --logo-blue: #333;
        --darker-blue: #404040;
        --lighter-blue: #999;
        --even-lighter-blue: #ccc;
        --lightest-blue: #e3e3e3;
        --dark-orange: #333;
        --light-orange: #181818;
        --even-lighter-orange: #404040;
        --green: #38d;
    }
    * {
        font-family: monospace;
    }
    body {
        background-image: url(https://64.media.tumblr.com/f7a54b469156d6aa40ef562edfc800e4/ce136ad8691ccae6-04/s1280x1920/8fadae4fbb0663753a1872b260fed5e6108e3ad9.jpg) !important;
        background-size: cover;
    }
    .top {
      background-image: url(https://64.media.tumblr.com/c07bf3a2d73b416689cbc2da260a8131/ce136ad8691ccae6-e5/s1280x1920/def0e4b05dc347faa894952b748379267c2f86df.jpg) !important;
      background-size: cover;
      background-position: center;
    }
    .blog-preview p {   /* Whole Blog Entries box */
    background-color: #6cdbed !important;
    border: 3px solid #cccccc !important;
    border-radius: 10px !important;
    padding: 10px !important;
    margin-bottom: 10px !important;
}

/* Blog section title */
.blog-preview h4 {
    margin: 0 0 8px 0 !important;
    padding: 5px !important;
    border-bottom: 2px solid #333 !important;
}

/* Individual blog entries */
.blog-preview p {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 10px !important;

    background-color: #ffffff !important;
    border: 2px solid #cccccc !important;
    border-bottom: none !important;
    border-radius: 0 !important;

    color: #111 !important;
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
}

/* Border at the bottom of the final entry */
.blog-preview p:last-child {
    border-bottom: 2px solid #cccccc !important;
}


    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .profile .blurbs,
    .profile .friends,
    .profile .comments {
      background-color: #74E4FF !important;
      padding: 10px !important;
      border-radius: 10px;
      margin-bottom: 10px;
      border: 4px solid #ccc;
    }

    }
    table.details-table {
        border-collapse: collapse;
    }
    table.details-table td {
        background-color: transparent !important;
    }
    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }
    .heading {
        padding: 2px 0 !important;
        margin-top: 0;
        margin-bottom: 5px;
        background-color: transparent !important;
        color: #2a2a2a !important;
        border-bottom: 2px solid;
    }
    main {
        border-radius: 0 0 15px 15px;
        background: rgba(255, 255, 255, 0.94) !important;
    }
    .container {
      border-radius: 15px 15px 0 0;
      overflow: hidden;
      margin-top: 0;
      padding: 10px;
    }
    footer {
        border-radius: 15px;
        background: rgba(255, 255, 255, 0.94) !important;
        display: block !important;
    }
    table.comments-table td {
        background-color: white !important;
    }

    table.comments-table td {
    background-color: #fff !important;
    border: 2px solid #ccc !important;
    color: #0c71c6 !important;
    }

    .profile .table-section table {
    border-collapse: separate !important;
    border-spacing: 5px !important;
    }

    .profile .table-section table.details-table {
    border-collapse: collapse !important;
    width: 100% !important;
}

.profile .table-section table.details-table td {
    background-color: white !important;
    border: 2px solid #cccccc !important;
    padding: 6px 8px !important;
    color: #111 !important;
    vertical-align: top !important;
}
    
    .profile .table-section td {
    border: 2px solid #ccc !important;
    padding: 3px !important;
    background-color: #fff !important;
    color: #0c71c6 !important;
    }

    .profile .friends .person {
    display: inline-block !important;
    vertical-align: top !important;
    text-align: center !important;
    margin: 0 4px 10px !important;
    }
    .profile .friends .person p {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    }

    .profile .friends .person {
    width: 100px !important;
    }
    
    .profile .friends .person img {
    display: block !important;
    margin: 5px auto !important;
    }

    .blog-preview p {
        font-size: 1.4rem;
    }
    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
</style>

<style>
/* nyan cat "online now"*/
.online {content:url('http://dl.glitter-graphics.net/pub/3058/3058251t4udpjlpsc.gif
'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style><div style="float:  ; max-width: 200px; height: auto; position: fixed; left: 17px; bottom: 50px; z-index: 200;"><a href="https://alturl.com/p749b"><img src="/proxy/image.php?url=https%3A%2F%2Fautism.crd.co%2Fassets%2Fimages%2Fgallery03%2F45050ba7_original.gif%3Fv%3D69d6a439" alt="cat kittycat"></a></div><style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://media.tenor.com/nB0XKaVcgAkAAAAi/blinkies-blinkie.gif);  width: auto; height: 150px; background-position: top center; background-size: 50%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>