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

gooptrials	1732046351 using Report Comment
♰Arlo♰	1732001750 using Report Comment
PabloCos	1731819980 usandoo Report Comment
skyscrapercat14	1731442134 using Report Comment
PuNkixDude	1730985677 Using Report Comment
DOTTIE	1728070135 using!! Report Comment
DOTTIE	1728070133 using!! Report Comment
layout test account	1727437039 using! ^.^ Report Comment
CJ	1726416108 using! thanks for sharing :D Report Comment
MIKEY/RICHIE XD	1726367868 Using!! ^-^ Report Comment
V	1724727597 using Report Comment
xX_Livia55_Xx	1724681563 using! txh<3 Report Comment
+GBLINGOD+	1723946869 USING :3 Report Comment
MuleMeandering	1723315294 Using! Report Comment
nerd	1722048091 using?!? Report Comment
K4SP3R	1722033997 US1NG ^_^ Report Comment
:)	1721443917 using Report Comment
ez :p	1720275383 using ! Report Comment by Firebrand; 1720790485; Report
Howboy	1719974398 Using! Ty :) Report Comment yay !! by Firebrand; 1720790468; Report
dylaaan	1717611626 usinnng Report Comment thank you by Firebrand; 1717624119; Report