nya themed/ninjago layout ^w^

Tags: #ninjago #nya #ocean #shark #stevenuniverse #autoplay #music #rain #aesthetic
Description:

comment if used/using, give credit and enjoy!1!! this one took three hours :)
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by rainbowrot (https://layouts.spacehey.com/layout?id=106692) -->

ICON URL: https://i.pinimg.com/564x/6d/18/9d/6d189df0af9bcf363d0427b423e4d60a.jpg


<iframe width="0" height="0" src="https://www.youtube.com/embed/GDTD24KsdGc?loop=1&autoplay=1&controls=0&start" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="&#x201D;&#x201D;">
</iframe>


<style>
.general-about img {-webkit-mask-image: url(https://i.postimg.cc/MK4VPkGn/2024-01-28-0jv-Kleki.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/MK4VPkGn/2024-01-28-0jv-Kleki.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>
<style>

.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/MK4VPkGn/2024-01-28-0jv-Kleki.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>



<style>* {cursor: url(http://www.rw-designer.com/cursor-view/188992.png), auto !important;}</style>
<a href="" target="_blank" style="position:absolute; top: 0px; right: 0px;">
</a>



<style>
.online {
        content: url("https://media3.giphy.com/media/v1.Y2lkPTc5MGI3NjExc2hzaWo2MW9sN2o3cGM5dnBlbjByNGUxZWN4MWc1ZHNjbTU3anR6dyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/vS0mrGLsTELr25kzsW/giphy.gif");}
</style>




/*BLINKIES/*


<img src="https://plasticdino.neocities.org/blinkie/zs.gif"/>


<img src="https://plasticdino.neocities.org/blinkie/i-love-rainbows.gif"/>

<img src="https://plasticdino.neocities.org/blinkie/oreo.gif"/>

<img src="https://plasticdino.neocities.org/blinkie/b59.gif"/>

<img src="https://plasticdino.neocities.org/blinkie/136.gif"/>

<img src="https://plasticdino.neocities.org/blinkie/cinnamoroll.gif"/>

<img src="https://plasticdino.neocities.org/blinkie/bitten.gif"/>

<img src="https://plasticdino.neocities.org/blinkie/jammas.gif"/>

<img src="https://plasticdino.neocities.org/blinkie/daydreamer.gif"/>

<img src="https://plasticdino.neocities.org/blinkie/blinky89.gif"/>

<img src="https://plasticdino.neocities.org/blinkie/blinkie3.gif"/>

<img src="https://plasticdino.neocities.org/blinkie/water.gif"/>

<img src="https://plasticdino.neocities.org/blinkie/pixels.gif"/>

<img src="https://plasticdino.neocities.org/blinkie/nemo001.gif"/>


<style>
/*Fonts used: Ubuntu*/
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap');

body {
    font-family: 'Ubuntu', sans-serif;
    background: url('https://i.pinimg.com/736x/5d/e2/a4/5de2a44fd30ae5e9bef65cafa35d74ad.jpg') !important;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
}

/* Blue Ocean and Space Overlay */
body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}

/* Navigation */
nav {
    border-radius: 15px 15px 0 0;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.6);
}

nav a {
    color: #e4f0fc;
    text-decoration: none;
}

nav a:hover {
    color: #398fd1;
    text-decoration: underline;
}

/* Profile Info */
.profile-info {
    background: transparent;
    border: 3px solid #97dafc;
    padding: 10px;
}

.profile-info h1, .profile-info h3 a {
    color: #bcdaf0;
    font-size: 1.4rem;
}

.profile-info h1 {
    font-size: 2rem;
}

/* Main Content */
.container {
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    margin-top: 30px;
    padding: 10px;
    width: 90%;
    max-width: 900px;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.heading {
    padding: 5px 0 !important;
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: center;
    color: #7fcaff !important;
    border-bottom: 2px solid;
}

/* Comments Table */
.comments-table td {
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px;
    color: #FFFFFF;
    border-color: black;
    border-width: 1px;
}

.comments-table td:first-child img {
    width: 80px;
    border-radius: 500px;
}

.comments-table tr td:last-child {
    height: 150px;
    display: block;
    overflow-y: scroll;
}

/* Footer */
footer {
    font-size: 12px;
    border-radius: 5px;
    background: url(https://i.imgur.com/BUO0KSP.jpg);
    color: white;
    background-repeat: no-repeat;
    filter: sepia(110%) hue-rotate(160deg) saturate(3);
    display: block !important;
    text-align: center;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 7px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 146, 174, 1);
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
}
</style>




   
<div class="profile-info">
    <h1>put your text here</h1>
    <h3><a href="#"></a></h3>
</div>


<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(http://dl2.glitter-graphics.net/pub/711/711492quxsntt3op.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: 500px ;
	display: block;
	content: "";
	background-image: url('https://i.imgur.com/edQW26N.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: lightblue;} 

:root { 

--black: white;
</style>




<style>
#comments .inner {
    max-height: 545px;
    overflow: scroll;
}
</style> 

<style>
#comments{
    background-image: url(http://dl2.glitter-graphics.net/pub/590/590942t6xxcct7g8.jpg);
    background-size: 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>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://i.imgur.com/edQW26N.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>

<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>




credit to: aki/fuyu
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 4 of 4 comments ( View all | Add Comment )
Poltergeist	1746131153 UZING Report Comment
caz 🦕𖦹⋆｡˚(evil )	1733496794 usingg!! Report Comment
THE OBSERVER	1725481475 using ! Report Comment
tay!!★	1716768916 using!! Report Comment omg yayyy!!! tysm <3 by rainbowrot; 1716769816; Report