Shark/Ocean themed Layout

Tags: layout

Description:

Shark and ocean themed, made my me !!!!

If used, please credit me in your "about me" section and comment that you are using it !! UPDATE - 29/09/23 IM SO SORRY THIS DOENST WORK ANYMORE, SOMETHING HAPPENED WITH THE LINKS I THINK BUT I NO LONGER USE THIS ACCOUNT SO I CANT FIX IT RIGHT NOW

Preview:

click on the image for a larger preview

Code:

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

<style>


body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}





footer{
border-radius: 20px;
background-image: url(https://i.imgur.com/BUO0KSP.jpg);
color: white;
background-repeat: no-repeat;
filter: sepia(110%) hue-rotate(160deg) saturate(3);
}


.profile-info{
background: transparent;
border: 3px solid #97dafc;

}



.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 Favorites */
	content: "✿"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "✿"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward 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 to Group */
	content: "✿"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "✿"
}

.profile .contact,
table.details-table {
    border-collapse: collapse;
}



*{ 
    cursor: url(https://cur.cursors-4u.net/holidays/hol-4/hol400.cur), auto; 
}
a:hover {
    cursor: url(https://cur.cursors-4u.net/holidays/hol-4/hol400.cur), auto;
}

.friends-grid{display: none !important;} 

h1, .count, .friends a p {
     color: #b8e2f5;
} 


h2,h3,h4,h5{
font-family: "Comic Sans MS", "Comic Sans", cursive;
font-size: 160%;
color: #97dafc;

}

main:before {
width: auto;
--logo-blue: white;
--dark-blue: white;
--lightemargin-bottom: 25px;
border: 0px solid white;
height: 350px;
display: block;
content: "";
shadow-box: 0px 0px 5px #4e91de;
background-image: url(https://i.imgur.com/7cJBTll.jpg);
background-position: center center;
background-size: cover;
filter: sepia(110%) hue-rotate(165deg) saturate(3.5);

}


 main {
        border-radius: 0 0 15px 15px;
     background-color: rgba(58, 196, 252, 0.50);
}





body {
    background: url(https://i.imgur.com/2J7QENM.jpg);
 
  background-attachment: fixed;
}




.profile {
    direction: rtl;
}

.blurbs, .profile .table-section .heading, .blog-preview a, .friends, .general-info, .contact, .url-info, .details-table, .details p{
    direction: ltr;
}

.url-info{
    background: url('https://i.imgur.com/asTzLhL.jpg');
    background-position: center;
    border: var(--borders)!important;
    height: 240px;
    background-size:cover;

filter: sepia(110%) hue-rotate(165deg) saturate(3.5);
}

*{
  border-radius: 9px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
  border-radius: 6px 6px 9px 9px;
}


.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    opacity: 0.5;
}


:root {--logo-blue: rgba(58, 196, 252, 0.50);
--darker-blue: #58bff5;
--lighter-blue: //////////;
--even-lighter-blue: #58bff5;
--lightest-blue: #58bff5;
--dark-orange: #58bff5;
--light-orange: #58bff5;
--even-lighter-orange: #58bff5;
}

a:hover {
     color: #127ce6; 
   } 
   a{
     color: #97dafc;


</style>

<style>

table.comments-table {
border: 0px inset #87dbff;
}


/*hides white box around comments table*/
    .table.comments-table:{
    border-color:transparent;}


li.active .icon { 
    content:url('https://www.picgifs.com/mini-graphics/mini-graphics/fish/mini-graphics-fish-126424.gif'); 
    width: 16px;
    height: 18px;
filter: sepia(110%) hue-rotate(165deg) saturate(3);
    }




.online { visibility: hidden; } .online img { content: url("https://i.imgur.com/rcFE2PU.jpg"); animation-name: none; visibility: visible; height: 80px; width: 100px;
filter: sepia(110%) hue-rotate(165deg) saturate(3);
 }



p{font-family: "Comic Sans MS", "Comic Sans", cursive;
color: #97dafc;



</style>



<style>

nav .links a {
  color: #97dafc;
  text-shadow: white 0px 0px 0px;
  padding: 0px
}

nav .links a:hover {
  color: #127ce6;
  background: 
  text-decoration: none;
  padding-top: 0;
}

</style>



 
<style>

.links .special a:link, .links .special a:visited  {
  color: #97dafc; 
}

.links .special a:hover {
  color: #127ce6;
}


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

Lillie	1755365258 awesome layout, but it's broken now :( Report Comment
Jadendamandelafella	1754085146 Using!! Report Comment
sora <3	1747711377 using using!!! Report Comment
Max :D!	1745457569 Using:D!!! Report Comment
Max :D!	1745457568 Using:D!!! Report Comment
sixty4gamer	1744081326 using!!!!!!!!11! Report Comment
Fishy_wagon	1739990314 Using! Nice effects ^u^ Report Comment
Ollie ☆	1738775562 Using! Report Comment
GI0._.0F._.TH3._.M00N!	1735228491 using Report Comment
ReixxyO⁠_⁠o	1732969138 Using Report Comment
DANIEL	1731658140 Using Report Comment
turrie ෆ	1731089343 using :D Report Comment
-.addie.-★	1731013856 using! Report Comment
moonlmao	1728896571 Usingg Report Comment
Cass	1727132636 Using!! :33 Report Comment
⋆˚✿˖°Tsukasa⋆˚✿˖°	1726605107 Using!!! Report Comment
Sebastian	1723346558 usinggg Report Comment
ɪꜱᴀᴀᴄ (=^‥^=)	1721592833 using Report Comment
春香 / ひかる	1718614871 I might use I luv ocean life! Report Comment
sl33pycyber ྀི	1713322063 using <3 Report Comment