Pink and Black Gothic

Tags: pink, stars, simple, miranda

Description:

Moving image, moving background (for some reason it is not letting me post a screenshot along with it)

Code:

<!-- (c) Layout created by Miranda💗 (https://layouts.spacehey.com/layout?id=242) -->

<style>

body {
background-image: url(https://i.pinimg.com/originals/fe/67/af/fe67af6864ef0d0a039c44ba1f73c617.gif);
}

.contact {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url("");
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
It
<style>

.contact { border-radius: 15px} 

.profile .contact .f-row {
  /* removes extra spacing from contacts */
    margin: 0;
  }

.blog-preview h4,.profile .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading, .profile .blurbs .heading, .profile .friends .heading { border-radius: 15px} 

footer {
        border-radius: 15px;
background-color: #c8a2c855;

</style>

<style>

table, th, td {
  border: 1px solid #c8a2c8;
}

table, th, td { border-radius: 15px} 
}


</style>

<style>

:root {
        --logo-blue: #89cff055;
        --darker-blue: ;
        --lighter-blue: h;
        --even-lighter-blue: #89cff055 ;
        --lightest-blue: #89cff055;
        --dark-orange: #;
        --light-orange: #89cff055;
        --even-lighter-orange: #89cff055;
        --green: Aliceblue;
    }

main {
  /* changes made to stuff outside of columns */
    background: transparent;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
  }

 .f-col {
    /* allow contacts to stack */
    vertical-align: top;
    margin-bottom: 5px;
    display: block;
  }

</style>

<style>

h1, h2, h3, h4,h5,a, p, nav label, .section {color: white;}

</style>
<style>

.profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }

    .profile .friends .person img {
        border-radius: 500px;
    }

</style>



<style>
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
body{font-family: 'Indie Flower', cursive ;
font-size: 25px}  
</style>
<style>

.online{content:url("http://dl5.glitter-graphics.net/pub/932/932645rid0wtz58r.gif");}

.friends-grid {
        visibility:hidden; display:none;
    }
.friends {
    overflow: scroll;
    overflow-x: scroll;
    overflow-x: hidden;
    height: 300px; 
}


</style>

<style>

nav:before {
 width: 100%;
 height: 300px;
 display: block;
 content: "";
 background-image: url('https://giffiles.alphacoders.com/152/152352.gif');
 background-position: center center;
 background-size: cover;
}
@media only screen and (max-width: 600px) {
 nav:before{
  height: 200px;
 }
}

</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.