Simple blue layout ‧₊˚✩彡

Tags: simple, blue, kawaii, cute, white

Description:

comment if u use!

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
background-image: url('https://i.pinimg.com/736x/53/c5/99/53c599ec2cbbdb237f3704d18e55d205.jpg');
background-attachment: fixed;
background-size: cover;
}
<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-11/nat1034.ani), url(https://cur.cursors-4u.net/nature/nat-11/nat1034.gif), auto !important;}</style>

<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.online {
    content: url(https://sillyblinkies.neocities.org/online/computeronline1.gif);
}

<style>
/* profile background/the image behind the profile box */
body { 
background: url(https://i.gifer.com/76YS.gif);
}
</style>

<style>
    table.details-table{

    background-color: #D8E2EC  !important;
    color: white
    }
</style>


<style>
.profile .details-table td{
        
    background-color: #D8E2EC
}


</style>


<style>

.profile {
   background-color: white 
}

  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: #5D6D7E;
   color: white 
}


  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: #566573;
   color: white
}


table.comments-table td {
    color: #D6EAF8;
}




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



} 

.main {
    border: 3px outset #F3F3F3   !important;
}

.profile .table-section {
    border: 3px outset ##D5D8DC  !important;
 
}

.profile .url-info {
    border: 2px outset #F3F3F3  !important;
}

.profile .contact {
    border: 2px outset #F3F3F3  !important;
}

.general-about .profile-pic img {
    border: 3px outset #F3F3F3  !important;
}

.profile .friends .heading {
    border: 2px outset #F3F3F3  !important;
}

.profile .blurbs .inner {
    border: 3px outset #F3F3F3  !important;
}

DIV.blog-preview {
    border: 2px outset #F3F3F3  !important;
}

.comments-table td {
    border: 2px outset #F3F3F3  !important;
}

.profile .friends .inner {
    border: 2px outset #F3F3F3  !important;
}

.comments-table td * {
    border: 2px outset #F3F3F3  !important;
}

.profile .friends .person img:not(.icon) {
    border: 3px outset #F3F3F3  !important;
}

.details-table td {
    border: 1px outset #A2ACB6  !important;
}

.profile .url-info p {
    color: #212F3D; 
}

main {
    background-color: white;
    border: 3px outset #F3F3F3  !important;
}


}

.profile .url-info p {
    color: #212F3D
}

.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  

}



p {
color: #566573
}

</style>

<style>
/* floating animations */
.profile-pic, .profile .friends .person img:not(.icon), .profile .friends .person p, .profile h1{ 
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 0px;
    margin-top: 0px;
}    

@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, -0px); }   
}

</style>


<style>
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "⭐"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "🌟"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "☁️"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "💫"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "✨"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "👾"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "🌙"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🛰️"
}   
</style>

<img src="http://dl2.glitter-graphics.net/pub/51/51082b97w96e86g.gif" width="31" height="18"/>

<img src="https://64.media.tumblr.com/a8fdc540c7c56370566bbfaad5ed60ad/f918354df8ad3dbe-fc/s250x400/8065286c841ec82ad271639dccd971c3c30c2748.gifv"/>

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 20 of 651 comments ( View all | Add Comment )

Max_X3	1763095255 using!! (adjusting the code to fit my profile a bit mroe..) Report Comment
n0b0dY'S D4UgHt3r ❀	1763083930 Using ( or at least trying to) Report Comment
𝘦𝘭𝘭𝘪𝘰𝘵𝘵 𑣲	1762928490 using Report Comment
ailia..	1762704626 using Report Comment
ailia..	1762704625 using Report Comment
ailia..	1762704624 using Report Comment
ailia..	1762704622 using Report Comment
Higurumas bathtub	1762322947 Using!! Report Comment
Olix ⟢	1762035213 usinggggg Report Comment
Kari !	1762027733 Using Report Comment
johnneedhelp92	1761840164 using Report Comment
johnneedhelp92	1761840160 using Report Comment
𝄞 Polly	1761766853 using Report Comment
G3NES1S	1761479653 using! Report Comment
BerriesnCookies	1761256280 Using^_^ Report Comment
Campfire23	1760933564 using Report Comment
Owen	1760918970 using! Report Comment
웃 . ♨️ 𝕾һᥙᥒ . † ˙ !!	1760859275 Usando! Report Comment
just_floating_.	1760507205 using! Report Comment
Aaron	1760218309 using Report Comment