✦ basic lofi rainy violet window ✦

Tags: twilaslay0utshack, lofi, rain, violet, vhs, glitch, 2000s, 2k, y2k, 90s

Description:

𝕻𝖑𝖊𝖆𝖘𝖊 𝕮𝖔𝖒𝖒𝖊𝖓𝖙 𝕭𝖊𝖑𝖔𝖜 𝕴𝖋 𝖄𝖔𝖚 𝖀𝖘𝖊 𝕸𝖊 𝕺𝖗 𝕷𝖎𝖐𝖊 𝕸𝖊 <3

Preview:

click on the image for a larger preview

Code:

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

<style>* {cursor: url(https://cur.cursors-4u.net/games/gam-14/gam1384.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/20/the-elders-scroll-skyrim-precision.html" target="_blank" title="The Elders Scroll Skyrim - Precision"><img src="https://cur.cursors-4u.net/cursor.png" alt="The Elders Scroll Skyrim - Precision" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url('http://dl9.glitter-graphics.net/pub/729/729489qnt6unsdgw.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>:root {
        --logo-blue: light purple ;
        --darker-blue: silver ;
        --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>nav {
  overflow-x: hidden;
  position: middle;

}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(http://dl2.glitter-graphics.net/pub/590/590942t6xxcct7g8.jpg); }</style>



<style>main:before {
	width: 100%;
	height: 400px ;
	display: block;
	content: "";
	background-image: url('https://media.giphy.com/media/l41m6XWcURxUcKLWE/giphy.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>

<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: violet}
:root { 

--black: white;
</style>




<style>

#comments .inner {
    max-height: 545px;
    overflow: scroll;
}
 

<style>
#comments{
    background-image: url('https://media.giphy.com/media/YoJ9eH1qLkbBe/giphy.gif');
    background-size: 100%;
    Height:300px;
    overflow:auto;
}
.comments-table{
border: transparent !important;
    background-color:transparent rgba(30,35,40,.9);
}
#comments img{
border: transparent !important;
    border-radius: none !important; 
    border: none !important; 
}
</style>













<style>table table table td img { display:inline; }table td td{ width:0; } table { width:450px; } table table { width:auto; } table table td { padding:3px; } table table table td { padding:0; } table table table { width:220px!important; height:0; } td.text td a img { width:auto!important; } table table table table table, table table table table table td { width:0!important; padding:0!important; } td.text a img { width:100px!important; } td.text td.text a img { width:35px!important; } td td td div strong { width:170px!important; display:block; } embed,object { display:block;width:220px;height:38px; } table table td img, td.text td.text .orangetext15, td.text td.text table table div { display:none; }</style>





<style>
main{background: transparent} table, tr, td { background-color:transparent;}div table tr td {background-color: BD9D00 !important;}div table tr td a:link, div table tr td a:visited, div table tr td a:hover {color: DDCCEE !important; font-weight: bold !important;}table {background-color: transparent !important;}table table table td {background-color: A50000 !important;}table table table table td {color: FFFFFF !important;}.clearfix {background-color: 000000 !important;}.profileInfo {border: 000000 2px solid !important;}.interestsAndDetails, .userProfileDetail, .contactTable {background-color: 000000 !important; border: BD9D00 2px solid !important; width: 200px !important;}.extendedNetwork , .latestBlogEntry, .blurbs, .friendSpace,.friendsComments {background-color: 000000 !important; border: FF0000 2px solid !important;}span, .btext, .redtext15 {background-color: transparent !important;}a {font-weight: normal !important; color: FF9BD4 !important;}b, span, .btext, .orangetext15, .whitetext12  {color: transparent !important;}.text  {color: 000000 !important;}.blacktext8 {color: FF0000 !important;}a.text:link, a.text:visited {font-weight: bold; color:FF0000 !important;}div object {background-color: A50000 !important; border: FF0000 2px solid !important;}ul li div span div {background-color: FF0000 !important; border: FF0000 2px solid !important;}table.contactTable tr td.text {background-color: 000000 !important;}table.contactTable td.tdborder table td{background-color: 000000 !important;}table.contactTable td.tdborder{background-color: 000000 !important;}div ul li a.open:link,div ul li a.open:visited,div ul li a.open:hover{background-color: 1548ae !important;}div ul li small{color: FF0000 !important;}.bodyContent{background-color: transparent;}body {background:url(http://dl2.glitter-graphics.net/pub/590/590942t6xxcct7g8.jpg);background-attachment:fixed;background-repeat:repeat;}table tr td div, div div a.text:link, div div a.text:visited, div div a.text:hover, div div a.text:active, div div p a:link, div div p a:visited, div div p a:hover, div div p a:active {color: FFFFFF !important;}








.profile .contact { background: url('http://dl2.glitter-graphics.net/pub/590/590942t6xxcct7g8.jpg');
background-size: cover;
background-position: center;
}

 </style>

<style>body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://media.giphy.com/media/l41m6XWcURxUcKLWE/giphy.gif');
	background-size: cover;
	background-repeat: no-repeat;
	animation: yourAnimation 4s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
<style/></style>

<style>
footer {
border-radius: 15px;
background-image: url(http://dl2.glitter-graphics.net/pub/590/590942t6xxcct7g8.jpg);
}
</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 9 of 9 comments ( View all | Add Comment )

neuropatico.sol	1693875046 So cool, using this, tysm for making it Report Comment
Oniongirl	1679960127 Using this as a base to figure out css 'n stuff thank you!! Report Comment
Kiki	1668736797 This is lovely! Using it! Report Comment
Roxy LaBelle	1667257349 Using it! I love it ^^ Report Comment
Stacky	1666101329 Using! :D Report Comment
Sean Strife	1650927234 So using this for my profile. Report Comment
Goaty	1648219444 Amazing!! Colors pop off Report Comment
Nazaan	1648096458 Awesome layout! On it rn Report Comment
AaronApathetic	1648063493 using this layout !! :D it's really really cute :) Report Comment