Gray and green theme!

Tags: green, gray, 2000s, simple, layout, white

Description:

Finally created a layout again.. live preview here! Comment when using, credit me when using as base AND don't republish an edited version of this.

Preview:

click on the image for a larger preview

Code:

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

<style>
    body{
        background: #959595;
        background-image: url('https://cdn.discordapp.com/attachments/1064462871947378729/1087901332624650271/Untitled58_20230322085117.png');
        background-size: 800px;
        background-attachment: fixed;
    }
    .container{
        width: 1100px;
        border: solid #303030 3px;
margin-top:13px;
box-shadow:0px 5px 10px black;
    }
    nav .top{
        background-color: #ededed;
        background-image: url('https://cdn.discordapp.com/attachments/1064462871947378729/1087725902546358332/Untitled59_20230321211413.png');
        background-position: right;
        background-size: 700px;
        background-repeat: no-repeat;
        border-top: outset 10px lightgray;
        border-bottom: solid gray 10px;
        border-left: solid gray 5px;
        border-right: solid gray 5px;
    }
    nav .links{
        background: linear-gradient(to top, gray, white);
        text-align: center;
        border: solid gray 5px;
        border-bottom: solid 3px #aaaaaa;
        text-shadow: none;
        
    }
    [id='q']{
        background: linear-gradient(to top, #666666, #aeaeae);
        
    }
    nav .top .left .logo{
        filter: brightness(20%);
    }
    main{
        background-image: url('https://cdn.discordapp.com/attachments/1064462871947378729/1087880344847515708/Untitled60_20230322072749.png');
        background-size: 1000px;
        background-position: right top;
        height: 450px;
        overflow-y: scroll;
    }
    .profile h1{
        font-size: 40px;
        text-align: center;
        font-family: 'Gajraj One', cursive;
    }
    .general-about .profile-pic img{
        height: 130px;
        margin-top: 10px;
        margin-left: 10px;
        filter: grayscale(70%);
    }
    .general-about{
        background-image: url('https://cdn.discordapp.com/attachments/1064462871947378729/1087883896236015616/Untitled61_20230322074157.png');
        height: 155px;
        box-shadow: 0px 0px 10px black;
        border: solid black 1px;
        border-top: solid gray 1px;
    }
    .profile .contact{
        border: solid black 1px;
        background-image: url('https://cdn.discordapp.com/attachments/1064462871947378729/1087883896236015616/Untitled61_20230322074157.png');
        border-top: solid #a6a6a6 1px;
        text-align: center;
    }
    .profile .contact .heading{
        background:#5c5c5c;
        box-shadow: 0px 2px 5px black;
    }
    .profile .mood{
        text-align: center;
        font-size: 12px;;
    }
    .profile .url-info{
        border: solid black  1px;
        background-image: url('https://cdn.discordapp.com/attachments/1064462871947378729/1087883896236015616/Untitled61_20230322074157.png');
        margin-top: -1px;
        
    }
    
    .profile .table-section{
        background-image: url('https://cdn.discordapp.com/attachments/1064462871947378729/1087883896236015616/Untitled61_20230322074157.png');
        border: solid black 1px;
        border-top: solid gray 1px;
        box-shadow: 0px 5px 10px black;
    }
    .profile .table-section .heading{
        background-color: #5c5c5c;
        box-shadow: 0px 2px 5px black;
        
    }
    .table-section .inner .details-table tbody tr td {
        background:transparent;
        background-image: url('https://cdn.discordapp.com/attachments/1064462871947378729/1087881844151812246/Untitled61_20230322073349.png');
        border: solid black 1px;
        border-top: solid gray 1px;
        color: white;
    }
    
    .icon{
        display: none;
    }
    .profile .blurbs .heading{
        width: 250px;
        background-color: #5c5c5c;
        color: white;
        border: solid 1px black;
        border-top-right-radius: 20px;
        border-top: solid gray 1px;
        
    }
    .profile .blurbs .inner{
        background-image: url('https://cdn.discordapp.com/attachments/1064462871947378729/1087883896236015616/Untitled61_20230322074157.png');
        border-top: ridge #c1c1c1 10px;
        text-align: center;
        border-bottom: solid #c1c1c1 5px;
        box-shadow: 0px 10px 0px #5c5c5c;
        border-left: solid black 1px;
        border-right: solid black 1px;
        margin-bottom: 35px;
        box-shadow: 0px 5px 10px;
    }
    .profile .blurbs .section h4{
        color: black;
        font-size: 10px;
    }
    
    .profile .friends .heading{
        width: 250px;
        background-color: #5c5c5c;
        color: white;
        border: solid 1px black;
        border-top-right-radius: 20px;
        border-top: solid gray 1px;
    }
    .profile .friends .inner{
        background-image: url('https://cdn.discordapp.com/attachments/1064462871947378729/1087883896236015616/Untitled61_20230322074157.png');
        border-top: ridge #c1c1c1 10px;
        text-align: center;
        border-bottom: solid #c1c1c1 5px;
        box-shadow: 0px 10px 0px #5c5c5c;
        border-left: solid black 1px;
        border-right: solid black 1px;
        margin-bottom: 35px;
        filter: grayscale(100%);
        box-shadow: 0px 5px 10px black;
    }
    .profile .friends .person img:not(.icon){
        border: solid black 1px;
        border-top: gray solid 1px;
        box-shadow: 0px 0px 10px black;
    }
    table.comments-table{
        border: none;
    }
    .comments-table td{
        border: none;
        background: transparent;
    }
     :root {
    --light-orange: ;
         
     }
     a{
         color: black;
     }
     a:hover{
         color: white;
     }
      ::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(white, #898989);
  border-radius: 10px;
  border: ridge 2px;
  box-shadow: 0px 0px 10px black;
}
.profile .profile-info {
	background-image: url('https://cdn.discordapp.com/attachments/1064462871947378729/1087883896236015616/Untitled61_20230322074157.png');
	border: solid black 1px;
	text-align: center;
	color: white;
	height: 15px;
}

nav .links a{
    text-shadow: none;
}


    
</style>

<style>
   @import url('https://fonts.googleapis.com/css2?family=Gajraj+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Syncopate&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk&display=swap');
p{
 font-family: 'Hanken Grotesk', sans-serif;
}
h1,h2,h3,h4,h5{
  font-family: 'Syncopate', sans-serif;
  font-size: 10px;  }
  
  .links .special a:link, .links .special a:visited  {
  color: white;
}

a{
    font-family: 'Hanken Grotesk', sans-serif;
}

nav .links a{
    font-family: 'Hanken Grotesk', sans-serif;
}
nav .links a:hover{
    color: black;
}

footer{
    background: linear-gradient(to top, #4f4f4f, gray);
    height: 50px;
    margin-bottom: -5px;
    margin-top: -5px;
    border-bottom: solid #303030 3px;
}

FOOTER > UL.links{
    display: none;
}

FOOTER > P:nth-child(1){
    display: none;
}
FOOTER > P:nth-child(2){
    display: none;
}

P.copyright{
    display: none;
}

.online{
content: url("https://cdn.discordapp.com/attachments/1064462871947378729/1089756594616680510/Untitled63_20230327114304.png");
}


</style>

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-5/cur455.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2010/10/09/unborn-8-0-grey-handwriting.html" target="_blank" title="Unborn 8.0 Grey Handwriting"><img src="https://cur.cursors-4u.net/cursor.png" alt="Unborn 8.0 Grey Handwriting" style="position:absolute; top: 0px; right: 0px;"/></a>

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

mari	1710038948 using!! Report Comment
tilapia	1708944374 HHHHAAAAAAIIIIIII SO. This is currently broken, the background images won't work for now coz discord decided to fuck everybody who used it as an image hosting platform. I'll fix this soon !! Report Comment pwease fix by Kyle.; 1713402708; Report
liqruoza	1708605245 using!! Report Comment
WhiteBoyEm	1708560157 using Report Comment
zee	1707426924 using ! Report Comment
Sam	1707393036 Using :) Report Comment
knusckool12	1707016851 usin Report Comment
maru ♪(´▽｀)	1706570463 using!! just asking, is there a way to get it without the scroll? if there isn't, don't worry, it's really great anyway:) thx! Report Comment
yaoi war veteran	1706144292 using :3! Report Comment
eugeee	1705949919 using Report Comment
Nina	1705745413 using!!! Report Comment
miguel	1705360416 using! (^・ω・^ ) Report Comment
yoshi	1702464926 usingg ^_^ Report Comment
mondlichtttttt :33333	1698957962 USIG Report Comment
FluЯtz	1698409248 using! Report Comment
Melz	1696802328 using!! Report Comment
Barbz ⋆ ★	1695697990 Usingfz!!! Report Comment
andre3kboi	1695625488 using ^_^ Report Comment
agender jake english	1694115565 Using! Report Comment