MCR LAYOUT!!

here u go cuties >.< 


<style>

body

{background-image:

url(https://files.catbox.moe/jky6g0.jpg);

   background-attachment: FIXED !important;

    background-repeat: NO-REPEAT !important;

    background-position: CENTER !important;

background-size: 100%


</style> 


<style>

/* this is the color of any text that you input */ 

@import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');

.profile .blurbs .section h4{

font-family: 'Yuji Syuku', sans-serif;

text-transform:none !important;

color: white;

}

</style>


<style> 

/* these are the colors for headers */

@import url('https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap');

p{

font-family: 'Yuji Syuku', sans-serif;

text-transform:lowercase !important;

color:#ffedf9;

}

</style>


<style>

@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

h1{

font-size: 30px !important;

font-family: 'Yuji Syuku', sans-serif;

text-transform:uppercase !important;

padding-left: 55px !important;

}

</style> 


<style> 

.profile h1{

background: -webkit-linear-gradient(#5d0c00, #ff2000);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

}

</style>


<style>

h4{

font-size: 16px !important;

font-family: 'Yuji Syuku', sans-serif;

text-transform:uppercase !important;

padding-left: 2px !important;

background: -webkit-linear-gradient(#ff2000,#53000e);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;


}

</style> 


<style>

p{

font-size: 14px !important;

font-weight: bold;

 text-transform:none !important;

}

</style> 


<style>

nav{ 

font-size: 13px !important;

font-family: 'Yuji Syuku', sans-serif;

text-shadow: 0px 0px black;

text-transform:none;

padding-left:3px;

text-align: center;

}

</style>


<style>

    .profile .friends .inner, .profile .blurbs .section h4{

    text-align: center;

    }

</style>


<style>

    .count {

background: -webkit-linear-gradient(#5d0c00, #ff2000);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

    }

</style>


<style>

   a:hover {

     color: red; 

   } 

   a{

     color: #f1ebea; 

   }

</style>


<style>* {cursor: url(https://ani.cursors-4u.net/symbols/sym-9/sym827.ani), url(https://ani.cursors-4u.net/symbols/sym-9/sym827.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2018/02/17/falling-rose-petals.html" target="_blank" title="Falling Rose Petals"><img src="https://cur.cursors-4u.net/cursor.png" alt="Falling Rose Petals" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>

main {

background: rgba(157, 0, 25, 0.4);

border-radius:15px;

border: 3px double rgba(255, 255,255, 1.0);

}

</style>

<style>

.profile .blurbs .heading, .profile .friends .heading {

color: white;

background: -webkit-linear-gradient(#000, #5d0c00);

text-transform:none !important;

color: white;

border-radius:5px;

border: 2px solid rgba(255, 255,255, 0.65)

}

</style>


<style> 

DIV.blog-preview{

text-align: center;

font-family: 'Yuji Syuku', sans-serif;

background-color:rgba(0,0,0, 0.5);

text-transform:lowercase !important;

color: white; border: 2px solid rgba(255, 255,255, 0.65);

border-radius:15px;

}

</style>


<style>

.profile .friends .person img:not(.icon) {

border-radius:15px;

box-shadow: 1px 0px 7px 2px rgba(254, 120, 180, 0.71);

border: border: 2px solid rgba(255, 255,255, 0.65);

}

</style>



<style>

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

background-color: rgba(171, 118, 207, 0.0);

}

</style>


<style>

.profile .contact {

background-color: rgba(0 , 0, 0 , 1.0);

}

</style>


<style>

.profile .friends .comments-table td {

background-color: rgba(0,0,0, 0.5);

border: 1px solid rgba(0,0,0, 0.5); 

}

.comments-table td*{

    

    

}

</style>



<style>

.profile .table-section .details-table td {

background-color:rgba(0,0,0, 0.5);

}

</style>


<style>

nav .links {

background-color: transparent;

}

nav .links a:hover {

color: rgba(255, 0,0 , 1);

}

</style>


<style>

nav .top{

background-color: transparent;

}

</style>


<style>


@keyframes floating {

    0% { transform: translate(0,  0px); }

    50%  { transform: translate(0, 5px); }

    100%   { transform: translate(0, -0px); }   

}


</style>



<style>

.profile .url-info {

border:1px solid rgba(255, 161, 207, 1.5);    

}

.profile .contact {

border: 1px solid rgba(255, 161, 207, 1.5);     

}

.profile .table-section {

border: 1px solid rgba(255, 161, 207, 1.0);     

}


</style>


<style>

table.comments-table {

border: 2px solid rgba(255, 255,255, 0.65);     

}    

</style>


<style>

.logo {

content:url("https://files.catbox.moe/lriuxd.png");

</style>


<style>

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

content: ""

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

content: ""

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

content: ""

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

content: ""

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

content: ""

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

content: ""

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

content: ""

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

content: ""

}   

</style>


<style>

footer {

color: white !important;

text-decoration: NO !important;

text-decoration-style: solid !important;

background-color: rgba(0, 0, 0, 0.82);

  }    

</style>


<style>


body:before {


content: " ";


height: 100vh;


width: 100vw;


display: block;


position: fixed; 


top: 0; 


left: 0; 


z-index: 100;


background-image: url("https://files.catbox.moe/t1gbpp.gif");


background-size: cover;


background-repeat: no-repeat;


background-position:center;


animation: yourAnimation 1s ease 1s 1 normal forwards;


pointer-events: none;}


@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 


</style>



<style>

.profile .friends .person p {

background: -webkit-linear-gradient(#5d0c00, #ff2000);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

color: #d70025;  

}

.profile .friends .person p:hover {

color: #fff;  

}

</style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/UCCyoocDxBA?si=7ueVbJskbovi1Ior//?&;amp;;autoplay=1&;loop=2&;controls=1" title="YouTube video player " frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>


<style>


li.active .icon { content:url('https://i4.glitter-graphics.org/pub/2792/2792164gm3v08vgq3.gif'); width: 20PX;height: 20px;}


</style>



2 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )