Rainbow Dash layout

Tags: mlp, rainbow dash, scene, pony, rainbow

Description:

It was inspired by Rainbow Dash from mlp xp Comment before use

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Alex the bat  (https://layouts.spacehey.com/layout?id=85111) -->

<!-- (c) Layout created by Alex the bat (https://layouts.spacehey.com/layout?id=85111) -->
<style>
    .blog-preview{
        
    background-image: url('https://64.media.tumblr.com/129c90b9ef43394b82a23e05f9c91580/953299261bd402f2-52/s1280x1920/ae502d231552f0d316cd7ffe225d67a3047e3ee0.jpg ') !important;
    
    }
</style>
<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/20eec130ddc4dffc89b32ce6c41b6f3a/149e9857825d19b0-4f/s640x960/593b28a70f8448484add4d9b535dfc3004941099.gifv');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>



<style>
    .heading{
        
    background-image: url('https://64.media.tumblr.com/34639c9cf61301f9dc84d94ea02d4ce1/f65fc61aec77d0fc-b2/s400x600/5115c0976a213155eca05a05d724ce4d55e9acf0.gifv') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT !important;
        
    }
</style>

<style>
    h4{
        
    background-color: black !important;
        
    }
</style>

<style>
    body{
        
    background-image: url('https://64.media.tumblr.com/9c2e40064b8a9e489c58b2035e6853b1/a0f959d79fa311da-1a/s1280x1920/8675c66dcbf741b4f86b38470b93dcdcfe4011fd.pnj') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT !important;
    background-position: top !important;
        
    }
</style>

<style>
    main{

    background-image: url('https://64.media.tumblr.com/ab04a18657d499866b306298ec692960/f92836da151133e1-c4/s250x400/717bea995e5aec3330b637626e1befbcf1265923.gifv') !important;
    }
</style>

<style>
    .top{
        
    background-image: url('https://64.media.tumblr.com/203a0fc3b5fbfec3337c506913cace2c/3e688e0a4e49f40b-fd/s500x750/f84af06a3107801d8d9f0ab8b7636850f86c4ffd.gifv') !important;
    background-attachment: FIXED !important;
        
    }
</style>

<style>
    .links{
        
  
    background-image: url('https://64.media.tumblr.com/592132088101752fdf9f0f0e3ab45fb5/tumblr_pggqryRLDb1stvqc1_640.gifv') !important;
        
    }
</style>

<style>
    .top input{
        
    background-color: cyan !important;
        
    }
</style>

<style>
    h1{
    background-image: url('https://64.media.tumblr.com/487277155c4c61543517cfd42f9b8924/c64263a24758dcd0-88/s400x600/f5bb65085f23d496ef7e6bfc4ad1d977d09f2ff3.gifv') !important;
    
    }
</style>


<style>
    .contact{

    background-image: url('https://64.media.tumblr.com/d1418974800e98adee0b6b969e6def22/d91b5185931cc1d9-17/s500x750/7ca6573feace6d85dd57915f74db1e22dcfbe145.gifv') !important;
    
    }
</style>

<style>
   
    .profile .details-table td{
        
    background-image: url('https://64.media.tumblr.com/0ba28b69fce55233f7188c549332aaf6/b8dfc2b34c74ec17-15/s640x960/bac4dcc618e0409e63efb18c6afcf39462665c49.gifv') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT !important;
    background-position: RIGHT  !important;
        
    }
</style>




<style>
    .blurbs{
    
    color: cyan !important;
    
        
    }
</style>

<style>
    .friends{
        
   
    background-image: url('https://64.media.tumblr.com/db12bcab036a956e1c18ae1446be549b/a9a7b22fe52104c2-bd/s500x750/96117ba3457f2fcada47519b9c02d788ad182ea7.gifv') !important;

        
    }
</style>

<style>
    .comments-table td{
        
   
    background-image: url('https://64.media.tumblr.com/9854edd1b3546f6d6f058155e82d6dcc/cb985222739d7ddd-0f/s250x400/ce2a52a0d9983625d31670218a2de67bfafab3f2.gifv') !important;

    }
</style>

<style>
    footer{
        
    background-color: black !important;
 
    }
</style>

<style>h1{color: white !important;}</style>


<style>
@import url("https://fonts.googleapis.com/css?family=Creepster");

.w-40 h1{
font-family: Creepster;
font-size: 40px;
text-align: center;
background: -webkit-linear-gradient(#000000, #DDDDDD);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px black;
}
</style>




<style>
/* background of the page (i.e. left and right of your profile) */
body {
  background-color: white;
  border: 1px solid black;
}

/* 😜your profile itself. main does not encompass the header/footer, which I prefer to leave alone */
main {
  background-color: #333;
  color: #00FFEF;
}

/* links within main. --green is a variable from spacehey's own CSS */
main a {
  color: var(--green);
}

/* color/style of borders around tables on the left */
.profile .contact, .profile .table-section, .profile .url-info {
  border: 1px solid white;
}

/* colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #444;
  color: white;
}

/* colors for table cell background (by default spacehey has a separate color for :first-child) */
.profile .table-section .details-table td {
  background-color: #333;
  color: white ;
}

/* headings on the right */
.profile .blurbs .heading, .profile .friends .heading {
  background-color: #444;
  color: cyan;
}
</style>

<style>
.profile .friends .comments-table td {
  background-color: cyan;
}
</style>

<style>h1, h2, h3, h4, h5, p {padding-left:5px !important;} </style>

<style>
    .top{
        
border: 1px solid black !important;        

    }
</style>

<style>
    .logo{
        
border: 1px solid red !important;   
        
    }
</style>

<style>
    button{

border: 1px solid black !important;   
        
    }
</style>

<style>.online{content: url("https://64.media.tumblr.com/5e1eb00699e39ef310e1bb2d25e8520c/87566138dacda4d1-2f/s100x200/a60b952d7543f27645df0c418fcc9b5eb8eb5876.gifv") !important;}</style>

<style>.logo{content: url(https://64.media.tumblr.com/423c4953c52f1951928c4015a194f348/e1d41674b540a28d-90/s400x600/fefca97f6a25f599c473d70b0bcb47666e65f34c.pnj);width: 165px !important;height: 42px !important;}</style>

<style>li.active .icon { content:url('https://64.media.tumblr.com/8ed5ae4c74f238e1eb0092d5a438241a/74e3a4f2f60c0e4d-9f/s75x75_c1/b50422b0f6b42dcf65e18e7038d585bbfac89503.gifv'); width: XXXPX;height: XXXpx;}</style>

<style>.profile{
        
    direction: rtl;
    
    }
    .blurbs{
    
    direction: ltr;
        
    }
    .blog-preview{
        
    direction: ltr;
        
    }
    .friends{
    
    direction: ltr;
        
    }
    .general-info{
        
    direction: ltr;
        
    }
    .contact{
        
    direction: ltr;
    
    }
    .url-info{
        
    direction: ltr;
        
    }
    .details-table{
        
    direction: ltr;
        
    }
    .profile .table-section .heading{
    
    direction: ltr;
        
    }
    .details p{

    direction: ltr;

   }
   .mood{

       direction: ltr;

   }
</style>

<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://64.media.tumblr.com/34639c9cf61301f9dc84d94ea02d4ce1/f65fc61aec77d0fc-b2/s400x600/5115c0976a213155eca05a05d724ce4d55e9acf0.gifv');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>


<style>
body:before {

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


<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;"><img src="https://64.media.tumblr.com/edb56af100e94b31e245c0c0fc152a9f/850717e5ab266077-c5/s250x400/331024a1147e05644af5aef36c681d5967ad4577.gifv"/> <!-- (c) Layout created by Alex the bat (https://layouts.spacehey.com/layout?id=85111) -->

<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/20eec130ddc4dffc89b32ce6c41b6f3a/149e9857825d19b0-4f/s640x960/593b28a70f8448484add4d9b535dfc3004941099.gifv');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<style>* {cursor: url(https://i.postimg.cc/C1Y9f85D/2024-01-11-00w-Kleki.png ), auto;}</style>
<style>A:hover{cursor: url("https://i.postimg.cc/sgGFFybB/2024-01-11-00u-Kleki.png "), auto;}
</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 20 of 117 comments ( View all | Add Comment )

jaylen	1764525320 ghjkhj Report Comment
REMI >:3	1764492905 usingggggg >:3 Report Comment
ray	1760840135 im using it Report Comment
MAGG0TC0VR3DCUPCAK3	1760568477 Using :D Report Comment
abbyantichrist!!☆☆	1759613621 using!! Report Comment
H3nsku <3	1759331044 using thx! Report Comment
RiversCuomosEarthwormFriend 2	1759277895 USING TYSM!!!!!! Report Comment
dash	1759237997 Im gonna use this thank you Report Comment
antozzx:b	1753325772 Usandoo ^_^ Report Comment
sleeeperrcici	1750123408 GONNA TRY AND USE IT!! Report Comment
Nim	1748702957 USINGGG Report Comment
Sir Palamedes of the CrackTable	1748328183 Using :) Report Comment
イーサン	1747885322 Using Report Comment
sal	1747342720 using Report Comment
sal	1747342702 using Report Comment
jorno	1743225317 USING!! Report Comment
maximillian666	1743127276 USING!!!!!!!!!! Report Comment
Trash Panda	1743119399 USINGG Report Comment
Leroy	1741742011 Using X333 Report Comment
♱🦴⊹ Vincent //🐕⋆	1741239776 So usinggg Report Comment