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 527 comments ( View all | Add Comment )

dotserer	1738209401 usandooo uwu Report Comment
Ling	1738107809 using! :3 Report Comment
Milli	1737883018 using it thank you so muchh <3 Report Comment
yuki	1737795894 usingg Report Comment
spikeywayz	1737743557 using! Report Comment
spikeywayz	1737743513 using! Report Comment
spikeywayz	1737743513 using! Report Comment
spikeywayz	1737743511 using! Report Comment
akiyama	1737654033 using!! (did some changes for my liking but yea ^^) Report Comment
⭐shuichi✧˖°.	1737579089 using!! Report Comment
leaᶻ 𝗓 𐰁	1737490807 usinggg!! Report Comment
𓃗 juliet	1737223880 USING ALSO THANK U FOR DESCRIBING WHAT THE CODES R FOR! Report Comment
pic457	1737207542 using Report Comment
no1miren ☆彡	1737024508 using! Report Comment
Fuyuki	1736974140 Using!! Thx sm <3 Report Comment
es ₍ᐢ⑅ᐢ₎	1736843958 using! ty :3 Report Comment
Will	1736790689 usingg!! Report Comment
irisxx27	1736737790 usando Report Comment
✮PRECIOSU✮	1736681986 Using! :3 Report Comment
lillian 🐈	1736646781 using :D Report Comment