blue water layout for mazin

Tags: simple, blue, layout, layouts, gif

Description:

a simple blue layout with a sort of water theme for @mazin the background is a moving gif of the ocean feel free to add or edit as you like!

Preview:

click on the image for a larger preview

Code:

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

<style>
@font-face {
   font-family:   font-family: 'PT Mono', monospace;
   src: url("https://fonts.googleapis.com/css2?family=PT+Mono&display=swap");
  font-size: 45px;
}

* {
   font-family: 'PT Mono', monospace;
}
</style> 

<style>

    body {

background-color: #170B67;

    }


<style> 


<style>

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



<style>



a:hover{

    cursor: url(http://www.rw-designer.com/cursor-view/156487.png), auto;}

* {

    cursor: url(http://www.rw-designer.com/cursor-view/156483.png), auto;}





<style>



<style> 



 </style>



<style>



nav .top {

    background-color: #0090C4;

}



nav .links {

    text-shadow: 0px 0px 5px#E3F3F2;

    background-color: #000000 ;

}



nav .links a:hover {

    color: #000000;

}





main {

color: #000000;

text-shadow: 0px 0px 5px#E3F3F2;

background:url(http://gifimage.net/wp-content/uploads/2017/08/underwater-gif-9.gif);

background-size:175%!important;

border-radius:15px;

}



main a:hover{

    color: #0E53B2;

}



main a{

    color: #000000;

}



.profile .table-section .details-table td {

  background-color: #000;

  color: #E3F3F2;

}





.profile .contact, .profile .table-section, .profile .url-info {

  border: 1px solid #0E53B2;

}





.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

  background-color: #0E53B2;

  color: #000;

}





.profile .blurbs .heading, .profile .friends .heading {

  background-color: #0E53B2;

  color: #000;

}



.profile .friends .comments-table td {

  background-color: #0E53B2;

  color: #000;

  border: 1px solid:  #0090C4;

}



.profile .friends .friends-grid p{

color: #000000;

text-shadow: 0px 0px 5px #E3F3F2;

}



.profile .blurbs .section h4 {

    color: #000000;

}



</style>

<style>
footer {
        border-radius: 15px;
background-color: #0E53B2;
background-position: top center;
</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 12 of 12 comments ( View all | Add Comment )

5kymann_	1732662680 Using!!!1! Report Comment
HoshITZuki	1729555449 usingg Report Comment
MoonLmaoo	1728896688 Using Report Comment
weezerfan314	1728403125 using :) Report Comment
seasttarr	1727657231 using Report Comment
Cayden	1726733686 Using. : ) Report Comment
Blazingjaguar	1723863761 Using Report Comment
Silly Shape Shifter!!!	1714341994 Using! Report Comment
nyon 🍀	1712094105 using Report Comment
bl0xyc0la	1710050667 Using Report Comment
ifrlyx	1701830591 This is awsome im gonna use it lol Report Comment
r.o.u.s.	1675494377 cj w moment Report Comment yk it dudes B) by CJ; 1675494506; Report