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 85 comments ( View all | Add Comment )

frankie	1731790584 using!!!! luv luv luv it Report Comment
ʂɬąཞʂ ơŋ ℘ąῳʂ	1731497790 uzinggz Report Comment
L1FE	1730307889 Usingg!!!!!! Report Comment
SILLYISSOSILLY	1729605749 Using :P Report Comment
˖ ᡣ ⊹ ࣪₊Tassshaaa	1728569838 USING!!! :33 Report Comment
˖ ᡣ ⊹ ࣪₊Tassshaaa	1728569836 USING!!! :33 Report Comment
RAWR X3 SCENE QUEEN	1728147806 USING THANK YOU Report Comment
Aesop	1726453832 USUING Report Comment
izi	1726144916 using ty!! Report Comment
alex	1726002251 using :p Report Comment
CedarsSanity.	1724365681 USING Report Comment
Jaden !! :3	1724120052 using !! ^^ Report Comment
𝖆𝖑𝖊𝖝 ☆	1723038932 Using!! =^.^= Report Comment
Ghost	1722987260 using!! X3 Report Comment
skibidi dash	1722928056 Using! Report Comment
vivianna	1722531162 using!! XD Report Comment
SHILOOHHH (≧∇≦) @	1722501854 Using!!! Report Comment
xye/kyra	1722152606 using :33 Report Comment
★angel★(inactive/on break)	1722096376 Uz1ng Report Comment
alejandro	1721142454 usingg Report Comment