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

⭐Ianisthegoat!(≧∇≦)/🦴	1767054156 Using!! Report Comment
୭ ᵎᵎ🐇🦢	1766803246 Using!! Report Comment
N0th1n9	1764308929 i love it, usingg Report Comment
𝔰𝔬𝔯𝔢𝔫	1763190165 using!! Report Comment
ᵐᵃˢʸᵃⁿʸᵃ ⋆˚꩜｡	1762768248 using, ty! <3 Report Comment
Fizzy!	1755795520 Using ! Report Comment
Fizzy!	1755795517 Using ! Report Comment
Maymuna	1751394856 using Report Comment
Maymuna	1751394855 using Report Comment
gustavo brumatti	1742843469 using Report Comment
жаңбыр	1740907180 using Report Comment
cupid	1737278092 using this, sankyu Report Comment
sbbkk9	1736431042 tysm i'm using that Report Comment
cursedarchives	1735855429 thankies Report Comment
talia	1728123851 cool im using Report Comment
val	1727929189 usinggg :3 Report Comment
Forzen	1723828799 using Report Comment
Immy	1719739812 usiing Report Comment
⊹⠀⠀⠀uzi⠀ 𓏼	1716765976 using Report Comment
🫧𓇼𓏲*ੈMunteati✩‧₊˚🎐	1715505690 USING THANK YOU THIS IS MY DREAM Report Comment