Bistro - Group Layout Code Base

Tags: group, layout, cozy, gif

Description:

Demo!
Hi hii! I've noticed that a lot of the layouts on the front page usually consist of user layouts, and I remembered how much pain i went through trying to figure out how to edit a user layout to suit a group xD so heres one!! I just copy and pasted this layout from the group above that I made- feel free to use and/or modify it!
I used dreamy clouds as a code base.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by X-32 Joint Strike Fighter (https://layouts.spacehey.com/layout?id=84040) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&family=VT323&display=swap');

    :root {
        --logo-blue: #382D26;
        --darker-blue: #876B56;
        --lighter-blue: #CF9467;
        --even-lighter-blue: #000;
        --lightest-blue: #000000;
        --dark-orange: #333;
        --light-orange: #181818;
        --even-lighter-orange: #404040;
        --green: #38d;
    }

    * {
        font-family: 'DotGothic16', monospace;
    }

    h1 {
        font-family: 'VT323', monospace;
    }

    body {
        background: url("https://i.pinimg.com/originals/99/cd/09/99cd0925c516b5d0a740dffd03c3e0df.gif");
        background-size:cover;

     }

    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: black;
    }

    .blog-preview p a{
        color: #ea9999!important;
    }

    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }

    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }

    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }

    table.details-table {
        border-collapse: collapse;
    }

    table.details-table td {
        background-color: transparent !important;
    }

    .group-pic {
        border-radius: 500px;
        overflow: hidden;
    }

    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: #000000 !important;
        border-bottom: 2px solid;
    }

    main {
        border-radius: 0 0 15px 15px;
        background: rgba(240, 235, 232, 0.8) !important;
    }

    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    footer {
        border-radius: 15px;
        background: rgba(240, 235, 232, 0.8) !important;
        display: block !important;
    }

    table.comments-table td {
        background-color: white !important;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }

    .profile .friends .person img {
        border-radius: 500px;
    }

    .blog-preview p {
        font-size: 1.4rem;
    }

    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }

   .group-actions {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        border-color: #000000;
        color: black;
   }

  #comments {
        overflow:scroll;
        height: 300px;
    }


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

sunny

1708658757

i would use this, but i dont know how to add this to my group :C

Report Comment

Hi! Just go to your group, edit group, on group description, click the button that looks like a "<>" until it turns into an eye, and then paste the code! let me know if you find this confusing:)!

by X-32 Joint Strike Fighter; 1708701491; Report

Nik

1702822916

Using this!! :0

Report Comment

ackk thank you!! ive joined your group btw, i love vocaloidsongs too ^o^

by X-32 Joint Strike Fighter; 1704546303; Report

vermin

1698283704

currently using it! IT SAUR GOOD <333

Report Comment

Thank you!! I spent a while making it actually :')

by X-32 Joint Strike Fighter; 1698309518; Report