Brilliant Diamond and Shining Pearl(Christmas Style)

Tags: pokemon, bdsp, anime, sinnoh, diamond, pearl, animated, christmas
Description:

Pokemon Brilliant Diamond and Shining Pearl inspired layout. Feel free to get rid of the Christmas part of the coding. I was lazy so yeah. Also at the end there's a piece of coding that's spaced out from the main code. put it in the hero section of your page.
**** If you use it please credit me.****
Preview:

click on the image for a larger preview
Code:

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

<style>
body:before {
  box-sizing: border-box;
  content: " ";
  position: fixed;
  display: block;
  width: 100vw;
  height: 100vh;
  border: 25px solid;
  border-image: url(https://media4.giphy.com/media/J2yQnonbWwDZRcdxCM/giphy.gif) 70 / 35px / 2px repeat;
  filter: drop-shadow(0px 0px 10px #FFF);
  pointer-events:none;
}
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/3fafc6c8bf8653caedfc92337e6d90b4/tumblr_nqma577nuh1s1rpgbo1_500.gifv');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 7s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }</style>


<style>
body{ 
background: url(https://www.cyberockk.com/wp-content/uploads/2021/11/Pokemon-BDSP.jpg); no-repeat center center
fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

<b>Text

}
</style>



<style>
body{--darker-blue: #3D4B68;
 --lighter-blue: #91B7CE;
        --even-lighter-blue:#C3D0D6;
        --lightest-blue: #C3D0D6;
        --dark-orange: #311D39;
        --light-orange: #C3928E;
        --even-lighter-orange: #EADFE5;
        --green: #BC85AF;
--logo-blue: #374A74;}
</style>

<style>
.profile .general-about{
color: white;
text-shadow: 1px 1px 3px #C3928E;
}

.profile .blog-preview{
text-align: center;
color: white;
text-shadow: 1px 1px 3px #C3928E;
}

.profile .mood{
color: white;
text-shadow: 1px 1px 3px #C3928E;
}

.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("http://dl9.glitter-graphics.net/pub/3053/3053029scipc4dv5e.gif")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content:url("http://dl9.glitter-graphics.net/pub/3053/3053029scipc4dv5e.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content:url("http://dl9.glitter-graphics.net/pub/3053/3053029scipc4dv5e.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content:url("http://dl9.glitter-graphics.net/pub/3053/3053029scipc4dv5e.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content:url("http://dl9.glitter-graphics.net/pub/3053/3053029scipc4dv5e.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content:url("http://dl9.glitter-graphics.net/pub/3053/3053029scipc4dv5e.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content:url("http://dl9.glitter-graphics.net/pub/3053/3053029scipc4dv5e.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content:url("http://dl9.glitter-graphics.net/pub/3053/3053029scipc4dv5e.gif")
}
</style>
<style>* {cursor: url("https://cur.cursors-4u.net/holidays/hol-5/hol445.ani"), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/03/31/dive-ball-pokemon.html" target="_blank" title="Dive Ball - Pokemon"><img src="https://cur.cursors-4u.net/cursor.png" alt="Dive Ball - Pokemon" style="position:absolute; top: 0px; right: 0px;"/></a>


<style>
.online { visibility: yes; } .online img { content: url("https://cur.cursors-4u.net/holidays/hol-5/hol445.gif"
); animation-name: gif; visibility: visible; height: 40px; width: 40px; }
</style>


<style>
/* customizable snowflake styling */
.snowflake {
  color: #C3928E;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #374A74
}

@-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>
<div class="snowflakes">
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
   ❅
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❅
  </div>
</div>

<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>
<div style="width:100%;height:0;padding-bottom:100%;position:relative;"><iframe src="https://giphy.com/embed/oV1KNfhBbogI8" width="100%" height="100%" style="position:absolute" frameborder="0" class="giphy-embed" allowfullscreen=""></iframe></div><p><a href="https://giphy.com/stickers/king-nerd-trash-oV1KNfhBbogI8">via GIPHY</a></p>

<style>
@keyframes flying-santa{
  from{ left:-400px; }
  to{ left:calc(100% + 20px); }
}
#santa{
  position: fixed;
  left: -400px;
  top: 200px;
  width: 200px;
  animation: flying-santa 7s infinite linear;
  pointer-events: none;
}
</style>
<img id="santa" src="https://static.spacehey.net/img/special/santa-sleigh.svg"/>






<style>
main{background:transparent}
</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 0 of 0 comments ( View all | Add Comment )