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

jorno	1743225317 USING!! Report Comment
maximillian666	1743127276 USING!!!!!!!!!! Report Comment
Trash Panda	1743119399 USINGG Report Comment
Leroy	1741742011 Using X333 Report Comment
xxnurd	1741239776 So usinggg Report Comment
Mesaki	1739729720 USING! Report Comment
Mesaki	1739729720 USING! Report Comment
ᴍᴀᴅxx	1739138882 using ! :D Report Comment
⋆.˚ST✮R˚.⋆ᶻ 𝘇	1737658636 USIING !!! ( >w<) Report Comment
Shan ☆	1737317968 Using Report Comment
Shan ☆	1737317967 Using Report Comment
jimppa🦈:3	1737139200 usingggg Report Comment
ItzMadzXD	1736815306 using! Report Comment
⚠︎ Natt !!!11!!!1	1736715089 Us1nggggggggg Report Comment
W4YL0N<3	1736663303 Using!!!!! Report Comment
.Strawxclub<3	1736182548 using this is EPIK Report Comment X3 by Alex the bat; 1736584888; Report
arsonistCatnip	1735669854 usinggggg :3 so fire Report Comment
XxKaw4iiC0rpsexX	1734711184 USinggg!!! Report Comment
frankie	1731790584 using!!!! luv luv luv it Report Comment
ʂɬąཞʂ ơŋ ℘ąῳʂ	1731497790 uzinggz Report Comment