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

Nighth4wk3	1778513321 using, thanks! Report Comment
Lux/Felix	1777768818 using !! Report Comment
illias	1777138186 using Report Comment
martinita	1776183730 using! <3 Report Comment
hyu	1775762225 using ! Report Comment
Alexis	1775735256 Using! Report Comment
Dungus	1774804669 Using! thank you Report Comment
★Yaritza	1774056023 usandooo! Report Comment
Lunariium	1773482044 using!!! Report Comment
Jawbreaker . . !	1773026680 Using Report Comment
Jawbreaker . . !	1773026680 Using Report Comment
kiz	1773000364 using!! x3 Report Comment
l0tusbug	1772704255 Using!! Report Comment
𑣲⋆｡sim	1772464181 using !! Report Comment
Kit Kat ⭑.ᐟ	1772068065 Using Report Comment
ouricote	1770855236 usingg Report Comment
chocok4t	1770533805 using! Report Comment
chocok4t	1770533805 using! Report Comment
chocok4t	1770533798 using! Report Comment
chocok4t	1770533792 using! Report Comment