Katie's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Pattern Pink CSS Layout


If you like this style, you can use it in your profile, BUT at least, ADD ME or COMMENT BELOW and give me some kudos! I spent time for making this layout!!!

Credits are appreciated (a post, a bulletin or something else that can support me) 

You have permission to use this for your Layout only, you don't have permission to post elsewhere without giving a link to the original crediting me


Copy and put in the about me section.


<style>

table {
  border-spacing: 10px;
width: 100%;
background-image: url(https://i.pinimg.com/originals/bc/55/51/bc5551ac237a9ef4d8e9575662f2e106.gif); 

</style>

<style>

footer {
        border-radius: 15px;
background-image: url(https://i.pinimg.com/originals/bc/55/51/bc5551ac237a9ef4d8e9575662f2e106.gif); 

</style>

<style>



:root {
        --logo-blue: #4d000055;
        --darker-blue: pink;
        --lighter-blue: violet;
        --even-lighter-blue: pink;
        --lightest-blue: pink;
        --dark-orange: peachpuff;
        --light-orange: violet;
        --even-lighter-orange: pink;
        --green: peachpuff;
    }

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


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

    
   

 

   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: pink !important;
        border-bottom: 2px solid;
    }

   

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

    
    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;
    }

body
        {background: url("https://i.gifer.com/SvTl.gif")
        no-repeat fixed; background-size: cover;
     }

</style>


10 Kudos

Comments

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

xxKelliKillsxx

xxKelliKillsxx's profile picture

Gahhh thank you for doing these! It's so much appreciated!


Report Comment