☆.• purple night sky •.☆

Tags: purple, animation, animations, twilaslay0utshack, glitter, galaxy, stars, pastel, sparkle, 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=1375) -->

<style> 

body { 

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



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

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

:root { 

--black: black;
</style>

<style>
@import url('http://dl4.glitter-graphics.net/pub/3673/3673034ajr9hjhiya.gif');

.online{
    content:url(http://dl8.glitter-graphics.net/pub/1123/1123818cjfqwt8fhd.gif);
    height: 40px;
    width: 40px;
    
}

.profile{
    background-color: black;
}
td {
    background-color:rgba(160, 170, 200, 0.15) !important;
    border-radius:0px !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:#000000; !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:"General";!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:#97b4d1;
    font-family: courier, Courier;
    text-shadow:2px 2px  violet a;
}
.profile-pic img{
    border-radius:5px;
    box-shadow:4px 3px #000000;
    filter:grayscale(40%);
}
.contact {
background-image:url(http://dl4.glitter-graphics.net/pub/3673/3673034ajr9hjhiya.gif);
  border-radius: 0px;
  border-color:#000000!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://dl4.glitter-graphics.net/pub/3673/3673034ajr9hjhiya.gif);
 background-repeat:repeat;
 background-size:100%;
 background-attachment:scroll; 
 border-color:none; 
 border-width:0px; 
 border-style:none;

 } 

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

h4 {
    color: violet !important;
}
.section h4{
    color: violet !important;
}
.heading, .blurbs, .blog-preview, .friends, .table, .table-section, footer{
    background-color: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:"Follow Me";
  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:#FFFFFF !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:"lets be friends";
    font-family:Montserrat !important;	
    text-shadow: 	2px 2px black !important;
    text-transform:uppercase !important;
    color:#FFFFFF !important;
    font-weight: bold !important;
    background:transparent;
    
}
    
nav{
    background-image: url(http://dl4.glitter-graphics.net/pub/3673/3673034ajr9hjhiya.gif);
    border-radius: 0px 0px 0px 0px; !important;
    background-size:100% 100%;
    border:outset none;
    border-bottom:none;
}
nav ul{
    background:none !important;
    
}
nav img{
    filter: opacity(80%) !important;
    
}
nav ul a img, .mood a img{
    display:none !important;
    
}
.top{
    background:none !important;
    background-color:rgba(0, 0, 0, 0.0) !important;
    
}
#comments{
    background-image: url(http://dl4.glitter-graphics.net/pub/3673/3673034ajr9hjhiya.gif);
    background-size: 100% 100%;
    Height:300px;
    overflow:auto;
}
.comments-table{
    background-color:rgba(30,35,40,.9);
}
#comments img{
    border-radius: 0px!important;
    border:0px0!important;
}
</style>


<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(http://dl5.glitter-graphics.net/pub/694/694415ig679r87nz.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: 1000px ;
	display: block;
	content: "";
	background-image: url('http://dl4.glitter-graphics.net/pub/183/183534sga98gp2d9.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://dl4.glitter-graphics.net/pub/183/183534sga98gp2d9.jpg');
	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: 15px;
background-image: url(http://dl4.glitter-graphics.net/pub/3673/3673034ajr9hjhiya.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>

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

Donna Fiumidinisi Jefferson	1637083653 Love layout. Report Comment
Chassy Lynn Love	1637022890 Love This Alot ! Thanks Report Comment
Bonnie	1636916113 Love this💜 Report Comment
Allie🍀	1636838974 Thank you 💜 Report Comment
Krista	1636822792 Faveee 💜 Report Comment
Nees Periwinkle 🧚🏽‍♀️💜	1636693352 Thank you! 💖 Report Comment
Heather Rae	1636471945 Love it 💜 Report Comment
Sinslams	1614921946 Super cute 👾 Report Comment
Sinslams	1614921945 Super cute 👾 Report Comment
Emily	1614103829 This is lovely thank you! Report Comment
Katy	1613832829 Super cute! Report Comment
Robin Faye	1613757975 So cute about to try! Report Comment
Bethanyls306	1613416585 I'm about to try this! It's really pretty. Report Comment So I applied the background I really like it. Only thing is with the dark color background you can't see your friend count or the names clearly those are all in dark font. by Bethanyls306; 1613421097; Report Hi there text color hex codes can be easily changed, that was done on purpose. Lmk if u need help by TWILA'S LAY0UT SHACK; 1613571291; Report Sure do I have no idea what I'm doing thanks! by Bethanyls306; 1613593064; Report I edited the code. Try re copying and paste into your about me♡ by TWILA'S LAY0UT SHACK; 1614014793; Report Love it!!! by Lilmama; 1636765250; Report