Cloud layout!

Tags: cloud, sky, blue, simple, minimalist, white, gif
Description:

this is just a slighty edited normal layout.
Code:

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

<style>
body {
background-image: url('https://i.pinimg.com/originals/3a/d1/99/3ad1994219dac9084a110deae2447fec.gif');
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: #2985e6;
   color: white 
}


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


table.comments-table td {
    color: #2985e6;
}




:root {
    --logo-blue:#2985e6;
    --darker-blue: #;
    --lighter-blue: #3d9bff ;
    --even-lighter-blue:#2985e6;
    --lightest-blue: #2985e6;
    --dark-orange: #2985e6;
    --light-orange:;
    --even-lighter-orange:;
    --green:#2985e6;
}



} 

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




<style>
*{
  border-radius: 9px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
  border-radius: 6px 6px 9px 9px;
}
</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 )