Trixie layout ; mlp

Tags: trixie, mlp, my little pony, pony

Description:

Trixie inspired layout (Put it into "heroes" since I just hid this part in the code) Use= Comment

Preview:

click on the image for a larger preview

Code:

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

<style>
.friends{
Background-image: url( 'https://64.media.tumblr.com/44230249769c95afd111a51924e19baa/b7b03d3b9f4ba322-a7/s400x600/cc7563819cefaf0d8fe8935e4b980a6930c93dcb.pnj' ) !important ;
Background-repeat: repeat !important ;
Background-position: left !important;
</style>

<style>
Body{
Background-image: url( 'https://64.media.tumblr.com/44230249769c95afd111a51924e19baa/b7b03d3b9f4ba322-a7/s400x600/cc7563819cefaf0d8fe8935e4b980a6930c93dcb.pnj' ) !important ;
Background-repeat: repeat !important ;
Background-position: left !important;
</style>

<style>
Main{
Background-image: url(' https://64.media.tumblr.com/4e9319d8ea476dc201da4863371e3a2b/1ed56c840085de00-fa/s2048x3072/1070221a7b08c30ef249e07e070f93d5306b86ff.pnj ')
</style>

<style>
    .top{
        
    background-color: COLOR !important;
    background-image: url(' https://64.media.tumblr.com/8d5afb4e376953577c140bf41e323889/099094c32aa6a5f2-9c/s1280x1920/54268e21b3a5326b477e5297cf5da45ade8b384e.pnj ') ! Important;
    background-position: CENTER !important;
        
    }
</style>

<style>
    .links{
        
    background-color: purple !important;
   
    }
</style>

<style>
    Main{
Color: #BF40BF

</style>

<style>

h4 {
  text-shadow: 2px 0 blue<style>
    h4{
        
    background-color: COLOR !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>

Main {
  text-shadow: 1px 0 white, -1px 0 white, 0 1px white, 0 -1px white,
               1px 1px white, -1px -1px white, 1px -1px white, -1px 1px white ;
}

</style>

<style>
    .comments-table td{
        
    background-image: url( 'https://64.media.tumblr.com/d11b90546ff9385cbe885da25d619faf/1d09d578293849c4-d9/s2048x3072/4be292146a20ecc971a618a643271acc98b23127.pnj ') !important;
    
    }
</style>

<style>.friends img {-webkit-mask-image: url( https://upload.wikimedia.org/wikipedia/commons/thumb/b/bf/A_Black_Star.png/276px-A_Black_Star.png );-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}</style>

<style>
    table.details-table{
        
    background-color: white !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
    .profile .details-table td{
        
    background-color:  !important;
    background-image: url('https://64.media.tumblr.com/44230249769c95afd111a51924e19baa/b7b03d3b9f4ba322-a7/s400x600/cc7563819cefaf0d8fe8935e4b980a6930c93dcb.pnj') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position:  right  !important;
        
    }
</style>

<style>.contact img.icon { 
 display: none; 
}

.contact{background-color:  !important;}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{ 
 /* add to friends */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://i.ibb.co/RTqJPPY/tumblr-c357843d448ffbd22e64ed4f1ca16e76-bf1ae2d0-75.webp'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{ 
 /* add to favorites */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://i.ibb.co/RTqJPPY/tumblr-c357843d448ffbd22e64ed4f1ca16e76-bf1ae2d0-75.webp'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{ 
 /* send message */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://i.ibb.co/RTqJPPY/tumblr-c357843d448ffbd22e64ed4f1ca16e76-bf1ae2d0-75.webp'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
 /* forward to friend */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px;  
 background-image: url('https://i.ibb.co/RTqJPPY/tumblr-c357843d448ffbd22e64ed4f1ca16e76-bf1ae2d0-75.webp'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
    /* instant message */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://i.ibb.co/RTqJPPY/tumblr-c357843d448ffbd22e64ed4f1ca16e76-bf1ae2d0-75.webp'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
    /* block user */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://i.ibb.co/RTqJPPY/tumblr-c357843d448ffbd22e64ed4f1ca16e76-bf1ae2d0-75.webp'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
    /* add to group */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://i.ibb.co/RTqJPPY/tumblr-c357843d448ffbd22e64ed4f1ca16e76-bf1ae2d0-75.webp'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    /* report user */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://i.ibb.co/RTqJPPY/tumblr-c357843d448ffbd22e64ed4f1ca16e76-bf1ae2d0-75.webp'); 
 background-size: 100% 100%;
} 
</style>

<style>.online{content: url(" https://64.media.tumblr.com/090eb7fc0e231a8a16575aaee5131ffe/3b9a730faba52151-f0/s75x75_c1/8bbcdc9456e3220654674c522d277dcec8dd911f.gifv ") !important;}</style>

<style>.logo{content: url( https://64.media.tumblr.com/aa8d9d07224067233299e7e01c08be8e/b712f888ae14618a-f2/s250x400/dffe1568e831bf950ed08ae0795a896353ff1a4b.pnj );width: 165px !important;height: 42px !important;}</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>.profile-pic {background: #fff;padding: 5px 5px 196px;box-shadow: 3px 3px 10px silver;height: ;transform: rotate(deg); filter: grayscale(8%);}</style>

<style>
.blurbs.headings{
Color:purple !important;
Background-color: # !important;
</style>

<style>.container{width: 660px !important;}</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.