Dark Gloss

Tags: gloss, glossy, dark, 2010s, blue, pixel, retro, msn

Description:

It all started with a layout by Cory (the one with CRT Green flickers), but eventually i've edited it into my own. Just copy&paste the code to your "about me" section. If you like it , feel free to comment on my profile!!!

Preview:

click on the image for a larger preview

Code:

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

<style>

/* credits to Cory for some of elements */
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

html::after {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(18, 16, 16, 0.1);
  opacity: 0;
  z-index: 2;
  pointer-events: none;
 /* animation: flicker 0.15s infinite; */
}
html::before {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}
html {
  /* animation: textShadow 1.6s infinite; */
  font-size:24px;
  /*	filter: grayscale(100%) sepia(100%) hue-rotate(75deg); */
}
body{
	background-color:#181818;
}
a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active{
	color:#FFFFFF;
	/* background-color:#111927!important; */
	text-decoration:none!important;
border: 1px solid rgba(0,0,0,0);
}
nav .top, nav .links, main, footer{
	background:none;
}
.left, .right{
	  font-family: 'VT323', monospace!important;
	  color:#FFF!important;
}
nav .links{
text-align: center;
}
nav .top, button, label, .links a, footer p{
	  font-family: 'VT323', monospace!important;
	  font-size:1rem!important;
	  color:#FFF!important;
}
.profile h1{
	  font-family: 'VT323', monospace!important;
	  color:#FFF!important;
	  font-size:2rem;
}
.links a, .left a, .right a{
	color:#FFF!important;
	background-color: #3d6fc7;
border-radius: 4px;

}
.profile-info{
display: none;
}
.search-wrapper input{
	background-color: #222222;
	border: 1px solid #FFF;
border-radius:4px;
	font-size: 1rem;
	font-family: 'VT323', monospace;
	color: #FFF;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
	content: "";
}
.details-table td:first-child{
	color: #DDD;
	background: none;
}
nav img.logo {
 /* content:url("https://cdn.discordapp.com/attachments/1035594260176707625/1234972086229794936/sandy.gif?ex=6632ace2&is=66315b62&hm=63acf9a7ef0c8ea3f69af87aec551be7834994b583ddc2a8dbf59157bef00578&"); */
    }
.details-table td, .comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td{
	background: none;
}
.profile .blurbs .heading, .profile .friends .heading{
	color: #FFF;
	font-size: 1.3rem;
}
button{
	background: none;
	border: none;
}
.blog-preview{

}

.left a{
background-color: rgba(0,0,0,0);
}
.right a{
background-color: rgba(0,0,0,0);
}
.links a{
background-color: #999;
}

.online {content:url('https://i.ibb.co/1GtXJ3t/122222.png'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
background-color: #060d1c;
}

.profile .blurbs, .profile .friends{
    border: #bd7617 2px solid;
    background-color: #1e1709;
    margin: 20px 0;
}
.container {
    background-color: #0b1a27;
    border: 2px solid #363e7b;
    width: 1049px;
    max-width: 100%;
    margin: 0 auto 10px;
}
nav {
    background-color: #223453;
background: linear-gradient(0deg, #08171D 0%, rgb(61 102 147) 100%);
    color: white;
    font-size: 72%;
    font-size: max(72%, 12px);
}
.links a {
    border-radius: 4px;
    padding: 3px;
    background-color: #3d6fc7;
}
.links a:hover {
    background-color: #111927;
}
nav .links a {
    background-color: #192539;
}

*{
border: 0px solid rgba(0,0,0,0);
transition: 0.4s ease-in;
}</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 67 comments ( View all | Add Comment )

🏎️	1745351104 using Report Comment
seb	1745259808 usin Report Comment
Solitaire	1745074437 Using!!!! <3 Report Comment
ImUsuallyWeird	1744737897 using Report Comment
fizz >u<	1744322105 using!!!! Report Comment
Silllyyyyyy	1743430008 using! Report Comment
moondi	1743248145 using ty Report Comment
izar ᨒ	1743195423 USING TYSM Report Comment
lucy	1743192552 Using!! Report Comment
Tiny Idols	1742509286 Using this! love it! Report Comment
Elijah Sarver	1742096390 Using! Report Comment
_KarK4t_xD	1741991841 Usi4Ng:0 Report Comment
spicy popcorn	1741343194 using Report Comment
dclxvi	1741081090 using Report Comment
Macy	1740700280 using :3 Report Comment
scott	1740367927 USING!!!! Report Comment
﹒ꕀ . 𝘏𝘢𝘢𝘣𝘪 ! ୧ 📖 🔐	1740179354 #USINGGGG Report Comment
!hammerhead!	1739980698 Using! thanks ^^ Report Comment
SedgHammer	1739424500 use! tysm!! Report Comment
mylkway	1738530387 usinggg :3 Report Comment