My Layout 2023 :p

Tags: blue, layout, web, cyber, website, simple
Description:

The current version of my layout this year
Code:

<!-- (c) Layout created by 𝔖𝔩𝔢𝔢𝔭 𝔴𝔥𝔢𝔫 𝔦𝔪 𝔇𝔢𝔞𝔡 (https://layouts.spacehey.com/layout?id=90769) -->

<style>

.profile .blurbs .section h4 {
	color: #B02A34;
	font-size: 1.3rem;
}
.profile-info {
	background: var(--pdg_profileInfo);
	background-size: cover;
	background-position: center;
	box-shadow: -7px 8px 0 #0006;
	color: #FFFFFF00;
	padding:6em 0;
}
.profile-info h3 a {
	color: #FFF;
}
.comments-table, .details-table {
	border: 1px solid #0000;
	border-collapse: separate;
	border-spacing: 0 .5em;
}
.comments-table tr td:last-child {
	height: 250px;
	display: block;
	overflow-y: scroll;
}
.comments-table td, .music-table td {
	background: none;
	color: #000;
}
.comments-table tr {
	border-bottom: 1px solid #000;
}
.comments-table td:first-child, .music-table td:first-child {
	background: none;
	text-align: left;
}
.profile .comments-table:after {
	background-image: var(--pdg_commentsSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(4) translateX(-2.5rem) translateY(-1rem);
	position: absolute;
	right: 0;
	z-index: -1;
}
@media only screen and (max-width: 600px) {
	.profile .left h1:before{
		transform: rotate(-4deg) scale(1.7) translateX(3.5em);
	}
	.profile .left .table-section:nth-last-child(2):before {
		transform: rotate(-4deg) scale(1.7) translateX(14em) translateY(-1.5em);
		z-index: 0;
	}
}


div.table-section:nth-child(6) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(6),

div.table-section:nth-child(7) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(6) {

    display: none;

}

		
/* replace with cd image that has transparent background. must be 150px by 150px. */		
:root {		
--cd-image: url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png');		
}		
.profile-pic {		
position: relative;		
width: 183px;		
filter: drop-shadow(0 0 0.25rem gray);		
}		
.profile-pic:after {		
content: "";		
background: url('https://ibb.co/YcPng1C"><img src="https://i.ibb.co/sKbx7Nf/IMG-9111.jpg" alt="IMG-9111');		
background-size: contain, cover;		
position: absolute;		
top: 0;		
left: 0;		
width: 100%;		
height: 100%;		
}		
		
.profile-pic:before {		
content: " ";		
background: var(--cd-image);		
position: absolute;		
top: 5px;		
left: -20px;		
width: 150px;		
height: 150px;		
background-repeat: no-repeat;		
z-index: -1;		
animation-name: spin;		
animation-duration: 5000ms;		
animation-iteration-count: infinite;		
animation-timing-function: linear; 		
transition: left ease 0.5s;		
}		
.profile-pic:hover:before {		
left: -75px;		
}		
@keyframes spin {		
    from {		
        transform:rotate(0deg);		
    }		
    to {		
        transform:rotate(360deg);		
    }		
}		
.profile-pic .pfp-fallback {		
float: right;		
width: 163px;		
height: 160px;		
border: none;		
}		
.general-about .profile-pic img {		
max-width: inherit;		
}		
		
::-webkit-scrollbar {		
    		
    width: 12px;		
    height: 10px;}		
    		
::-webkit-scrollbar-thumb {		
    		
    background: teal;}		
		
::-webkit-scrollbar-track {		
    		
    background: TRANSPARENT;}		
		
* {cursor: url(https://cur.cursors-4u.net/anime/ani-11/ani1090.cur), auto !important;}

/*NAVIGATION ______________________________________________________*/
nav {		
       width: 100%;		
       padding: 0 0 3px 0;		
        margin-top: 4px;		
        margin: 0px auto;		
        border: 2px solid Teal; 		
        box-shadow: inset 0px 0px 0px 4px #90F3E1, inset 0px 0px 0px 6px Teal, 4px 4px Teal;		
        font-weight: 400;		
        font-family: Courier New, monospace;		
        color: White;		
        background-color: TRANSPARENT ;		
        align-content: center;		
       		
    }		
		
nav:before {		
        display: block;        		
        padding: 8px;		
        padding-left: 12px;		
        padding-right: 12px;		
        font-weight: 400;		
        font-size: 18px;		
        letter-spacing: 0.045em;		
        content: url("https://external-media.spacehey.net/media/snwuLEU0CvhyeR-mWaX0PYS5GndmIKFp55O9Uh-FPyoA=/https://64.media.tumblr.com/b68b9728eea0fb73a45ee0380f765ed5/acbffc6c7e51333b-d4/s250x400/a383680a834effd3213bd1729a8dc36aca4b4b74.gif");		
        color: White;		
        box-shadow: inset 0px 0px 0px 4px #90F3E1, inset 0px 0px 0px 6px Teal;  		
        border-bottom: 2px solid Teal; 		
        background-color: TRANSPARENT ;		
        background-image: url("https://cdn.discordapp.com/attachments/887310545726881842/1066815852076355624/image.png");		
        background-position: right center;		
        background-repeat: no-repeat;		
       		
}	
		
nav .links {		
        		
        padding:8px;		
        padding-left: 16px;		
        margin-bottom:-2px; 		
        margin-top:2px;		
        box-shadow: inset 0px 0px 0px 4px #90F3E1, inset 0px 0px 0px 6px Teal; 		
        border-bottom: 2px Solid Teal;		
        background:none;		
        background-color: black;
	text-align: center;	
       		
		
    }		
		
nav .top {		
        margin-left:4px;		
        margin-right:4px;		
        margin-bottom: -2px;		
        margin-top:-2px; 		
        background-color: black ;		
		
}	

/* BODY ______________________________________________________________*/

body {
font-family: Courier New, monospace;
background-color: black;
background-image: url('');
background-size:cover;
background-position:center center;
background-attachment:fixed;
background-repeat:no-repeat;
}
/*MAIN ___________________________*/
main{		
   		
    background: TRANSPARENT;		
    background-color:TRANSPARENT !important;		
    background-image: url('URL') !important;		
    background-size: COVER;		
    background-attachment: FIXED  !important;		
    background-repeat: NO-REPEAT !important;		
    background-position: CENTER CENTER !important;		
    border: 0px solid black !important;  		
    border-left: 2px  teal;		
    border-right: 2px teal;  		
    border-radius: 30px !important;		
    opacity: 0.85;		
}





 
/* PROFILE IMG _____________________________________________________*/
img {
filter: none );
}


/* BANNER _____________________________________________________________________*/
body::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%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
.logo {
filter: sepia(100%) hue-rotate(70deg) saturate(10);
animation: ;
}
#q, button {
color: teal;
background-color: black;
border: 1px solid teal;
font-family: inherit;
}
p, i, b, .count {
color: #bfdbfe  !important;
}
a, .profile .friends .person p, .logout-btn {
color: dark gray !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
width: 1005px;
height : 1000px;
}

.heading, .url-info {
color: white;
background: ;
background-color: black!important;
border: 2px solid teal !important;
box-shadow: none;
}
.inner {
background-color: black;
color: teal !important;
border: 2px solid teal;
box-shadow: inset 0px 0px 0px 4px #90F3E1, inset 0px 0px 0px 6px Teal, 4px 4px teal;	
border-top: none;
}
.profile-info {
border: 2px teal;
}
.profile-info .inner {
border: none ;
background-color: transparent;
}
.profile-pic img{
animation:none ;
width: 100 px;
height: 100 px;
}


/*The left side table_______________________________________________________________*/

.profile .table-section{		
    		
    border: none;}		
		
.table-section .heading{		
    		
    text-align: center;		
    font-size: 15px;		
    background-color: Black !important;		
    background-image: url('URL');		
    background-repeat: repeat;		
    background-position: center;
    border: 0px solid black;
}
.table-section .inner{
background-color: black;
border: none;
box-shadow: none;
}	
    		
table.details-table{		
     		
    width:100%;		
    text-align: center;		
    background-color: black !important;		
    background-image: url('URL') !important;		
    background-attachment: FIXED  !important;		
    background-repeat: NO-REPEAT !important;		
    background-position: CENTER  !important;		
    border: none !important;
 }		
    		
.profile .details-table td{		
    		
    color: white;		
    background-color: TRANSPARENT !important;		
    background-image: url('URL') !important;		
    background-attachment: FIXED !important;		
    background-repeat:NO-REPEAT !important;		
    background-position: CENTER !important;		
    border-bottom: 2px solid teal !important; }		
    		
.details-table td:first-child{		
    width: 100%;}		
  	
}

	

/*ONLINE NOW THING ____________________________________________________________*/
		
.online img { 		
content: url("https://www.myspacegens.com/images/online_now/316.gif");		
animation-name: none; 		
visibility: visible ; 		
padding-left: 0px;		
height: 60px; 		
width: 150px; }		
		
.online { 		
   visibility: ; 		
justify-content: center;			
		
}

/*FRIENDS SECTION ________________________________________________________________*/

.profile .friends {		
        border: 2px solid Teal; 		
        box-shadow: inset 0px 0px 0px 4px #90F3E1, inset 0px 0px 0px 6px Teal;		
border-bottom: 2px solid Teal; 		
        background-color: TRANSPARENT ;		
        font-weight: normal;		
    }		
    		
    .profile .friends .heading {		
        padding: 8px;		
        padding-left: 12px;		
        background-color: #E2E2E1;		
        box-shadow: inset 0px 0px 0px 4px #90F3E1, inset 0px 0px 0px 6px Teal;  		
        border-bottom: 2px solid Teal; 		
       border: 2px solid Teal; 		
        color: White;		
       text-align: Left  !important;		
        background-image: url("https://cdn.discordapp.com/attachments/887310545726881842/1066815852076355624/image.png");		
        background-position: right center;		
        background-repeat: no-repeat;		
        padding-right: 12px;		
      		
    }
.friends .inner {
color: #87cefa !important;
		border-bottom: none;
		background-color: black;

}

.friends{		
        		
    background-color: TRANSPARENT !important;		
    background-image: url('URL') !important;		
    background-attachment: FIXED !important;		
    background-repeat: NO-REPEAT !important;		
    background-position: CENTER!important;		
    border: 0px solid black !important; }		
    		
.friends .heading{		
        		
    background-color: transperent!important;		
    background-image: url('URL');		
    background-repeat: no-repeat;		
    background-position: center; 		
    font-size:20 px ; 		
    border-radius: 0px;
   
 }		
    		
.friends .heading:before{ 		
    		
    color: White;		
    content: "FRIENDS ! :>"; 		
    font-size:.10 rem; 		
    font-weight:bold; 
   
}		
    		
		
.friends-grid{		
    		
    border: none;		
    border-radius: 6px;		
    background-color: none;		
    text-align:center;		
    padding:0px!important;		
}		
		
.profile .friends .person img{		
filter:none;
animation: none;}		
		
.friends .person{		
    background-color: rgba(255, 255, 255, 0.8);		
    width:80px!important;		
    display: inline-flex!important;		
    flex-direction: column-reverse;		
    margin:10px;		
    vertical-align: top;		
    padding-left:5px!important;		
    padding-top:5px!important;		
    box-shadow: 0 2px 5px rgba(0, 0, 0, .7);		
}		
.friends .person p{		
    		
    font-family: Courier New, monospace;		
    text-align: center;		
    word-wrap: break-word;		
}		
.profile .friends .person img:not(.icon){		
  max-width:70px!important;		
}		
.profile .friends .person:nth-of-type(1){		
    transform: rotate(0deg);		
}		
.profile .friends .person:nth-of-type(2){		
    transform: rotate(0deg);		
}		
.profile .friends .person:nth-of-type(3){		
    transform: rotate(-2deg);		
}		
.profile .friends .person:nth-of-type(4){		
    transform: rotate(0deg);		
}		
.profile .friends .person:nth-of-type(5){		
    transform: rotate(0deg);		
}		
.profile .friends .person:nth-of-type(6){		
    transform: rotate(2deg);		
}		
.profile .friends .person:nth-of-type(7){		
    transform: rotate(0deg);		
}		
.profile .friends .person:nth-of-type(8){		
    transform: rotate(0deg);		
}		
     		
.friends-grid p{		
        		
    color: black !important;}		
    		
.friends a{		
    		
    color: #20b2aa  !important;}		
    		
.friends a:hover{		
    		
    color: #87cefa !important;}		
    		
.friends a:visited{		
    		
    color: #87cefa !important; }		
    		
.friends b{		
}		
		
.friends p{		
    color: white;}


/* profile CONTACT section _________________________________________________*/

.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}

.contact{		
   		
        border: 2px solid Teal; 		
        box-shadow: inset 0px 0px 0px 4px #90F3E1, inset 0px 0px 0px 6px Teal, 4px 4px #4e23cd;		
        font-weight: 0;		
        font-family: Courier New, monospace;		
        font-size: 15px;		
        color: White ;		
        text-align: left ;		
       background-color: TRANSPARENT !important;		
    background-image: url('URL') !important;		
    background-attachment: FIXED !important;		
    background-repeat:NO-REPEAT !important;		
    background-position: CENTER !important;		
   		
}		
.icon{		
  display: none;		
}		
    		
.contact .inner a img {		
    font-size: 0px;		
    		
}		
.contact .inner a img:before {		
    font-size: 0em;		
    display: block;		
}		
		
.contact .heading{		
    		
    background-color: TRANSPARENT ; 		
    background-image: url("https://cdn.discordapp.com/attachments/887310545726881842/1066815852076355624/image.png");	
      background-position: right center;		
      background-repeat: no-repeat;		
        padding: 8px;		
        padding-left: 12px;		
      padding-right: 12px;		
       box-shadow: inset 0px 0px 0px 4px #90F3E1, inset 0px 0px 0px 6px Teal;  		
        border-bottom: 2px solid Teal; 		
        color: White;		
        text-align: center;		
		
        		
}		
		
		
		
.profile .contact {		
        border: 2px solid Teal; 		
        box-shadow: inset 0px 0px 0px 4px #90F3E1, inset 0px 0px 0px 6px Teal, 4px 4px Teal;		
        font-weight: 0;		
        font-family: Courier New, monospace;		
        font-size: 15px;		
        color: White ;		
        background-color: TRANSPARENT;		
    }		
		
 .profile .contact .heading {		
        padding: 8px;		
        padding-left: 12px;		
        background-color: #34baba; 		
        box-shadow: inset 0px 0px 0px 4px #90F3E1, inset 0px 0px 0px 6px Teal; 		
        border-bottom: 2px solid Teal; 		
        color: White;		
        background-image: url("https://cdn.discordapp.com/attachments/887310545726881842/1066815852076355624/image.png");
        background-position: right center;		
        background-repeat: no-repeat;		
        padding-right: 12px;		
    }		
		
 .profile .contact .inner {		
        padding-left: 4px;		
        padding-right: 4px;		
        color: White;		
    }		
    		
    .profile .contact .innertime {		
        padding: 8px;		
        color: #000;		
    }		
    		
    .profile .contact .inner .f-row .f-col a {		
        color: White;		
       font-weight: 400;		
    }		
		
    		
.contact a{		
    		
    color: #20B2AA !important;}		
    		
.contact a:hover{		
    		
    color: #ADD8E6 !important;}		
    		
.contact a:visited{		
    		
    color: #ADD8E6 !important;}		
    		
.contact .heading{ 		
    		
    font-size:0;		
    text-align:center;
}		
		
.contact .heading:before{ 		
    		
    content: "Contact Me";		
    font-size:.8rem; 		
    font-weight:none;
}

/*ABOUT ME AND WHO ID LIKE TO MEET TITLE SECTIONS___________________________________________________*/
.profile .blurbs .section h4 {
color: white !important;

}

.blurbs{		
    		
    background-color: transparent !important;		
    background-image: url('URL') !important;		
    background-attachment: FIXED  !important;		
    background-repeat: NO-REPEAT !important;		
    background-position: CENTER !important;
      align-content: center;	

}		
    		
.blurbs .heading{		
    		
    background-color: transparent !important;		
    background-image: url('URL');		
    background-repeat: NO-REPEAT;		
    background-position: center;		
    font-size:0; 		
    border-radius: 0px;}		
    		
	
    		
.blurbs .section h4{
color: white; 
background-color: black;
}		
		
.blurbs .inner{		
	color: white !important;
     align-content: center;		
    text-align: center !important;}		
    		
    		
.blurbs .inner .section:nth-child(1) h4:before{ 		
    		
    content: "WELCOME TO MY MY PAGE!! >_< ";		
    font-size:.8rem; }		
		
.blurbs .inner .section:nth-child(1) h4{ 		
    		
    color: white;		
    font-size:0; }		
    		
.blurbs .inner .section:nth-child(2) h4:before{		
        		
    content: " :3"; 		
    font-size:.8rem;}		
		
.blurbs .inner .section:nth-child(2) h4{ 		
    color: white;		
    font-size:0; }		
   		

/* general interest section ______________________________________________________________*/
.details-table, td {
border: 2px solid teal;
border-collapse: flex;
animation: none ;
}

td {
color: teal !important;
background: none;
background-color: black !important;
}
table.details-table {
width: 100%;
}
.details-table td:first-child{
width: 19%;
}

/*PROFILE NAME COLORRR ___________________________________________________________________________________*/
.profile h1 {
filter: sepia(100%) hue-rotate(45deg) saturate(10);
color: white;
font-size: 2em;
}


/*footer__________________________________________________________*/
footer{		
          		
    background-color: Transparent !important;		
    color: #778899;		
    border: 2px solid Teal; 		
    box-shadow: inset 0px 0px 0px 4px #90F3E1, inset 0px 0px 0px 6px Teal, 4px 4px #4e23cd48;		
        font-weight: 400;		
        font-family: Courier New, monospace;		
        margin: 0px auto;		
        padding: 0 0 3px 0;		
        width: 100%;		
        text-align: center;		
        justify-content: center;}		
		
footer:before {		
        display: block;        		
        padding: 8px;		
        padding-left: 12px;		
        background-color: TRANSPARENT ;		
        box-shadow: inset 0px 0px 0px 4px #90F3E1, inset 0px 0px 0px 6px Teal;  		
        border-bottom: 2px solid Teal; 		
        color: White;		
        background-image: url("https://cdn.discordapp.com/attachments/887310545726881842/1066815852076355624/image.png");		
        background-position: right center;		
        background-repeat: no-repeat;		
        padding-right: 12px;		
        font-weight: 400;		
        content: " BYE!";		
        font-size: 18px;		
        text-align: Center;		
        letter-spacing: 0.045em;		
    }		
		
    		
footer a{		
    		
    color: #20b2aa !important;}		
    		
footer a:hover{		
    		
    color: #87cefa !important;}		
    		
footer a:visited{		
    		
    color: #87cefa !important;}		
		
footer p {		
        width: 95%;		
        vertical-align: middle;		
        display: inline-block;		
        color #00ff00 !important		
    }		
    footer ul {		
        width: 95%;		
        vertical-align: middle;		
        display: inline-block;		
    }		
		
    		
footer .links{		
 font-size: 12px;		
   justify-content: center;		
		
}		
		
footer .links a{		
    		
    color: #20b2aa !important;		
    font-weight: normal !important;}		
    		
footer .links a:hover{		
    		
    color: #87cefa !important;		
    font-weight: normal !important;}		
    		
footer .links a:visited{		
    		
    color: #87cefa !important;		
    font-weight: normal !important;}		
		
footer .links li:not(:last-child)::after{		
		
    content: "COME BACK SOON! ";		
		
    color: white;		
		
    font-weight: bold;		
		
}	

/* COMMENTS TABLE ____________________________________________________*/
.comments-table {
border: 2px solid teal;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid teal;
margin: 2px;
}

.friends#comments .heading{ 		
    		
    text-align: center;		
    font-size:0;
   
 }		
    		
.friends#comments .heading:before{ 		
    content: "Leave a Comment ! :> "; 		
    font-size:.8rem; 		
    font-weight:bold;}		
		
  #comments .heading {		
        padding: 8px;		
        padding-left: 12px;		
        background-color: TRANSPARENT ;		
        box-shadow: inset 0px 0px 0px 4px #90F3E1, inset 0px 0px 0px 6px Teal; 		
        border-bottom: 2px solid Teal; 		
        color: White;		
        background-image: url("https://cdn.discordapp.com/attachments/887310545726881842/1066815852076355624/image.png");		
        background-position: right center;		
        background-repeat: no-repeat;		
        padding-right: 12px;		
       		
    }		
			
.count{		
    color:#87cefa;}		
				
	
.comments-table td{		
        		
    background-color: black !important;		
    background-image: url('URL') !important;		
    background-attachment: FIXED!important;		
    background-repeat: NO-REPEAT !important;		
    background-position: CENTER !important;		
    border: 1px solid teal !important; }		
    		
table.comments-table{		
    		
    border: none;		
    display: block;		
    height: 300px!important;		
    overflow-y: scroll;}

.profile .comments-table:after {
	background-image: var(--pdg_commentsSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(4) translateX(-2.5rem) translateY(-1rem);
	position: absolute;
	right: 0;
	z-index: -1;
}
@media only screen and (max-width: 600px) {
	.profile .left h1:before{
		transform: rotate(-4deg) scale(1.7) translateX(3.5em);
	}
	.profile .left .table-section:nth-last-child(2):before {
		transform: rotate(-4deg) scale(1.7) translateX(14em) translateY(-1.5em);
		z-index: 0;
	}
}

/*COMMENTS IMG__________________________________________________________*/
.comments-table td:first-child img:not(.icon) {
      animation: none;
}

.comments-table td:first-child, .music-table td:first-child {
      height:  ;
      width: 100px;
}
/*H4 Headings _______________________________________________________*/
h4  {
filter: sepia(100%) hue-rotate(45deg) saturate(10);
color: white;
}
.profile .blurbs .heading, .profile .friends .heading .h4{
color: white;
background-color: black;}

.profile .blurbs .section h4 {
filter: none;
color:white;
}





 ::-webkit-scrollbar {
width: 15px;
height: 10px;
}
.profile .blurbs .section h4 {
	color: #B02A34;
	font-size: 1.3rem;
}
.profile-info {
	background: var(--pdg_profileInfo);
	background-size: cover;
	background-position: center;
	box-shadow: -7px 8px 0 #0006;
	color: #FFFFFF00;
	padding:6em 0;
}
.profile-info h3 a {
	color: #FFF;
}
.comments-table, .details-table {
	border: 1px solid #0000;
	border-collapse: separate;
	border-spacing: 0 .5em;
}
.comments-table tr td:last-child {
	height: 250px;
	display: block;
	overflow-y: scroll;
}
.comments-table td, .music-table td {
	background: none;
	color: #000;
}
.comments-table tr {
	border-bottom: 1px solid #000;
}
.comments-table td:first-child, .music-table td:first-child {
	background: none;
	text-align: left;
}
.profile .comments-table:after {
	background-image: var(--pdg_commentsSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(4) translateX(-2.5rem) translateY(-1rem);
	position: absolute;
	right: 0;
	z-index: -1;
}
@media only screen and (max-width: 600px) {
	.profile .left h1:before{
		transform: rotate(-4deg) scale(1.7) translateX(3.5em);
	}
	.profile .left .table-section:nth-last-child(2):before {
		transform: rotate(-4deg) scale(1.7) translateX(14em) translateY(-1.5em);
		z-index: 0;
	}
}
div.table-section:nth-child(6) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(6),

div.table-section:nth-child(7) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(6) {

    display: none;

}
/* replace with cd image that has transparent background. must be 150px by 150px. */		
:root {		
--cd-image: url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png');		
}		
.profile-pic {		
position: relative;		
width: 183px;		
filter: drop-shadow(0 0 0.25rem gray);		
}		
.profile-pic:after {		
content: " ";		
background: url('https://ibb.co/YcPng1C"><img src="https://i.ibb.co/sKbx7Nf/IMG-9111.jpg" alt="IMG-9111');		
background-size: contain, cover;		
position: absolute;		
top: 0;		
left: 0;		
width: 100%;		
height: 100%;		
}		
		
.profile-pic:before {		
content: " ";		
background: var(--cd-image);		
position: absolute;		
top: 5px;		
left: -20px;		
width: 150px;		
height: 150px;		
background-repeat: no-repeat;		
z-index: -1;		
animation-name: spin;		
animation-duration: 5000ms;		
animation-iteration-count: infinite;		
animation-timing-function: linear; 		
transition: left ease 0.5s;		
}		
.profile-pic:hover:before {		
left: -75px;		
}		
@keyframes spin {		
    from {		
        transform:rotate(0deg);		
    }		
    to {		
        transform:rotate(360deg);		
    }		
}		
.profile-pic .pfp-fallback {		
float: right;		
width: 163px;		
height: 160px;		
border: none;		
}		
.general-about .profile-pic img {		
max-width: inherit;		
}
::-webkit-scrollbar {		
    		
    width: 12px;		
    height: 10px;}		
    		
::-webkit-scrollbar-thumb {		
    		
    background: teal;}		
		
::-webkit-scrollbar-track {		
    		
    background: TRANSPARENT;}		
		
</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 0 of 0 comments ( View all | Add Comment )