☆ | Old Gray

Tags: aesthetic, grey

Description:

-< !! >- "I really don't know what this style lmao, I just saw a few pictures with a similar vibe on social media and trying to make it :c It might not be perfect yet, but thank you for using ehe ^o^ => Put the code in the "About me" section to use.

Preview:

click on the image for a larger preview

Code:

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

<style>
 @import url('https://fonts.googleapis.com/css2?family=Caveat:wght@631&family=DM+Serif+Display:ital@0;1&family=Jersey+15&family=Jersey+20&display=swap')
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Jersey+15&family=Jersey+20&display=swap')
  :root{
--light-orange: none;
--even-lighter-orange: #0f403e84;
  
--logo-blue: none;
  }
   nav .top {
  background: none;
  }
  
  body {
  cursor: url(https://cur.cursors-4u.net/cursors/cur-11/cur1054.cur), auto !important;
  background: url(https://i.pinimg.com/564x/56/a8/97/56a897df1be6221a31e530371e3e46e0.jpg);
  background-attachment: fixed;
  width: 90%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  filter: grayscale(92%);
  }
  
  main {
  width: 90%;
  height: auto;
  border: 2px solid #3d3c3c89; 
  background: #999999
  }
  
  .profile h1{
    color: #AEEDE6;
    font-size: 23px;
    text-align: center;
    font-family: "Caveat", cursive;
   font-optical-sizing: auto;
  font-weight: 631;
  font-style: normal;
}
  
h3{
color: white;
font-size: 23px;
    font-family: "Caveat", cursive;
  font-weight: 400;
  font-style: bold;
  }
  
  
  .profile-info { 
  border: 2px solid white!important;
  background: url(https://i.pinimg.com/564x/8d/39/36/8d3936102a50276bf7d93790fe14878a.jpg)
  }
  
    .profile .blurbs .heading, .profile .friends .heading {
  color: white;
    text-shadow: 1px 1px 3px white, 0 0 25px #F6F6F6, 0 0 5px #F6F6F6; 
   border: 2px solid white;
   background-image: url(https://i.pinimg.com/564x/cf/88/9f/cf889ffa8d43cd9593e5e8d9fc98b526.jpg)
}
  
  
.comments-table {
  border: 2px solid #47494af2;
  }
  
.profile .blurbs .section h4{
  color: #3f494d
  }
  
  .profile .contact .heading {
   border: 1px outset white;
    background-image: url(https://i.pinimg.com/564x/cf/88/9f/cf889ffa8d43cd9593e5e8d9fc98b526.jpg);
}
 
  .profile .contact {
  border: 2px solid white;
  background: #6b696949;
  }
  
    .profile .table-section {
  border: 2px solid white;
  background: #6b696949;
  }
  
  .col.w-40 {
  border: 2px solid #3d3c3caf;
  background-image: url(https://i.pinimg.com/564x/eb/ec/c3/ebecc380b3f3a013407d91d294866a1f.jpg);
  }
  
  .url-info {
  display: none;
  }
  
  .contact a {
  color: #2F1D1D;
  }
  
  a:hover{
  color: white;
  }
  
  .comments-table td a {
  color: white;
  color: white;
  text-shadow: 1px 1px 1px white, 0 0 25px #F6F6F6, 0 0 2px #F6F6F6;
  }
  
    .comments-table td a:hover {
  color: #3b6fb8ba;
    text-shadow: 1px 1px 1px #7b7e9e, 0 0 25px #3b6fb8ba, 0 0 2px #3b6fb8ba;
  }
  
  .contact {
  border-radius: 1px;
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
  height: 20px;

color: white;
  text-shadow: 1px 1px 3px white, 0 0 25px #F6F6F6, 0 0 5px #F6F6F6; }

.profile .table-section .heading {
  background: url(https://i.pinimg.com/564x/cf/88/9f/cf889ffa8d43cd9593e5e8d9fc98b526.jpg)
  }

nav .links, footer .links {
margin-left: 2px;
  background: none;
  }


.general-about .profile-pic {
    paddin:0;
    margin-left: 14px;
}
  
.profile .table-section .details-table td {
  background-color: #6b696900;
  border: 1px inset white;	 
  color: white !important;
  height: 30px;
  width: 120px;
}
.profile .table-section .details-table a {
  color: white;
  }

.mood {
  margin-top: 40px;
  }
  
.profile .mood {
    margin-top: 20px;

}
 .mood {
    background-color: #3d3c3c4f;
    border: 2px solid gray;
    text-align: center;
    margin-bottom: 20px;
}  
  
.mood a:hover {
  color: #5887adba;
  text-shadow: 1px 1px 3px white, 0 0 25px #F6F6F6, 0 0 5px #F6F6F6;  color: white
  }  

.mood a {
  color: #5887adba;
  }  
  
.mood p {
  color: white;
  }

.comments-table tr{
  background-color: #59595972; 
  }
.pagination .next button {
  background-color: #32578c56;
  }
  
.count {
  color : #6da4db;
  text-shadow: 1px 1px 3px black, 0 0 25px #F6F6F6, 0 0 5px #F6F6F6;
  }
 
  .friends .inner a:hover {
  color: white;
  }
  
.friends .inner a {
  color: #365573;
  }
  
.friends .inner p {
  color: #244052;
  }
.comments-table td, .music-table td {
    text-align: center;
    border: 1px solid black;
    background-image: url(https://i.pinimg.com/564x/e3/e9/76/e3e9764453e6129139d28e591828aa3a.jpg);
 background-position: center;
    vertical-align: center;
}
.comments-table td:first-child, .music-table td:first-child {
 background: url(https://i.pinimg.com/564x/4b/bc/97/4bbc97128e2e695c37379405f1360003.jpg);
}
.comments-table button {
  paddin: 0;
  margin: 7px;
  margin-left: 62px;
  background-color: #32578c56;
  }
.comments-table button:hover {
  opacity: 0.6;
  color: white;
  background-color: #3b6fb856; 
  }
.comment-replies {
    padding: 0 5px;
    border: 3px solid #587a82;
    margin-top: 10px;
}

.profile .table-section .details-table a:hover {
  color: white;
text-shadow: 1px 1px 3px white, 0 0 25px #F6F6F6, 0 0 5px #F6F6F6;  color: white;
  }
  
nav .links a:hover {
  font-family: Times New Roman;
text-shadow: 1px 1px 3px white, 0 0 25px #F6F6F6, 0 0 5px #F6F6F6;  color: white;
  }
  
  
nav .links a {
  font-family: Times New Roman;
  text-shadow: none;
  color: black;
  }
  
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: '>';
    image: 
    color: black;
}
  

  
nav, footer {
  background: none;
    opacity: 1;
}

.container .details p {
   text-align: center;
     font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: italic;
  font-size: 15px;
  display: inblock;
  }

  

  
.general-about img {-webkit-mask-image: url( https://i.postimg.cc/c13GTR2L/342667101a7f20688b9d88500b54fa39-removebg-preview.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
  
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/c13GTR2L/342667101a7f20688b9d88500b54fa39-removebg-preview.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
  
.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/c13GTR2L/342667101a7f20688b9d88500b54fa39-removebg-preview.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: 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 15 of 15 comments ( View all | Add Comment )

gustavo brumatti	1742843469 using Report Comment
силкарик	1740907180 using Report Comment
cupid	1737278092 using this, sankyu Report Comment
PavlogradskiySobakka	1736431042 tysm i'm using that Report Comment
cursedarchives	1735855429 thankies Report Comment
⌆ S3cr3tly 4 R0b0t ⌆	1733030611 using for my blog setups >:3 Report Comment
talia	1728123851 cool im using Report Comment
val	1727929189 usinggg :3 Report Comment
Forzen	1723828799 using Report Comment
Imms	1719739812 usiing Report Comment
uzi	1716765976 using Report Comment
🫧𓇼𓏲*ੈMunteati✩‧₊˚🎐	1715505690 USING THANK YOU THIS IS MY DREAM Report Comment
GaryWithoutTheR	1713943900 using!!! Report Comment
Shanti	1713415290 USING!!1 <3 Report Comment
LouisHous	1713238702 USING !!!!! Report Comment