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

yagel	1780518699 usingg Report Comment
Ilz	1780176332 Usingg! Report Comment
Cherry	1778607266 USING!! ^__^ Report Comment
epic deep bite	1778423897 using!! Report Comment
vivi ݁ ˖Ი𐑼⋆	1774966216 usingnngggg Report Comment
steppenwolf	1774643210 using Report Comment
[What do you feel?]	1774624634 using, ty Report Comment
Srylo	1772391486 using Report Comment
sweetcitrus🍊	1771479448 using!!!! thx^^ Report Comment
Nikmak	1769631605 Using Report Comment
Dead RabbitZz	1769544303 usinggg Report Comment
Dead RabbitZz	1769544303 usinggg Report Comment
Geezy	1769123361 using Report Comment
oddishbarry	1768338317 using Report Comment
beani3	1768015401 usingggg :D Report Comment
Ly	1766956065 using!! Report Comment
Ryan	1765316389 Using this !! SOOOO cool :)) Report Comment
FingleShmerph	1765174246 using, looks awesome !! :3 Report Comment
LoathingMyself	1764705519 using :p Report Comment
cal☆	1764689378 using :] Report Comment