Bright Turquoise Circle Pattern Layout

Tags: #blue #cute #layout #circle #popular #turquoise

Description:

Created this out of boredom. But it's a Turpuoise, White, & Black Circle Layout out with semi-Transparent in the middle of the page, Custom Scroll Bar, & Cursor. Change font on layout to give it a different look. Free for anyone to use, please comment below if you do. :)

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Mali:wght@600&family=Shantell+Sans:wght@500&display=swap');
p{ font-family: 'Mali', cursive;
font-size: 130%;
color: white; 
text-shadow: 1px 1px 1px black;
}

h1, h2, h3, h4, h5{
font-family: 'Mali', cursive;
font-size: 100%;
color: #00ffff;
text-shadow: 1px 1px 1px black;
}


body {
background:url(https://cdn.vectorstock.com/i/1000x1000/59/48/retro-seamless-pattern-geometric-background-vector-5205948.webp) fixed;
}


main {
background: rgb(0,0,0,0.8);
border: none;
}


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


friends p, .friends a {
color: WHITE;
}

a:hover {
     color: #00ffff;
   } 

a{
     color: #00ffff; 
   }


}
    .count {
        color: lightgrey;
    }


.profile .friends .person p {
color: GREY;  
}


.profile .friends .person p:hover {
color: BLACK;
}


friends p, .friends a {
color: grey;
}

a:hover {
     color: lightgrey; 

}
    .count {
        color: grey;
    }

nav .top{
background: rgb(0,0,0,0.8);
margin: 1em 0;
text-align: center;
border-radius: 0px;
font-family: 'Mali', cursive;
font-size: 100%;
}


nav .links{
background: rgb(0,0,0,0.8);
border-radius: 0px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-family: 'Mali', cursive;
font-size: 100%;
}


.profile .contact .heading,
.profile .table-section .heading{
color: #7A007A;
background-color: white !important;
border-radius: 0px;
text-align: center;
padding: .1em;
font-size:25px;
}


.profile .blurbs .heading,
.profile .friends .heading{
color: #7A007A;
background-color: BLACK !important;
border-radius: 25px;
text-align: center;
padding: .1em;
font-size:25px;
}


footer{
background: rgb(0,0,0,0.8);
border-radius: 0px;
font-style: italic;
color: #520052;
}</style>


<style>
body { cursor: url(https://cur.cursors-4u.net/cursors/cur-2/cur116.cur), auto; }


}
a:hover {
     color: lightgrey;

}
             ::-webkit-scrollbar {
    width: 18px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0);
    }

    ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.6);
    }
</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 1 of 1 comments ( View all | Add Comment )