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

⌆ S3cr3tly 4 R0b0t ⌆	1733030611 using for my blog setups >:3 Report Comment
silas	1728123851 cool im using Report Comment
val	1727929189 usinggg :3 Report Comment
Forzen	1723828799 using Report Comment
Imms	1719739812 usiing Report Comment
ame	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