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

Ryan	1765316389 Using this !! SOOOO cool :)) Report Comment
FingleShmerph	1765174246 using, looks awesome !! :3 Report Comment
Teresa V.	1764705519 using :p Report Comment
cal☆	1764689378 using :] Report Comment
BOBBY	1764466645 using Report Comment
Ghala	1764463218 using ;0 Report Comment
jellie (˶ᵔ ᵕ ᵔ˶)	1760893424 using! Report Comment
tylerⒶ☭	1759942917 using, thx!! Report Comment
¡1tz3lt!	1759642701 using, its so awesome<3 Report Comment
ŢΩɱ	1759305715 i use Report Comment
mayz !! (silly)	1758828389 using !!! this is so cool :3 Report Comment thank you, glad you enjoyed it by Firebrand; 1759055029; Report
PB&J	1757869949 using!! Report Comment
Tanthedino_nugg	1757821353 using Report Comment
Scruffy_Cord	1757421019 using Report Comment
uranium	1756727069 using Report Comment
potato	1756483438 using thanks! Report Comment
Nico	1755739354 using Report Comment
Nico	1755739346 using Report Comment
Liam🏎️ ¹¹ ²² ³³	1754801464 using :D Report Comment
villaimouse	1753938306 using!! absolutely love this layout ^^ Report Comment