Rick and Morty

Tags: cartoon, layout, simple, colorfull

Description:

Geez Rick

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Theo 🇩🇪 🇪🇺 (https://layouts.spacehey.com/layout?id=28570) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@500&display=swap');
body{
background-image: url(https://images6.alphacoders.com/909/thumb-1920-909641.png);
background-size: cover;
height: 100%;
background-attachment: fixed;
}

main{
background: rgb(23, 22, 22);
background: linear-gradient(180deg, rgba(115, 114, 114,0.5) 0%, rgba(79, 78, 78,0.5) 34%, rgba(102, 173, 150,0.7) 69%, rgba(41, 204, 150,0.9) 89%);
box-shadow: 0px 0px 40px #0ecf15;
}
p{
color: white;
}

nav .top{
background-color: 50, 59, 52;
}

nav .links{
background-image: url(https://en.wikipedia.org/wiki/Rick_and_Morty#/media/File:Rick_and_Morty_title_card_(cropped).png);
background-size: cover;
text-align: center;
}
.profile h1{
font-family: 'Exo 2', sans-serif;
color: black;
text-shadow: 0px 0px 5px #14b333;
font-size: 40px;
text-align: center;
}


.profile .general-about{
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 1em;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px #14b333;
text-align: center;
color: white;
}

.profile-pic img{
border: 3px #0b591a;
border-radius: 100%;
}

.general-about .profile-pic{
margin: 0;
}


nav .links {
background-color: transparent;
}

nav .links a:hover {
color: rgba(55, 138, 17, 1);
}
nav .top{
background-color: transparent;
}

.online{
color: #081701;
font-family: 'Exo 2', sans-serif;
color: white;
text-shadow: 0px 0px 10px #47b514;
font-size: 22px;
text-align: center;
}

.online img{
content: url(https://freepngimg.com/download/rick_and_morty/27447-9-rick-and-morty-hd.png);
}

footer{
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px #14b333;
color: #14b333;
}

.profile .contact .heading,
.profile .table-section .heading{
background-image: url(https://s.itl.cat/pngfile/s/134-1340840_my-laptop-wallpaper-rickandmorty-png-rick-and-morty.png);
text-align: center;
color: black;
text-shadow: 1px 1px 5px #14b333;
}

.profile .contact, 
.profile .table-section,
.profile .url-info{
border: none;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #14b333;
margin: .5em 0;
}


.profile .url-info{
color: white;
text-align: center;
}
table.details-table td {
background-color: transparent !important;
color: white !important;
}
.profile .blurbs .heading,
.profile .friends .heading{
background-image: url(https://s.itl.cat/pngfile/s/134-1340840_my-laptop-wallpaper-rickandmorty-png-rick-and-morty.png);
background-size: cover;
text-align: center;
color: black;
text-shadow: 1px 1px 10px #14b333;
}

.profile .blurbs,
.profile .friends{
border: black;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px #14b333;
text-align: center;
color: white;

}
.profile .blurbs .section h4{
color: #14b333;
text-shadow: 1px 1px 1px #14b333;
padding: 1em 0;
}
.profile .profile-info{
color: black; 
text-shadow: text-shadow: 1px 1px 5px #14b333;
background-image: url(https://preview.redd.it/6v8msqh7bkm51.png?auto=webp&s=46f699ffaef802071a401889ad24a9893c94e73f);
background-size: cover;
background-position: center;
}

.profile .blog-preview{
text-align: center;
border: black;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px #14b333;
padding: 1em 0;
color: #14b333;

.profile .friends .friends-grid p{
color: #14b333;
text-shadow: 0px 0px 2px #14b333;

}
.count{
color: #14b333;
text-shadow: 0px 0px 5px #14b333;
}

.profile .comments-table{
color: white;
text-align: center;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px #14b333;
border: black;
}
}
.profile .comments-table .comment-replies{
background-color: rgba(0,0,0.5,0);
box-shadow: 0px 0px 10px #14b333;
border: none;
color: #14b333;
}

.profile .comments-table td{
background-color: transparent;
color: #14b333;
padding: .5em;
}
a{
color: #14b333;
text-shadow: 0px 0px 0px #14b333;
}

a:visited {
color: green;
text-shadow: 0px 0px 0px #14b333;
text-decoration: none;
}

a:hover {
color:#14b333;
text-decoration: none;
}

a:active {
color: black;
text-decoration: none;
text-shadow: 0px 0px 1px #14b333;
}
nav .links a:hover{
color: #14b333;
text-decoration: none;
text-shadow: 0px 0px 3px #14b333;
}
</style>
<p><a>Geez Rick</a></p>

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

pup	1768712181 using Report Comment
Pipobihh	1723165161 Usinggg Report Comment
⟔⟣⟪ℳ𝒶ℊ𝓃𝒾𝒻𝒾𝒸ℴ⟫⟢⟓	1704910008 Using! Report Comment
୨indy୧	1701391342 using!! Report Comment
Aja ♡	1699206915 gonna use this tysm Report Comment