Pokemon Gen 5 Layout

Tags: pokemon, nintendo, black and white, gen 5

Description:

i made this layout basing it off of the old Pokemon Global Link site from like early 2011 but it kinda spun off into looking like it's based off of gen 5 so lol go wild i guess feel free to credit me if you want, or don't, i don't really care, comment if you use it tho that'd be cool

Preview:

click on the image for a larger preview

Code:

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

<style>
:root {
    --border: #464646;
    --default: #FFFFFF;
    --top-bar: #636363;
    --bottom-bar: #383838;
}

.logo {
content:url("https://files.catbox.moe/olkv3z.png")
}

body {
    font-family: arial, sans-serif;
    font-size: 11pt;
    background: url(https://files.catbox.moe/71ywck.png) no-repeat fixed;
	background-size: cover;
    margin-top: 15px;
}
.profile-info {
    border: 4px var(--default) double;
    padding: 0px;
	background: linear-gradient(var(--top-bar), var(--bottom-bar)); 
}
p {
    color: var(--default);
}
h1 {
    color: var(--default);
    padding: 0px;
}
a {
    color: var(--default);    
}
main {
    background: none;
    padding: 0px;
    width: 956px;
    left: -73px;
    position: relative;

}
.mood b {
    text-transform: lowercase;
}
h4 {
    color: var(--default) !important;
    text-transform: lowercase;
}
h3 {
    color: var(--default);  
    text-transform: lowercase;
}
h2 {
    color: var(--default);  
    text-transform: lowercase;
}
nav .top {
    background: none;    
    width: 956px;
    left: -73px;
    position: relative;
}
nav .links {
    background: none;
}
nav .links a {
    text-shadow: none;
    color: var(--default); 
}
nav .links a:hover {
    color: var(--default); 
}
nav .links li:after {
    display: none;
}
nav .links a {
    border: 1px var(--top-bar) solid;
    background: linear-gradient(var(--top-bar), var(--bottom-bar));
    padding: 2px 14px;
}
nav .links a:hover {
    border: 1px var(--top-bar) solid;
    background: linear-gradient(var(--top-bar), var(--bottom-bar));
    text-shadow: 0px 0px 1px var(white) !important;
    text-decoration: none;
}
nav .links {
    text-transform: lowercase;
    display: flex;
    justify-content: center;
    gap: 3px;
    padding: 0px;
}
nav .links .icon {
    display: none;
}
.general-about {
	height: 160px;
    background: linear-gradient(var(--top-bar), var(--bottom-bar));
    color: var(--default);
	border: 3px var(--top-bar) solid;
}
.profile .contact .heading {
    background: linear-gradient(var(--top-bar), var(--bottom-bar));
    color: var(--default);
}
.general-about .profile-pic img {
    padding-left:15px;
    padding-top:10px;
    height: 140px;
}
.general-about .details {
    padding-top:1px;
}
.profile .contact {
    border: 1px var(--border) solid;
    text-transform: lowercase;
	background: linear-gradient(var(--top-bar), var(--top-bar));
}
.profile .contact a {
    font-size: 9pt;
}
.profile .url-info {
    border: 1px var(--border) solid;
	background: #595959
}
.profile .table-section {
    text-transform: lowercase;
    border: 1px var(--border) solid;
	background: #383838; 
}
.profile .table-section .heading {
    background: linear-gradient(var(--top-bar), var(--bottom-bar));
    color: var(--border);
}
.details-table td {
    background: linear-gradient(var(--top-bar), var(--bottom-bar)) !important;  
}
.profile .blurbs .heading {
    background: linear-gradient(var(--top-bar), var(--bottom-bar));
}
.profile .blurbs .inner {
    background-image: url(https://files.catbox.moe/p8bjlk.png);
}
.profile .blurbs .inner h4 {
    color: var(--top-bar) !important;
}
.profile .blurbs .inner p {
    color: var(--top-bar) !important;
}
.profile .blurbs .inner a {
    color: var(--top-bar) !important;
	font-weight: bold;
}
.profile .friends {
	background-image: url(https://files.catbox.moe/p8bjlk.png);
}
.profile .friends .heading {
    background: linear-gradient(var(--top-bar), var(--bottom-bar)); 
    border: 1px var(--border) solid;
}
.inner > p b {
    text-transform: lowercase;
	color: var(--top-bar);
}
.inner > p b a {
    color: var(--top-bar);
}
.comments-table a p {
    text-transform: lowercase;    
}
.report a {
    text-transform: lowercase;
}
small {
    text-transform: lowercase;
}
.comments-table {
    background: none;
    border: 0px;
}
.comments-table td {
    background-image: url(https://files.catbox.moe/4inx8y.png) !important; 
}
.comments-table td a {
    color: var(--000000);
}
.comment-replies {
    border: 0px;
}
.profile .friends p {
    text-transform: lowercase;
    color: var(--top-bar);
}
.profile .friends .person p {
    text-transform: lowercase;
    color: var(--top-bar);
}
label {
    text-transform: lowercase;
    color: var(--default);
}
.top .right {
    text-transform: lowercase;
    color: var(--default);    
}
.logout-btn {
    text-transform: lowercase;
    color: var(--default);      
}
button {
    border: 1px var(--border) solid;
    background: linear-gradient(var(--top-bar), var(--bottom-bar));
    color: var(--default);
    padding: 2px 10px;    
}
button:hover {
    border: 1px var(--default) solid;
    background: linear-gradient(var(--default), transparent);
    text-shadow: 0px 0px 1px var(--border) !important;
    text-decoration: none;
    cursor: pointer;
}
nav .top .center .search-wrapper input {
    background: linear-gradient(var(--border), transparent);
    color: var(--default);    
    border: 1px var(--border) solid;
    padding: 2px;
}
footer {
    background: none;
    text-transform: lowercase;
}
</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 7 of 7 comments ( View all | Add Comment )

RainySkies	1713223590 using tank u!! Report Comment
Ranchiño	1709175646 def using this Report Comment
Saaramp4	1709141191 Using!!! Report Comment
🥨🖤percy🖤🥨	1708193099 Using Report Comment
Axel ✧	1704496622 Using thing :D Report Comment
ex0tic	1702505778 using :3 Report Comment