baby blueish :,D

Tags:

Description:

Hello I made this cute layout I hope you enjoy! <3 ^._^.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⋆ ˚｡⋆୨୧˚　˚୨୧⋆ ｡˚ ⋆⋆ ˚｡⋆୨୧˚　˚୨୧⋆｡˚ ⋆⋆ ˚｡⋆୨୧˚　˚୨ (https://layouts.spacehey.com/layout?id=22032) -->

<style>
/*Navigation Top portion of page*/

nav img.logo {
      filter: brightness(0) saturate(100%) invert(79%) sepia(30%) saturate(807%) hue-rotate(179deg) brightness(100%) contrast(100%) !important;
}
nav {
background-image: url (https://i.pinimg.com/564x/03/42/bb/0342bb3f40a81dd3a9e9d57da2d4818d.jpg); !important; 
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: 100%;
}


nav .top{
border-radius: 20px;
border: 2px solid white;
}


a{
color: rgba(215, 235, 255);
text-shadow: 1px 1px 2px white;
}

a:visited {
color: rgba(215, 235, 255);
text-shadow: 1px 1px 2px white;
}

a:hover {
color: rgba(215, 235, 255);
text-shadow: 1px 1px 2px white;}

a:active {
color: rgba(215, 235, 255);
text-shadow: 1px 1px 2px white;
}

nav .links a:hover{
text-decoration: underline;
color: white;
}

nav .links {
position: center
}




/*Backgrounds and general "big" styling*/


.profile .profile-info{
border-radius: 19px;
border: 4px solid white;
color: rgba(215, 235, 255);
background-image: url (https://i.pinimg.com/564x/93/27/6e/93276e102ac9ba4e4472606d9bd315e1.jpg);
background-position: center center !important;
background-repeat: no-repeat;
background-size: cover;
}

   body{
    background-image: url(https://i.pinimg.com/564x/93/27/6e/93276e102ac9ba4e4472606d9bd315e1.jpg); !important;
/*background-attachment: fixed !important;
background-position: bottom center !important;
background-repeat: no-repeat !important;
background-size: 100%;*/
   }

main {
background-color: white;
background-image: url(https://i.pinimg.com/474x/13/11/45/131145a8bfbcad5cd21a02fbd711759f.jpg); !important;
border-radius: 20px;
border: 2px solid white;
}


/*General stuff*/

.profile .blurbs .heading,
.profile .friends .heading{
border-radius: 20px 20px 0 0;
border: 2px solid white;
text-align: center;
padding: 0.5em;
font-size: 15px;

}


.profile .general-about{
color: white;
font-style: creepster;
}

.profile .blog-preview,
.profile .mood{
color: white;
font-style: creepster;
}


.profile .blurbs .heading,
.profile .friends .heading{
color: rgba(215, 235, 255);
background-color: ;
border-radius: 20px 20px 0 0;

text-align: center;
padding: .5em;
font-size: 15px;
}

.profile .blurbs,
.profile .friends{
border-radius: 20px;
border: 2px solid white;
font-style: satisfy;
color: rgba(215, 235, 255);
}

.profile .friends{
text-align: center;
}

.profile .friends-grid .person p{
color: rgb(234, 251, 254);
}

.profile .blurbs .section h4{
color: rgba(215, 235, 255);
padding: .5em;
}

.profile .profile-pic img{
border-radius: 20px;
}

.online {
color: white;
}


.profile .general-about{
color: white;
font-style: italic;
text-shadow: 1px 1px 2px rgba(215, 235, 255);
}



.profile .contact .heading,
.profile .table-section .heading{
color: white;
border-radius: 20px 20px 0 0;
border: 2px solid white;
text-align: center;
padding: .5em;
font-size: 15px;
}


.profile .table-section,
.profile .contact,
.profile .url-info{
border-radius: 20px;
border: 2px solid white;
font-style: creepster;
color: white;
}


.profile h1 {
color: white;
font-style: stylish;
}



table.details-table td {
background-color: transparent !important;
color: white !important;
font-style: italic !important;
}

/*Changing default color titles to unique colors*/

:root {
    --logo-blue: white;
    --headers: white;
    --darker-blue: rgba(215, 235, 255);
    --lighter-blue: rgba(215, 235, 255);;
    --even-lighter-blue: white;
    --lightest-blue: white;
    --dark-orange: rgba(215, 235, 255);
    --light-orange: white;
    --even-lighter-orange: white;
    --green: white;
    --links: rgba(215, 235, 255);
}


/*Contacting Me and My interests*/

.contact {
    background-color: white;
}
table.details-table {
    background-color: rgba(215, 235, 255);
}
.profile .friends .inner {
    background-color: rgb(234, 251, 254);
}
.profile .blurbs .inner {
    background-color: rgba(215, 235, 255);
}





/*Special Other*/

.count {
color: white;
}


/*fonts, icons, and cursor*/

.online img {
  filter: brightness(0) saturate(70%) invert(76%) sepia(42%) saturate(432%) hue-rotate(305deg) brightness(104%) contrast(105%);
    !important;
}

a:hover {
    cursor: url(https://cdn.custom-cursor.com/packs/1228/medium/Cute-Penguin.png), auto;
}

* {
    cursor: url(https://cdn.custom-cursor.com/packs/1228/medium/Cute-Penguin.png), auto;
}

* {
    font-family: creepster;
}



/*footer*/

footer {
background-image: url(https://i.pinimg.com/564x/7b/04/a3/7b04a328dc25ac27322d820f39196ffe.jpg); !important; 
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: 100%;
}


</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.