Pink Circle Pattern Layout

Tags: #pink #cute #layout #spacehey #myspace #girly

Description:

My idea for this layout was to go for a retro look similar to how myspace layouts looked like back then. Free for anyone to use. Please comment if you do. :)

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Grechen+Fuemen&family=Marhey:wght@300&display=swap');
p{ font-family: 'Grechen Fuemen', cursive; 
font-size: 120%;
color: white; 
text-shadow: 1px 1px 1px black;
}

h1, h2, h3, h4, h5{
font-family: 'Orbitron', sans-serif;
font-size: 100%;
color: white;
text-shadow: 1px 1px 1px black;
}





<style>
body {
background:url(https://cdn.vectorstock.com/i/1000x1000/64/67/abstract-repeating-pattern-vector-746467.webp) fixed;
}

main {
background:rgba(255, 99, 71, 0.6);
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: PINK;
}

a:hover {
     color: BLACK;
   } 

  a{
     color:#da1d81  ; 
   }


}
    .count {
        color: GREEN;
    }

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

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


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


a:hover {
     color: lightgrey; 

}


 .count {
        color: HOTPINK;
    }


nav .top{
background:rgba(255, 99, 71, 0.6);
margin: 1em 0;
text-align: center;
border-radius: 0px;
}


nav .links{
background:rgba(255, 99, 71, 0.6);
border-radius: 0px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}

.profile .contact .heading,
.profile .table-section .heading{

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

footer{
background:rgba(255, 99, 71, 0.6);
border-radius: 0px;
font-style: italic;
color: #520052;
}</style>


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

}
a:hover {
     color: lightgrey;
}

nav{ 
font-size: 14px !important;
font-family: 'Grechen Fuemen', cursive; 
text-shadow: 1px 1px black;
text-transform:none;
padding-left:3px;
text-align: center;
}
</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 0 of 0 comments ( View all | Add Comment )