Rick & Morty Layout!

Tags: rick/morty
Description:

This is Rick & Morty Based Theme Layout if you use please comment if you using.
Preview:

click on the image for a larger preview
Code:

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

 <style> <!-- img { 	padding: 5px; }  body { 	background-color:#08413c; 	background-image:url(https://i.imgur.com/VvOA6iN.png); 	background-repeat:no-repeat; } #content { 	position:absolute; 	left:18px; 	top:396px; 	width:475px; 	height:294px; 	z-index:1; 	color:#183f36; 	font-size:14px; } #Navigation { 	position:absolute; 	left:530px; 	top:397px; 	width:190px; 	height:518px; 	z-index:2; 	color:#183f36; 	font-size:12px; }  a.link:active, a.link:visited, a.link:link {     display:block; 	color:#012c6b;     font-family:georgia; 	text-align:left;     font-size:12px;     font-weight:None;     text-decoration:none;     letter-spacing:1px;     line-height:14px;  }  a.link:hover { 	display:block;     color:#313131;     font-family:georgia; 	text-align: left;     font-size:13px;     font-weight:normal;     text-decoration: none;     letter-spacing:1px;     line-height:14px;  } #SiteName { 	position:absolute; 	left:191px; 	top:311px; 	width:342px; 	height:51px; 	z-index:3; 	text-align:left; 	color:183f36; 	font-size:29px; 	overflow:hidden; 	font-family:Tahoma, Geneva, sans-serif; }  h1 { 	background-image:url(https://i.imgur.com/yFOU0ng.png); 	background-repeat:no-repeat; 	width:475px; 	height:35px; 	font-size:22px; 	color:#183f36; 	text-align:center; }  h2 { 	background-image:url(https://i.imgur.com/yFOU0ng.png); 	background-repeat:no-repeat; 	width:190px; 	height:25px; 	font-size:18px; 	color:#012c6b; 	text-align:left; } --> </style>  <div id="content">


<style>
nav .top {background-image: url('https://i.imgur.com/PVx3otZ.png'); background-position: center;}

</style>


<style>
    .links{
        
    background-color: COLOR !important;
    background-image: url('https://i.imgur.com/NHwbNhQ.png') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>
:root {
--logo-blue: #b0b048;
--darker-blue:;
--dark-green: ;
--light-green: #c3c353;
--lighter-green: ;
--light-blue:;
--even-lighter-blue:#c3c353;
--lighter-blue: ;
--lightest-blue:#08413c;
}
</style>

<style>
main{background-color:#08413c; !important;}
</style>


<style>
main:before {
width: 100%;
height: 250px;
display: block;
margin-top: -6px !important;
content: "";
background-image: url('https://i.imgur.com/jrEqpVd.png');
background-position: top center;
background-size: cover;
border-radius: 0 0 0px 0px !important;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>



<style> h1, h2, h3, h4,h5, h6, h7, a, p, nav label, .section {color: limegreen;}


h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important;

}</style>

<style>
a.next{display: none !important;}

footer {background:none !important; line-height:0px !important;} footer ul li a {color: #000000 !important;}
</style>


<style>
/* color/style of borders around tables on the left */
.profile .contact, .profile .table-section, .profile .url-info {
border: 0px solid #fff;
}

/* colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: #fff;
color: #8dc83c;
}

/* colors for table cell background (by default spacehey has a separate color for :first-child) */
.profile .table-section .details-table td {
background-color: ;
color: #000;
}

.details-table td:first-child
{display:none;}
</style>

<style>
.w-40 > p{display:none!important;}
.online{color: limegreen;!important;}
.url-info{display: none!important;}
.blurbs{margin-top:10px !important;}
.blurbs .inner .section:nth-child(1) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.online img {
display: none;
.online{display:none!important;}
.online img{display:none!important;}

</style>

<style>.blog-preview{display: none !important;}
.heading{display: none !important;}</style>


<style>
.table-section:last-of-type {
display: none;
}
</style>

<style>
::-webkit-scrollbar {
width: 3px;
height: 10px;
}

::-webkit-scrollbar-thumb {
background: rgba(192, 192, 192);
}

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

<style>
.profile-info {
display:none;
}</style>


<style>
.count {
color: #d6d668!important;
}
</style>


<style>nav { background-image: url(static1.thegamerimages.com/wordpress/wp-content/uploads/2018/06/zelda-shiek-1.jpg)
}</style>



<style>
#box{
position:fixed;
width: 80px; /* width of the box */
height:auto;
top: 30px; /* move up or down - change to bottom if you don't want it at the top */
right: 50px; /* move lest or right - change to left if you don't want it on the right */
font-family: Trebuchet MS
; /* font of the text */
font-size: 9px; /* size of the text */
letter-spacing: 0px; /* spacing between letters */
text-transform: uppercase; /* normal, uppercase or lowercase */
border-radius: 0px; /* roundness of the box */
border: 1px solid #ddd; /* border of the box */
padding:3px;
line-height:100%;
background: #ffffff; /* background color of box */
color: #08413c; /* text color */
text-align: center; /* center, left, or right */
}
</style>




<a href="https://spacehey.com/ocarina" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; width: 160px; height: 82px; filter: hue-rotate() saturate();"><img src="https://i.imgur.com/70zgNDY.png" alt=""/></div></a>

<style>
    .comments-table td{
        
    background-color:  !important;
    background-image: url('https://i.imgur.com/A9BBbkx.jpg') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

</div>


<div class="snowflakes">
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
</div>


<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>




<style>
a:link {
color:#318dd8;
font-family: 'Noto Serif Toto', serif;
text-transform: lowercase;
text-shadow: 1px 1px 1px b;!important;
font-size: 13px;
background:none;
}

a:hover {
color: #8dc83c;
font-family: 'Noto Serif Toto', serif;
text-transform: lowercase;
font-color: ;
text-shadow: px px px white!important;
font-size: 13px;

}

a:visited {
color: #8dc83c;
text-transform: lowercase;
text-shadow: px px px! important;
font-size: 13px;
font-family: 'Noto Serif Toto', serif;
}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/fcrm8XIvbcY/?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
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 0 of 0 comments ( View all | Add Comment )