Wadanohara And The Great Sea Layout! - Created by Sallycita Face

Tags: #wadanohara, #layout, #game, #blue, #rpg
Description:

Preview:

click on the image for a larger preview
Code:

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

<!-- (c) Layout created by 𝘚𝘢𝘭𝘭𝘺𝘤𝘪𝘵𝘢 𝘍𝘢𝘤𝘦 (https://layouts.spacehey.com/layout?id=101732) -->

<style>

.logo {

content:url("https://cdn2.steamgriddb.com/file/sgdb-cdn/logo_thumb/db0a3ec165f872294d798dc1fad81016.png");

}

</style>

<style>
main, body{
background-color:#121b5f;
color:white;
}

nav .top, .logout-btn{
background-color:#121b5f;
color:white;
}

a:link{
color:#ffffff;
}

.profile .blurbs .heading, .profile .friends .heading {
background:#3443b0;
color:white;
}

footer{
background-color:transparent;
}

nav .top{
  background-color:
}

nav .links{
background-color:#3443b0;
}

nav .links a:link{
text-shadow: 0 0 7px white;
}

.profile .table-section, .profile .contact, .profile .url-info{
  border: 2px solid transparent;
}

.profile .contact .heading, .profile .table-section .heading{
  background-color:#3443b0
}
 .details-table td:first-child, .details-table td{
   background:transparent;
   color:white;
}

.profile .friends .person p, a, .count, .profile .blurbs .section h4{
  color: white;
}

table.comments-table td, table.comments-table td:first-child{
  background-color:transparent;
}

table.comments-table{
  border:1px solid transparent;
}
</style>



<style>main:before {
	width: 100%;
	height: 125px ;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/736x/02/26/f5/0226f54b169a4403d9a07df1e547968a.jpg');
	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,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'), auto; }</style>



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

<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("https://64.media.tumblr.com/e142b7fc8a5e03004dfee927ae391dff/c6b6afc6290afa18-57/s75x75_c1/cadc034da3b223f01055166570d75c0a47f85256.gifv")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://64.media.tumblr.com/2a4f5f535e5484bfada1e80ea372791b/c6b6afc6290afa18-89/s75x75_c1/4a886e8c3454d453b454dee5eabbc46be5f7ed34.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://64.media.tumblr.com/11bfe023add087a22399ca352139a38f/c6b6afc6290afa18-ce/s75x75_c1/f5b7498993a938447dd4ec829507a1e51d92192c.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://64.media.tumblr.com/6cd7e7e1b32724f8280fbade88344ffe/c6b6afc6290afa18-eb/s75x75_c1/0f9ad70777d60f62680ba985250a673acb936d34.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://64.media.tumblr.com/c2ad2089f0399d87ec8952a2fed8141a/8c6aa3d28a3ad080-ab/s75x75_c1/8228563d9c5085e19fc7fb557561d504e59187a5.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: URL("https://64.media.tumblr.com/cbea650a31f92cc3f3584f416cb76de3/8c6aa3d28a3ad080-02/s75x75_c1/96efc7d68b141a13df302c2a370f911475374020.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://64.media.tumblr.com/019d8aa8ba1de794742901fb9205c9cb/8c6aa3d28a3ad080-15/s75x75_c1/850c8d9cbe6e15b1db3d69c0f5531f86ee1e7b0a.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://64.media.tumblr.com/032628d28389c9eebb129c4fe609fae5/8c6aa3d28a3ad080-d2/s75x75_c1/2f3b7db08258fb3d54dc3f0dea5aed3c7884f5f3.gifv")
    } 
</style>

<!-- (c) Layout created by 𝘚𝘢𝘭𝘭𝘺𝘤𝘪𝘵𝘢 𝘍𝘢𝘤𝘦 (https://layouts.spacehey.com/layout?id=99848) -->

<style>

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://64.media.tumblr.com/26e38921ee481b02a381839bac724007/5accfa59d50b268e-43/s640x960/54540cf13a282e83c502985aeb475ec6e9783d92.gifv');
	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>


<!-- (c) Layout created by 𝘚𝘢𝘭𝘭𝘺𝘤𝘪𝘵𝘢 𝘍𝘢𝘤𝘦 (https://layouts.spacehey.com/layout?id=99822) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/8JUx5njws7o?si=TXKBkU-bK4KxMecW//?&;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>





<!-- (c) Layout created by 𝘚𝘢𝘭𝘭𝘺𝘤𝘪𝘵𝘢 𝘍𝘢𝘤𝘦 (https://layouts.spacehey.com/layout?id=101336) -->

<style>
@keyframes walking-Wadanohara{
  from{ left:-100px; }
  to{ left:calc(100% + 200px); }
}
#Wadanohara{
  position: fixed;
  left: -230px;
  bottom: -1px;
  width: 230px;
  animation: walking-Wadanohara 18s infinite linear;
  pointer-events: none;
}
</style>
<img id="Wadanohara" src="https://64.media.tumblr.com/5aa6008f1a0375f7d57f57c2104b1e61/a9cb6e8bed904d90-36/s250x400/ce67a5ef5a97470b8aea2334dba9903cb2fc6b94.gifv"/>


<!-- (c) Layout created by 𝘚𝘢𝘭𝘭𝘺𝘤𝘪𝘵𝘢 𝘍𝘢𝘤𝘦 (https://layouts.spacehey.com/layout?id=103511) -->

<style>
.online {content:url('https://64.media.tumblr.com/fb33edc85ec2cbd458c16a5cbb636f10/a5288f489590a5a1-11/s100x200/d8e0e4b58ca6a0fc758e3a3a1b030fa93eef6b64.gifv'); background: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style>


<style>
/* Transparent Lite by Twilight Sparkle! https://spacehey.com/twilight */
/* Please keep the credit and don't take credit yourself! Even if you change it, leave a mention of the base you used, all I ask (and politely, I can't stop you anyway) */
body{
  background-image:url(https://i.pinimg.com/736x/10/e0/11/10e011512994bd906d68a2b9305a8084.jpg); /* put your background URL here */
  background-attachment:fixed;background-size:cover; /* remove this line if you want it to tile */
}

:root {
    --logo-blue: rgba(29, 78, 216, 0.4); /* Change some stuff so it's transparent or works on transparency */
    --light-orange: transparent;
    --dark-orange: black;
    font-size-adjust: .6; /* slightly bigger/better font */
}

nav .links {
    background-color: rgba(96, 165, 250, .4); /* navbar transparency */
}

#q,
footer {
    background: 0 0; /* footer transparency */
    color: #fff;
}

footer {
    padding: 0; /* closer footer */
}

footer .links li:not(:last-child)::after,
nav .links li:not(:last-child)::after {
    color: #fff; /* make the bars between nav items white */
}

#q {
    border: 0;
    outline: 0;
    border-bottom: 1px solid #000; /* better search bar */
}

button {
    border: none; /* more better search bar */
}

.comments-table td:first-child {
    width: 20%; /* authors do not need to be that big, goodnight */
}</style>


<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://64.media.tumblr.com/dd5a9f2e529e94c44eadef4cfc6612dd/a5288f489590a5a1-39/s100x200/6aaf70bfa484ce6298102152549a8e1ca7d3c806.gifv);  width: auto; height: 70px; background-position: top center; background-size: 20%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</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 1 of 1 comments ( View all | Add Comment )
Redsea_chan
1745471126
Using thankiuthankiu
Report Comment