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 Bat no wings (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 129 comments ( View all | Add Comment )

𝕸𝖞𝕮𝖍𝖊𝖒𝖎𝖈𝖆𝖑𝕯𝖆𝖘𝖍⛧	1785021007 I'll be 20% cooler DEFF USING THIS BALLER THEME Report Comment
੭୧ ﹒ moon	1778066939 using, peak layout Report Comment
Echo	1777957998 Using!! Report Comment
Summer	1776838091 Using Report Comment
Typingg	1775083140 using!!! XD Report Comment
dash	1773031054 Prolly using Report Comment
LukasLuvsSageOfTruth	1771856928 USING PROBABLY!!!! Report Comment
･༓☾ 𝑀𝑎𝑐ℎ𝑎𝐻𝑒𝑟𝑒 ☽༓･	1768871682 Using!!! :3 Report Comment
ᴄʜʟᴏᴇ (˶˃ ᵕ ˂˶) .ᐟ.ᐟ	1768549574 using :) Report Comment
Nico!	1768500777 Usinggg! Report Comment
⸝⸝ ꒰ 𝙑𝙞𝙣𝙣𝙮 ʚ♱ɞ ⁞ ˎˊ˗	1767110636 Gonna use <3 Report Comment
Ash:3	1766360711 Using:DD Report 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