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

MACH1NE B0Y	1751198137 prob using!! Report Comment
mmarl<3	1751005764 using Report Comment
Wluvelli	1750372696 using!! Report Comment
SunnieBunnie	1750195274 using! Report Comment
avstine	1749972409 using!! Report Comment
Roach	1749667095 uzing Report Comment
duckylmaooo	1749408394 Using Report Comment
Burpsalot	1748838798 using Report Comment
trevor	1748567689 usinggg Report Comment
Deex_9tx	1747351608 usingg Report Comment
St.Merciere	1747197323 using Report Comment
Midnight_Howler	1747110239 using Report Comment
ash :PP	1746765534 using :P Report 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