.•☆ TUPAC ☆•. Black History Month Series

Tags: blm, tupac, twilaslay0utshack, katie&twilaslay0utshack, spacehey layout event, black, sparkle, sparkly, animation, gif
Description:

PLEASE COMMENT BELOW IF YOU USE ME OR LIKE ME ♡
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by TWILA'S LAY0UT SHACK (https://layouts.spacehey.com/layout?id=1931) -->

<!-- (c) Layout created by TWILAS LAY0UT SHACK (https://layouts.spacehey.com/layout?id=1452) -->

<!-- (c) Layout created by TWILAS LAY0UT SHACK (https://layouts.spacehey.com/layout?id=1405) -->

<style> 

body { 

font-family: Courier;
font-size: 15pt;
font-weight: bold;
font-style: normal;
text-decoration: none;
}



h1 {
  color: transparent;
  text-shadow: 1px 1px 2px black, 0 0 25px purple, 0 0 5px gold;
} 

h1, h2, h3, h4,p {color: black;} 

:root { 

--white: black;
</style>

<style>
@import url('http://dl10.glitter-graphics.net/pub/68/68550m4sf6bw79p.gif');

.online{
    content:url(http://dl7.glitter-graphics.net/pub/1958/1958717yu0472gttv.gif);
    height: 50px;
    width: 70px;
    
}

.profile{
    background-color: transparent;
}
td {
    background-color: transparent rgba(160, 170, 200, 0.15) !important;
    border-radius: none !important;
    
}
.table-section:not(:last-child) .details-table tr td:first-child p{
    color:transparent !important;
    text-shadow: none !important;
    letter-spacing: -100px;
    
}
.details-table tr td:first-child p:after{
  color:transparent; !important;
  letter-spacing:normal !important;
   text-shadow: 	2px 2px black !important;
   filter: brightness(95%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content:"◇";!important
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content:"◇";
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content:"◇";
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content:"◇";
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content:"◇";
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content:"◇";
}
h1{
    color:transparent;
    font-family: courier, Courier;
    text-shadow:2px 2px  black a;
}
.profile-pic img{
    border-radius:5px;
    box-shadow:4px 3px transparent;
    filter:grayscale(10%);
}
.contact {
background-image:url(http://dl10.glitter-graphics.net/pub/68/68550m4sf6bw79p.gif);
  border-radius: 0px;
  border-color: transparent !important;
  background-position:right, bottom;
  background-size: 360px 150px;
  background-repeat: repeat-y;
  padding: 20px;
  width: 200px;
  height: 150px;
}

  body, .bodyContent  { 
 background-image:url(http://dl10.glitter-graphics.net/pub/68/68550m4sf6bw79p.gif);
 background-repeat:repeat;
 background-size:100%;
 background-attachment:scroll; 
 border-color: transparent ; 
 border-width:0px; 
 border-style:0px;

 } 

p, h2{
    color: black !important;
}
a{
    color: black !important;
    
}
.friends, .count, a p{
    color: transparent !important;
    text-align:center !important;
}
.friends-grid img{
    border-radius: 0px !important;
    filter:grayscale(0%) !important;
}

h4 {
    color: silver !important;
}
.section h4{
    color: transparent !important;
}
.heading, .blurbs, .blog-preview, .friends, .table, .table-section, footer{
    background-color: transparent 
 rgba(10,13,20,.95) !important;
}
.table-section{
    border:none !important;
}
.heading{
    background:none !important;
    padding-bottom:0px !important;
}

.w-40 .table-section:last-child .heading h4{
    color:transparent !important;
    text-shadow: none !important;
    letter-spacing: -100px;}

.w-40 .table-section:last-child .heading::after{
  content:"◇";
  font-family:Montserrat!important;	
  text-shadow: 	2px 2px black !important;
  text-transform:uppercase !important;
  color:#000000 !important;
  font-weight: bold !important;
    
}
  
.url-info {
    display:none !important;
}

.inner img{
    border:solid 0px black !important;
    filter:grayscale(60%) !important;
    border-radius: 0px !important;
}
.contact img{
    border:solid 0px!important;
}
main{
    border:outset 0px;
    border-top:none;
    padding-top:0px!important;
}
.w-40 .table-section:nth-last-child(2) .heading h4{
    color:transparent !important;
    text-shadow: none !important;
    letter-spacing: -100px;}

.w-40 .table-section:nth-last-child(2) .heading::after{
  content:"◇";
  font-family:Montserrat !important;	
  text-shadow: 	2px 2px black !important;
  text-transform:uppercase !important;
  color:transparent !important;
  font-weight: bold !important;
}

.w-40 .contact .heading h4{
    color:transparent !important;
    text-shadow: none !important;
    letter-spacing: -100px;}

.w-40 .contact .heading::after{
    content:"ADD ME AS A FRIEND";
    font-family:Montserrat !important;	
    text-shadow: 	2px 2px black !important;
    text-transform:uppercase !important;
    color:transparent !important;
    font-weight: bold !important;
    background:transparent;
    
}
    
nav{
    background-image: url(http://dl10.glitter-graphics.net/pub/68/68550m4sf6bw79p.gif);
    border-radius: 5px 5px 0px 0px; !important;
    background-size:100% 100%;
    border:outset none;
    border-bottom:none;
}
nav ul{
    background: transparent !important;
    
}
nav img{
    filter: opacity(5%) !important;
    
}
nav ul a img, .mood a img{
    display:none !important;
    
}
.top{
    background:none !important;
    background-color: transparent rgba(0, 0, 0, 0.0) !important;
    
}
#comments{
    background-image: url(http://dl10.glitter-graphics.net/pub/68/68550m4sf6bw79p.gif);
    background-size: 100% 100%;
    Height:300px;
    overflow:auto;
}
.comments-table{
    background-color: transparent rgba(30,35,40,.9);
}
#comments img{
    border-radius: none !important;
    border: none !important;
}
</style>


<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(http://dl8.glitter-graphics.net/pub/3650/3650018mbys5bgddk.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
} </style>

<style>main:before {
	width: 100%;
	height: 1200px ;
	display: block;
	content: "";
	background-image: url('http://dl7.glitter-graphics.net/pub/226/226287olecb2z0h7.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>

<style>body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('http://dl10.glitter-graphics.net/pub/68/68550m4sf6bw79p.gif');
	background-size: cover;
	background-repeat: no-repeat;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
footer {
border-radius: 5px;
background-image: url(http://dl10.glitter-graphics.net/pub/68/68550m4sf6bw79p.gif);
}
</style>
















<style>
/* profile-info */

.profile-info {
    position: fixed;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100vw;
    border: 0;
    z-index: 20;
    -webkit-backdrop-filter: blur(20px);
}
.profile-info a {
    color: #FFF;
}


.profile-info { border:double 0px #Ffd1dc88;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background: transparent url(http://dl9.glitter-graphics.net/pub/185/185499fkwlunybl0.gif) no-repeat center center;
background-size: contain;
    </style>



<style>:root {
        --logo-blue: light purple ;
        --darker-blue: light purple ;
        --lighter-blue: light purple ;
        --even-lighter-blue: light purple ;
        --lightest-blue: light purple ;
        --dark-orange: light purple ;
        --light-orange: light purple ;
        --even-lighter-orange: transparent ;



<style/> 

</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 5 of 5 comments ( View all | Add Comment )
queenskitz420	1685694523 how do i add this layout im new here Report Comment
BigBizzle27	1636965079 Let try it out Report Comment
Carmen	1636944729 I’ll give it try Report Comment
PoppaCish	1636721171 Try Report Comment
Loztt215	1636714228 Lets give it a try Report Comment