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

ReixxyO⁠_⁠o	1732969138 Using Report Comment
DANIEL	1731658140 Using Report Comment
bullet ☆	1731089343 using :D Report Comment
★彡L!am彡★	1731013856 using! Report Comment
MoonLmaoo	1728896571 Usingg Report Comment
Cass	1727132636 Using!! :33 Report Comment
⋆˚✿˖°Tsukasa⋆˚✿˖°	1726605107 Using!!! Report Comment
Sebastian	1723346558 usinggg Report Comment
Caspz	1721592833 using Report Comment
ヒカル🎸🎏🍜	1718614871 I might use I luv ocean life! Report Comment
sl33pycyber ྀི	1713322063 using <3 Report Comment
t_tweak	1713140931 useing Report Comment
#🎧 𝑨𝑳𝑺 ✮⋆˙	1709534437 AUHDUSAWD CUTE >_< USING!! Report Comment
SAMU ☆☆	1708897432 USING Report Comment
Shark!!	1706976229 USING11111111111!!!!!!!!!!!!!!!!1111 Report Comment
☆ Jack Vincent ☆	1706165620 Usando!!! (⁠人⁠ ⁠•͈⁠ᴗ⁠•͈⁠) Report Comment
_y𝔲𝔪𝔦𝔨𝔬o_	1705112442 Using <3 Report Comment
fck0ff!! >_<	1704384451 Using x3 Report Comment
♤𝔽𝕒𝕖_𝕥𝕙𝕖_𝕤𝕝𝕖𝕖𝕡𝕪♤	1704043838 Using :D Report Comment
Mio	1703363077 hello i just want to say you can fix this by using tumblr First upload the image Second right click and click "open in new tab " copy the url and paste "background-image: url(https://64.media.tumblr.com/your images url) if you dont have a tumblr just check https://www.tumblr.com/blog/allkahani (my account) then do ght click and click "open in new tab " copy the url and paste "background-image: url(https://64.media.tumblr.com/your images url) You welcome :3 Report Comment