Pattern Orange

Tags: katie, pattern, orange, simple, layout

Description:

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.

Preview:

click on the image for a larger preview

Code:

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

<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: orange;

</style>

<style>

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

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


</style>

<style>

:root {
        --logo-blue: orange;
        --darker-blue: ;
        --lighter-blue: orange;
        --even-lighter-blue: orange;
        --lightest-blue: orange;
        --dark-orange: #;
        --light-orange: orange;
        --even-lighter-orange: orange;
        --green: Red;
    }

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>
body
        {background: url("https://i.pinimg.com/originals/29/7a/18/297a184b29ab57a4fafde1b6507ba875.jpg")
        repeat ; background-size: contain;
</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=Josefin+Sans:ital,wght@0,300;0,700;1,300;1,700&display=swap');
body{font-family: 'Josefin Sans', sans-serif;
font-size: 25px}  
</style>
<style>

.online{content:url("http://dl3.glitter-graphics.net/pub/124/124973zv9l8g53sa.gif");}

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


</style>

<style>

body {
  background-color: #111;
}

profile { font-family: "Arial Black", Gadget, sans-serif;
font-size: 18px;
letter-spacing: 2px;
word-spacing: 2px;
color: #000000;
font-weight: 700;
text-decoration: none;
font-style: italic;
font-variant: normal;
text-transform: uppercase;

</style>

<style>

.online{content:url("");}
</style>

<style> 

.comment-replies { border: 1px solid orange;</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.