My Profile Currently

Tags:
Description:

You can have it, just make sure to give credit to the people who I took from 👍
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by Lily the Loser (https://layouts.spacehey.com/layout?id=107104) -->

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

<style>
@import url('https://fonts.googleapis.com/css2?family=La+Belle+Aurore&family=Marck+Script&display=swap');

:root {
--main-bg: #cc9;
--page-bg: #ffc;
--links-bg: #D1D989;
--title: #57734d;
--text: #453;
--text-light: #666248;
--text-checker: #666248;
--text-gril: #9a5218;
--text-grir: #636a2f;
--link: #983107;
--link-nav: #5E6F25;
--grid-left: #fdc044;
--grid-left-dark: #e19a33;
--grid-right: #c0c770;
--checker-light: #fee294;
--checker-dark: #fef3a6;

}

body { background-color: var(--main-bg); overflow-x: hidden; }
nav .top { background-color: var(--page-bg); margin:0; padding:0; }
nav .left { background-color: var(--title); padding: 25px 24px 24px 10px; }
nav .center, nav .right { background-color: var(--page-bg); }
nav .center {margin: 5px; margin-right: 0px; padding: 10px 0px 30px 20px; }
nav .right {margin: 5px; margin-left: 0px; padding-right:5px; padding-top: 5px; }
nav .links { background-color: var(--links-bg); }

@media (min-width: 785px) {
nav .links { columns: 7; max-width: 80%; text-align: center;
width: 605px; left: 205px; position: relative; bottom: 41px; } 
main { position: relative; top: -41px; } 
nav .center, nav .right {  box-shadow:0px -40px 0px var(--page-bg) inset; } }


nav .links a { text-shadow: none; color: var(--link-nav); font-weight: bold; }
nav .links a:hover, nav .links li.active a { color: var(--link); }

button { background-color: var(--grid-left); border-radius: 100px; color: var(--text);
font-weight: bold; border:none; padding: 4px 13px; margin: 2px; transition: 0.2s; }
button:hover { background-color: var(--checker-light); }

footer { background-color: var(--checker-light); } footer p { color: var(--text-light); }

main { background-color: var(--page-bg); }
main, nav, .logout-btn { color: var(--text); }
main, button, .logout-btn { font-family: verdana, arial, helvetica, sans-serif }

nav .links li:not(:last-child)::after { content:none; }

.profile .contact, .profile .table-section { border: none; }
.profile .table-section .heading { background-color: #0000; color: var(--title); border-bottom: dotted 2px var(--title);  }
.profile .url-info {border: none; background-color: #0000; color: var(--title); }

.details-table td:first-child, .comments-table td:first-child
{ color: var(--text-gril); box-shadow: 0px 10px 5px inset var(--grid-left-dark);
background-color: var(--grid-left);  padding-right: 10px; padding-top: 10px; border-radius: 4px 12px 4px 8px; }
.details-table td:first-child p { border-bottom: dotted 2px var(--text-gril); }

.details-table td:last-child, .comments-table td
{ color: var(--text-grir); background-color: var(--grid-right);  padding-right: 10px; border-radius: 4px 12px 8px 4px; }

.profile .blurbs .section h4 { color: var(--text-checker); padding-bottom: 20px; border-bottom: dotted 2px var(--text-checker); margin-bottom: 10px; }
a { color: var(--link); text-decoration: none; }
a:hover { color: var(--link); text-decoration: underline; }
.profile .contact .heading { margin-bottom: 20px; }
.profile .contact .heading, .profile .blurbs .heading, .profile .friends .heading
{ background-color: #0000; border-bottom: solid 2px var(--text-checker); }
.profile .blurbs .heading, .profile .friends .heading { margin-bottom: 10px; }
.profile .contact .heading { box-shadow: 0px 10px 0px var(--links-bg); }
.profile .blurbs .heading { box-shadow: 0px 10px 0px var(--checker-light); }
.profile .friends .heading { box-shadow: 0px 10px 0px var(--grid-left); }
.profile .blurbs .heading h4, .profile .friends .heading h4, .profile .contact .heading h4
{ font-family:Marck Script, cursive, sans serif; font-size:28px; font-weight: normal;
translate: 0px 13px; color: var(--title); }

.profile h1 { color: var(--title);  }

nav .top .left .logo { filter: invert(14%) sepia(25%) saturate(390%) hue-rotate(25deg) brightness(105%) contrast(86%); }

.profile .friends .person img, .general-about .profile-pic img { border-radius: 4px 12px 0px 0px; background-color: var(--grid-right);
box-shadow: 0px 15px 0px var(--grid-left-dark); translate: 0px -6px; }
.comments-table td:first-child img { border-radius: 4px 12px 4px 8px; }

.online, em { color: var(--grid-left); font-weight:bold; font-style:normal; } .online img { filter:hue-rotate(300deg) brightness(145%); }

.icon { display: none; }
.contact .inner a:before {content: url(https://groonklie.com/spacehey-junk/napastyle/bullet.png); image-rendering:pixelated; }
.f-col { padding: 5px; }
.f-col a { color: var(--text-checker); text-decoration: none; }
.f-col a:hover { color: var(--text-checker); text-decoration: underline; }
.f-col:first-child { border-right:6px solid var(--page-bg); }
.f-row:nth-child(even) .f-col:nth-child(even), .f-row:nth-child(odd) .f-col:nth-child(odd) { background-color: var(--checker-light); }
.f-row:nth-child(even) .f-col:nth-child(odd), .f-row:nth-child(odd) .f-col:nth-child(even) { background-color: var(--checker-dark); }

</style>

<!-- (c) Layout created by l4in-1waKur4 (https://layouts.spacehey.com/layout?id=103932) -->

<a href="http://blinki.es/animal"><img src="http://blinki.es/blinkies/animal/ferret-fanatic.gif" alt="Animal blinkies"/></a><a href="http://blinki.es/food"><img src="http://blinki.es/blinkies/food/brownie-addict.gif" alt="Food blinkies"/></a><a href="http://blinki.es/food"><img src="http://blinki.es/blinkies/food/sweet-tea.gif" alt="Food blinkies"/></a><a href="http://blinki.es/gaming"><img src="http://blinki.es/blinkies/gaming/mahjongg.gif" alt="Gaming blinkies"/><img src="http://blinki.es/blinkies/other/antique-shops.gif" alt="Other blinkies"/></a><a href="http://blinki.es/tech"><img src="http://blinki.es/blinkies/tech/freaks-and-geeks.gif" alt="Tech blinkies"/></a><a href="http://blinki.es/tv"><img src="https://y2k.neocities.org/stamps/i_love_anything_paranormal_by_ladykatrianna.gif" width="150" height="70"/><img src="https://raining-starss.neocities.org/goodieblink%20(5).png" width="150" height="70"/><img src="https://yesterhost.neocities.org/archive/buttons/button169.png" width="150" height="70"/><img src="https://yesterhost.neocities.org/archive/buttons/button394.png" width="150" height="70"/><img src="https://iili.io/J80upKF.png" width="150" height="70"/><img src="https://iili.io/J80uQtV.png" width="150" height="70"/>






<img src="https://i.pinimg.com/originals/62/43/f2/6243f26861e59c22cf8f2e52f7fd3a5b.gif" alt="https://i.pinimg.com/originals/62/43/f2/6243f26861e59c22cf8f2e52f7fd3a5b.gif" class="transparent"/>





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

<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 0px; z-index: 400;">
<img src="https://i.pinimg.com/564x/53/f8/92/53f892adf6fff504526a413e94817bf3.jpg" height="220"/></div>

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

<div style="float: ;&#10;    max-width: 200px;&#10;    height: auto;&#10;    position: fixed; &#10;    left: 10px;&#10;    top: 10px;&#10;    z-index: 180;">
<img src="https://64.media.tumblr.com/49f6437aefbc04fc1d490c5d076796a5/0536de8ad19d244d-7c/s400x600/86d3ba5141367355ed6534f420a9cdaf4ed8a12c.gif" alt="moomin plush spinning around"/>
</div>
<!-- (c) Layout created by Laydamerfor (https://layouts.spacehey.com/layout?id=96945) -->

<div style="float:  ; max-height: 1000px; position: fixed; right: 4px; top: 0px; z-index: 1000;">
<img src="https://64.media.tumblr.com/cc9b578cf3ad3eb1b22cc1758bef4c0c/1ceeffc0e2922b74-a0/s500x750/d8be2052faea60f78816bbb4ce4c7b2fda0466cd.pnj" height="220"/></div>
<!-- (c) Layout created by Laydamerfor (https://layouts.spacehey.com/layout?id=99491) -->

<div style="float:  ; max-height: 300px; position: fixed; right: 1px; top: 0px; z-index: 400;">
<img src="https://gifcity.carrd.co/assets/images/gallery84/6398fac1.png?v=26dffab5" height="220"/></div>

</a>



<div class="snowflakes">
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
</div>

<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}




</style>

<!-- (c) Layout created by pailebceedo (https://spacehey.com/pailebceedo) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/8kBlKM71pjc//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

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

<style>* {cursor: url(https://64.media.tumblr.com/3a750b7108c7eb4fe4cdc168041de059/tumblr_inline_p9tiegMqjJ1qbn90k_75sq.gifv), auto !important;} </style>

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

<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 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: "🍂"
</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

Comments disabled.