Falling Stars Layout

Tags: cute, stars, colorful, miranda

Description:

Gif background

Preview:

click on the image for a larger preview

Code:

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

<style>

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

body
        {background: url("https://i.pinimg.com/originals/90/aa/c3/90aac31c0d76c5a82f78a9be540321fa.gif")
        no-repeat fixed; background-size: cover;
     }


:root {
  --topic1: "Intro";
  --topic2: "🎵";
  --topic3: "Movies/TV Shows";
  --topic4: "Things I like";
  --topic5: "Books/Writers";
  --topic6: "Misc";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
  color:var(--links) !important;
  letter-spacing:normal !important;
   text-shadow: 2px 2px plum !important;
   filter: brightness(95%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}



.profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: green none;
    }

    table.details-table {
        border-collapse: collapse;
    }

    table.details-table td {
        background-color: transparent !important;
    }

    a.ditto-link {
        display: block;
        margin: 10px 0;
        color: #cc3e3e;
        font-size: 1.4rem;
        font-weight: bold;
        animation: blinker 1s linear infinite;
    }

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

    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: #2a2a2a !important;
        border-bottom: 2px solid;
    }

   

    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    footer {
        border-radius: 15px;
        background: rgba(255, 255, 255, 0.94) !important;
        display: block !important;
    }

    table.comments-table td {
        background-color: !important;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }

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

    .blog-preview p {
        font-size: 1.4rem;
    }

nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(); }


Main      {background: url("")
        no-repeat fixed; background-size: cover;
     }

:root {
        --logo-blue: ;
        --darker-blue: lavender;
        --lighter-blue: thistle;
        --even-lighter-blue: plum ;
        --lightest-blue:   ;
        --dark-orange: plum;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: thistle;
    }





main {
  background-color: transparent;
  color: white;
}
 h1, h2, h3, h4 {color: lavender;}

body { 

font-family: cursive;


</style>

<style>


.online{content:url(http://www.myspacegens.com/images/online_now/111.gif)

</style>

<style>


body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div > div > a { visibility: hidden; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner { margin: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(1) > div:nth-child(1) > a { content:url("https://media0.giphy.com/media/JmJ7MYgxbHXputuQP1/giphy.gif"); visibility: visible; height: 30px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(1) > div:nth-child(2) > a { content: url("https://thumbs.gfycat.com/LightImpassionedAsiaticlesserfreshwaterclam-max-1mb.gif"); visibility: visible; height: 30px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(2) > div:nth-child(1) > a { content: url("https://media.tenor.com/images/46844c12192e83cf6473672d553bf521/tenor.gif"); visibility: visible; height: 20px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(2) > div:nth-child(2) > a { content: url("https://icons.iconarchive.com/icons/graphicloads/100-flat-2/256/arrow-forward-icon.png"); visibility: visible; height: 20px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(3) > div:nth-child(1) > a { content: url("https://i.pinimg.com/originals/df/d0/b0/dfd0b0f00a35b820aa28aa22e3c2782f.gif"); visibility: visible; height: 30px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(3) > div:nth-child(2) > a { content: url("https://i.pinimg.com/originals/55/ca/e6/55cae6d9b3d5006301071f23c285e813.gif"); visibility: visible; height: 30px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(4) > div:nth-child(1) > a { content: url("https://media.tenor.com/images/1170597818a37a7c6e3e1d4baeb6e2eb/tenor.gif"); visibility: visible; height: 30px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(4) > div:nth-child(2) > a { content: url("https://media4.giphy.com/media/l46CpEQZ8G9M7OP0k/giphy.gif"); visibility: visible; height: 30px; width: 32px; }

#comments > div.inner > table > tbody > tr > td > p.report > a { visibility: hidden; }
#comments > div.inner > table > tbody > tr > td > p.report > a { content: url("http://www.fillster.com/images/icons/116k.gif"); visibility: visible; height: 30px; width: 32px; float: right; }
</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 278 comments ( View all | Add Comment )

AxL	1774904921 Using >:3 Report Comment
ZiggyStarr✮	1774900014 using Report Comment
Faisal.!	1774588337 usingg Report Comment
XERN0US	1772338887 using Report Comment
Silly Fella	1771696466 Using Report Comment
R4TZ4L1FE	1771151193 Using Report Comment
R3n	1770964240 using Report Comment IS THAT A RONIN PFP SPOTTED IN THE WILD!?1?????? by ⌆ ▄︻デ══━ᴛ⦻ʀᴅ一~☆ [Kevins #1 fan n Tords wife]; 1770976853; Report
rabbitAstronaut	1770258159 using!!! :D Report Comment
mimi	1769034714 usein Report Comment
l0ser	1768865862 using!!! Report Comment
Ranidae	1768420038 thanks, using Report Comment
𓏵 aimée !	1768380915 using!! Report Comment
🤍🩷 Charlie :3（ ͜.人 ͜.）	1767680022 Using!!! Report Comment
AirHeadAlieeeeen	1767640051 using Report Comment
frtysixnd2	1766185412 might useee Report Comment
☆weasel☆	1764623039 USINGGGG LALLALAA Report Comment
count dykecula	1763857313 usiiing <33 Report Comment
ILoveStars	1763612261 usingg Report Comment
amber liu is my wife!!!!!	1763160074 using! Report Comment
Asmi^^	1761763567 using Report Comment