pop and sicle .*

Tags: twilaslay0utshack, lofi, 90s, 80s, vibrant, pop and sicle, animations, 3d

Description:

PLEASE COMMENT BELOW IF YOU USE ME OR LIKE ME <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=23854) -->

<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('https://i.imgur.com/AgvkC4R.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: transparent ;
        --darker-blue: silver ;
        --lighter-blue: url(https://media.giphy.com/media/26n6G8lRMOrYC6rFS/giphy.gif) ;
        --even-lighter-blue: url(https://media.giphy.com/media/26n6G8lRMOrYC6rFS/giphy.gif) ;
        --lightest-blue: url(https://media.giphy.com/media/26n6G8lRMOrYC6rFS/giphy.gif) ;
        --dark-orange:  ;
        --light-orange: url(https://media.giphy.com/media/26n6G8lRMOrYC6rFS/giphy.gif) ;
        --even-lighter-orange: url(https://media.giphy.com/media/26n6G8lRMOrYC6rFS/giphy.gif) ;



<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: 800px ;
	display: block;
	content: "";
	background-image: url('https://media.giphy.com/media/l1JLIJE0VXuxYRrri/giphy-downsized-large.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: silver} 

:root { 

--black: white;
</style>




<style>

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

<style>
#comments{
    background-image: url('http://dl2.glitter-graphics.net/pub/590/590942t6xxcct7g8.jpg');
    background-size: 100%;
    Height:300px;
    overflow:auto;
}
.comments-table{
border: transparent !important;
    background-color:transparent rgba(30,35,40,.9);
}
#comments img{
    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(https://media.giphy.com/media/26n6G8lRMOrYC6rFS/giphy.gif);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('https://media.giphy.com/media/3o6fJ1JHgh4Xw4hoK4/giphy.gif');
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/gcvi3QjsHNppC/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(https://media.giphy.com/media/26n6G8lRMOrYC6rFS/giphy.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>
.table-section:nth-last-child(2) .details-table tr:nth-child(2){display:none;}
.table-section:nth-last-child(2) .details-table tr:nth-child(5){display:none;}
.table-section:nth-last-child(2) .details-table tr:nth-child(4){display:none;}
</style>
<style>
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p:before { content:"˚*•̩̩͙✩•̩̩͙*˚＊"; font-size:.7rem; }
.table-section:nth-last-child(2) .details-table tr:nth-child(6) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(6) td:first-child p:before { content:"˚*•̩̩͙✩•̩̩͙*˚＊"; font-size:.7rem; }
.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p:before { content:"˚*•̩̩͙✩•̩̩͙*˚＊"; font-size:.7rem; }
</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 10 of 10 comments ( View all | Add Comment )

Rick's Garage	1697286253 def gonna use this Report Comment
VINTAGE :3	1688313931 Usin’. Report Comment
Mei	1686686953 This looks really nice and I might use this. Good job on making this<3! Report Comment
Lei	1677447619 Thanks for the layout <3 Report Comment
myles <3	1676085665 omfg this layout is so pretty im obsessed !! Report Comment
speckledarmour	1675244415 This layout is AMAZING!!! Report Comment
Ren	1669428734 Dude this is sweet! Report Comment
slyshibe	1667414983 this layout is so cool!! Report Comment
MRBARD	1661315584 Thanks so much for this! Awesome pixel themes you have written. Report Comment
KAYIA	1660230870 omg thats so pretty! i might use it Report Comment