Mogeko Castle Layout! Created by ME

Tags: #mogekocastle, #layout, #simple

Description:

Please comment if you are going to use it (´▽｀)

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@700&display=swap');

body{
height: 100%;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}

nav .top{
background-color: #000000;
border-radius: 20px;
border: 2px solid #d22e08;
box-shadow: inset 2px 3px 5px #d22e08;
margin: 1em 0;
}

nav .links{
background-color: #000000;
border-radius: 20px;
border: 2px solid #d22e08;
box-shadow: inset 2px 3px 5px #d22e08;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}

nav .links li::after{
display: none;
}

main{ 
background-color: #000000;
border-radius: 20px;
border: 2px solid #d22e08;
box-shadow: inset 2px 3px 5px #d22e08;
margin: 1em 0;
padding: .5em;
opacity: .9;
}

.profile h1{
font-family: 'Kalam', cursive;
color: white;
text-shadow: 1px 1px 2px #d22e08;
font-size: 25px;
}

.online{
font-family: 'Kalam', cursive;
color: white;
font-size: 20px;
text-shadow: 1px 1px 2px #d22e08;
animation-name: blink;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0,0,0,1.0);
animation-duration: 2s;
}

.online img{
display: none;
}

.profile .profile-info{
border-radius: 20px;
border: 2px solid #d22e08;
box-shadow: inset 2px 3px 5px #d22e08;
text-shadow: 1px 1px 2px #d22e08;
color: white;
background-image: url(https://i.gifer.com/DXp.gif);
background-repeat: no-repeat;
background-size: cover;
}

.profile .general-about{
color: white;
font-style: italic;
text-shadow: 1px 1px 2px #d22e08;
}

.profile .blog-preview,
.profile .mood{
color: white;
font-style: italic;
}

.profile .profile-pic img{
border-radius: 20px;
box-shadow: 1px 1px 2px #d22e08;
filter: sepia(100%) hue-rotate(299deg);
opacity: .5;
}

.profile .contact .heading,
.profile .table-section .heading{
font-family: 'Kalam', cursive;
color: white;
background-color: #000000;
border-radius: 20px 20px 0 0;
border: 2px solid #d22e08;
box-shadow: inset 2px 3px 5px #d22e08;
text-align: center;
padding: .5em;
font-size: 15px;
}

.profile .table-section,
.profile .contact,
.profile .url-info{
border-radius: 20px;
border: 2px solid #d22e08;
box-shadow: inset 2px 3px 5px #d22e08;
text-shadow: 1px 1px 2px #d22e08;
font-style: italic;
color: white;
}

table.details-table td {
background-color: transparent !important;
color: white !important;
font-style: italic !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: white;
font-family: 'Kalam', cursive;
background-color: #000000;
border-radius: 20px 20px 0 0;
border: 2px solid #d22e08;
box-shadow: inset 2px 3px 5px #d22e08;
text-align: center;
padding: .5em;
font-size: 15px;
}

.profile .blurbs,
.profile .friends{
border-radius: 20px;
border: 2px solid #d22e08;
box-shadow: inset 2px 3px 5px #d22e08;
text-shadow: 1px 1px 2px #d22e08;
font-style: italic;
color: white;
}

.profile .friends{
text-align: center;
}

.profile .friends-grid .person p{
color: white;
}

.profile .blurbs .section h4{
color: white;
padding: .5em;
}

.profile .comments-table{
background-color: #000000;
border-radius: 20px;
border: 2px solid #d22e08;
box-shadow: inset 2px 3px 5px #d22e08;
font-style: italic;
color: white;
}


.profile .comments-table td{
background-color: transparent;
}

.profile .comments-table .comment-replies{
background-color: #000000;
border-radius: 20px;
border: 2px solid #d22e08;
box-shadow: inset 2px 3px 5px #d22e08;
font-style: italic;
color: white;
}

.comments-table img,
.person img{
border-radius: 20px;
box-shadow: 1px 1px 2px #d22e08;
filter: sepia(100%) hue-rotate(299deg);
opacity: .5;
}


footer{
background-color: #000000;
border-radius: 20px;
border: 2px solid #d22e08;
box-shadow: inset 2px 3px 5px #d22e08;
font-style: italic;
color: white;
}

.count{
color: #d22e08;
}

a{
color: #d22e08;
text-shadow: 1px 1px 2px #d22e08;
}

a:visited {
color: #d22e08;
text-shadow: 1px 1px 2px #d22e08;
}

a:hover {
color: white;
}

a:active {
color: #d22e08;
text-shadow: 1px 1px 2px #d22e08;
}

nav .links a:hover{
text-decoration: underline;
color: #d22e08;
}

</style>

<style>main:before {
	width: 100%;
	height: 125px ;
	display: block;
	content: "";
	background-image: url('https://vignette.wikia.nocookie.net/okegom/images/5/5c/Oh.gif/revision/latest?cb=20151229131805');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>


<style>body { cursor: url('data:image/x-icon;base64,AAACAAEAICAQAAAAAADoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAAAIAAAAAAAAAAAAAEAAAAAAAAABrgucAAAAAAEpNUgCQ9fYAlP//AOfn5wBzpr0Akvr6AGV52wDb3NsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAERERESREREREREQREREREREREREkREREREREERERERERERERJERERERERBERERERERERERJEREREREERERERERERERERJEREREREERERERERERERIkREREREREQREREREREREkREREREREREQRERERERESREREREREREREQREREREREkREREREREREREERERERESRERERERABEREREEREREREkREREREQIRERERBERERERJEREREREREREREQRERERESREREREREREREREEREREREkRERERERERERERBERERERJEREQkQkRCRCREERERERESREREQiRERCJEQRERERERESREREREREREREEREREREREkRERERERERERBEREREREREkRERERERERGYRERERERERJERERERER0ZmERERERERERJERERENEZGZhERERERERESREREQiRmZmYREREREREREkRERCFSJmZmEREREREREREkREQpmSJmZhERERERERERJEREIRERJmYRERERERERESREQhERERJmERERERERERESREIRERERJhEREREREREREkRCERERERYRERESERERERJEIRERERESEREREiERERERIhERERERERERERIiERERESERERERERERERESIiERERERERERERERERERH/AAP//wAD//8AA///gAf//8AD//8AAP/+AAB//AAAP/wAAD/4AAAf+AAAH/gAAB/4AAAf+AAAH/gAAD/4AAB//AAAf/wAAH/+AAB//gAAf/8AAH//AAB//wCAf/+AAH//gPh//4H8f//B/n//wf9/f8P/fz/n//8f7///D////w=='), auto; }</style>



<style>
body{background:url("https://th.bing.com/th/id/R.d1b60184dd56372de3425f4f6949f51d?rik=sXWv6Fq4QlnWOg&riu=http%3a%2f%2fwww.solidbackgrounds.com%2fimages%2f2880x1800%2f2880x1800-black-solid-color-background.jpg&ehk=QBcU9Wm9jRp%2f5cI5coMNi6W70Ie48n4UvF4uWFi%2bRhk%3d&risl=&pid=ImgRaw&r=0"); background-size: 1300px; contain }</style>



<style>

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 3s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 3s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}

</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.pinimg.com/originals/d3/6f/0d/d36f0d166a742debbc6e6570b02bb9a4.gif');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 5s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>




<style> 
.contact {
        font-size: #px;
        font-family: fontfamily;
        border: dotted 0px!important;
        background-image: url("URL")!important;
        background: ;
        border-top: 0px;
        
    }
    .contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 1em;
        display: block
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("<img src="https://vignette.wikia.nocookie.net/mogekocastle/images/6/61/Defectwalk.gif/revision/latest?cb=20191108170022"/>")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("<img src="https://vignette.wikia.nocookie.net/mogekocastle/images/6/61/Defectwalk.gif/revision/latest?cb=20191108170022"/>")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("<img src="https://vignette.wikia.nocookie.net/mogekocastle/images/6/61/Defectwalk.gif/revision/latest?cb=20191108170022"/>")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("<img src="https://vignette.wikia.nocookie.net/mogekocastle/images/6/61/Defectwalk.gif/revision/latest?cb=20191108170022"/>")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("<img src="https://vignette.wikia.nocookie.net/mogekocastle/images/6/61/Defectwalk.gif/revision/latest?cb=20191108170022"/>")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: URL("<img src="https://vignette.wikia.nocookie.net/mogekocastle/images/6/61/Defectwalk.gif/revision/latest?cb=20191108170022"/>")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("<img src="https://vignette.wikia.nocookie.net/mogekocastle/images/6/61/Defectwalk.gif/revision/latest?cb=20191108170022"/>")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("<img src="https://vignette.wikia.nocookie.net/mogekocastle/images/6/61/Defectwalk.gif/revision/latest?cb=20191108170022"/>")
    } 
</style>



<style>

.logo {

content:url("https://i.pinimg.com/236x/86/c1/a2/86c1a2437db742a770d911bb99d4daf1--maker-game-rpg-maker.jpg");

}

</style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/Wg9AL5LHzxE?si=4Y91qaDybDaiqeQF//?&;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 20 of 30 comments ( View all | Add Comment )

Roui	1755241552 Using ts ^^ Report Comment
(⁠ʃ⁠ƪ⁠＾⁠3⁠＾⁠）(⁠´⁠ε⁠｀⁠ ⁠)🍮	1748433037 Using!! Report Comment
(⁠ʃ⁠ƪ⁠＾⁠3⁠＾⁠）(⁠´⁠ε⁠｀⁠ ⁠)🍮	1748433036 Using!! Report Comment
(⁠ʃ⁠ƪ⁠＾⁠3⁠＾⁠）(⁠´⁠ε⁠｀⁠ ⁠)🍮	1748433036 Using!! Report Comment
(⁠ʃ⁠ƪ⁠＾⁠3⁠＾⁠）(⁠´⁠ε⁠｀⁠ ⁠)🍮	1748433036 Using!! Report Comment
(⁠ʃ⁠ƪ⁠＾⁠3⁠＾⁠）(⁠´⁠ε⁠｀⁠ ⁠)🍮	1748433034 Using!! Report Comment
Meowo	1743844420 WAHHH this is soo cool!!! will be using, thanks! Report Comment
Mychaelx	1741653982 using:3 Report Comment
S0ra☆○♪	1741197027 using!!!!!! Report Comment
Skelescones	1738944021 Using this ! Thank you kindly Report Comment
Alissou	1737746240 Using :3 Report Comment
Chsxiao	1737428135 I'm going to use it, thanks! :3 Report Comment
DarkXwolf17	1736526143 using Report Comment
⸝⸝ niko scars !	1734917866 using^.^ Report Comment
(*´>ω<))ω｀●)	1734513573 uusing ^_^ Report Comment
Pancake !! 🥞	1734365001 using ! Report Comment
MIKE ★	1731052186 using Report Comment
Nene	1729369928 USING ! ^_^ Report Comment
soo bong	1729366254 GOOOOOD Report Comment
LEILA	1727595265 I LOVE IT IM GOING TO USE IT NOW Report Comment