Pink Polka Dot Layout

Tags: cute, simple, pink, miranda
Description:

Moving image
Preview:

click on the image for a larger preview
Code:

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

<style>

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

body
        {background: url("https://wallpaperset.com/w/full/1/d/4/65943.jpg")
        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(https://www.xmple.com/wallpaper/pink-black-dots-polka-spots-1824x2736-c2-000000-ff69b4-l2-154-378-a-315-f-3.svg); }


Main      {background: url("https://s8.favim.com/orig/151209/black-black-and-white-cute-friends-Favim.com-3740099.gif")
        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://www.kindpng.com/picc/m/185-1853706_purple-envelope-icon-hd-png-download.png"); 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("http://www.skamu.com/free-icons/gothic/images/sign018.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.