haida aggretsuko

Tags: #animation, #simple, #cute, #emo, #black, 2000's
Description:

second layout i've made, on my profile rn (might change :> ) if u repost i will eat your soullll. i'm in my haida phase as you can see. comment if u need help with anything or if u like it! also credit lolzies
this layout has/does:
- haida slides in from the right
- on mobile, u can't see haida sliding in
- at the bottom where u can see ur friends comments the font needs to be a certain colour or you wont see them because of the gif in the backround
- u can use this as a base if u want :)
upload code in ur about me section !!
Preview:

click on the image for a larger preview
Code:

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

<style> 

/*==========⚠️==========
* for colors go to https://htmlcolorcodes.com/color-names
* for fonts go to https://fonts.google.com
* for cursors go to https://icons8.com , https://custom-cursor.com , https://www.cursors-4u.com
============⚠️==========*/

/*=== cursors ===*/
a:hover{
    cursor: url('https://cur.cursors-4u.net/cursors/cur-10/cur966.cur'), auto;
}
* {
    cursor: url('https://cur.cursors-4u.net/cursors/cur-10/cur970.cur'), auto;
}
</style>

<style>

/*=== font style ===*/
@font-face { font-family: "ElegantTypewriter-L3Pa3"; src: url('//dl.dropbox.com/s/uw4ksded848qvrq/ElegantTypewriter-L3Pa3.ttf'); }
@font-face { font-family: "IMFeDPsc28P"; src: url('//dl.dropbox.com/s/u1nn1w6mox63rej/IMFeDPsc28P.ttf'); }
</style>

<style>

/*=== layout details ===*/

:root{
     --headers: Darkgray;
     --text: DarkGray;
     --names: Gainsboro;
     --links: DimGray;
     --hover: whitesmoke;
     --borders: 4px inset #221F1F !important;
     --background_image: url('https://i.pinimg.com/originals/4f/07/61/4f07618e6737f672bedccccd4ed06f16.jpg');
     --font-family: "ElegantTypewriter-L3Pa3";
     --curve: 0px;
}

.url-info{display:none !important;} /* to hide the url */
.blurbs .heading{display:none !important;} /* to hide the blurbs heading */
h3, h4, h5, .url-info b{ color: var(--headers) !important;} /* headings*/
a{color: var(--links) !important;} /* color of links */
a:hover{color: var(--hover) !important;} /* color of links on hover */
p, h2{color: var(--text) !important;} /* color of text */
h1, .friends a p{color: var(--names) !important;} /* color of names, and friends counter */
h1, .friends a:hover p{color: var(--hover) !important;} /* color of names on hover */
nav label{color: var(--links) !important;} /* color of search */
.section h4 {color: var(--headers) !important;text-align:center;} /* aboutme & want2meet headings */
.section{color: var(--text) !important;} /* sometimes <p> is broken by embeds maybe. */
.comment-reply:not(:first-child){border-top: 3px double var(--links);} /* line in bewtween comment replies*/
.count{color:Gainsboro;}

/*=== text decoration ===*/
a:hover,
a:active,
.blog-entry .kudos-btn:hover,
.blog-entry .kudos-btn:active{
    text-decoration: underline;
    text-decoration-style: wavy;
}
.logout-btn:hover,
.logout-btn:active{
    text-decoration: underline;
    text-decoration-style: wavy;
}
nav .top a:hover{
    text-decoration: underline;
    text-decoration-style: wavy;
}
nav .links a:hover{
    text-decoration: underline;
    text-decoration-style: wavy;
}

/*=== font family ===*/
a, p, nav label, .section{
    font-family: var(--font-family) !important;	
    text-shadow: 0px 0px 0px black !important;
    font-size: 14px!important;
}
h2, h3, h4, h5, DIV.mood > P:nth-child(1) > B, P:nth-child(2) > B{
    font-family: "IMFeDPsc28P";
    text-shadow: 0px 0px 0px black !important;
    letter-spacing: .3px;
    font-size: 16px!important;
}

/*=== padding and margin ===*/
.icon{border:none !important;}
.blurbs{margin-top:10px !important;margin-bottom:30px !important}
.friends{margin-top:-10px !important;margin-bottom:30px !important}
.profile-info{border-radius: var(--curve) !important;}
.comment-replies{border:5px inset var(--links);}
.comments-table{border-radius: var(--curve) !important;border:none !important;}
.table-section{padding-bottom:7px !important;margin-top:30px!important}
#comments{margin-top:5px !important;padding-bottom:5px !important}
.details p:last-child{color:var(--links) !important; filter: brightness(95%);}
.mood{margin-top:20px;}
.blog-preview{margin-top:30px;}
.mood, .blog-preview{margin-bottom: 30px;}
.table-section, .blurbs, .friends{margin-bottom: 30px !important;}
.friends{margin-top: 10px!important;}

/*=== background image ===*/
body {
    background-image: var(--background_image) !important;
    background-color: black ;
    background-repeat: repeat;
    background-size: contain;
}

/*=== navigation ===*/
/*=== change logo color at https://codepen.io/sosuke/pen/Pjoqqp ===*/
nav{
    background: url('https://cdn.wallpapersafari.com/80/17/TZxt1s.jpg');
    background-size: cover;
    border: var(--borders);
    border-radius: var(--curve);
}
nav .top {
    background: rgba(0,0,0,0.0);
}
nav .top a{
    color: var(--links)!important;
}
nav .links {
    background: transparent!important;
    background-size: 100%100%!important;
    text-align: center;
    font-size: 14px;
}
nav img.logo{
    filter: brightness(0) saturate(100%) invert(42%) sepia(0%) saturate(0%) hue-rotate(10deg) brightness(96%) contrast(89%); !important;}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ⋮ ";
    color: var(--text);
}

/*=== color the search bar and button ===*/
.search-wrapper input[type=text] {
    background-color: rgba(0, 0, 0, 0.0) !important;
    border: 2px solid var(--links) !important;
    color:DarkGray !important;
    border-radius: 10px !important;
}
button{
    border-radius: 10px !important;
    border: 0px solid DarkGray!important;
    font-family: var(--font-family) !important;
    background-color:rgba(0, 0, 0, 0.0) !important;
    color:var(--links)!important;
}

/*=== online icon and color ===*/
.online{color: var(--links) !important;} 
.online img {
    filter: brightness(0) saturate(100%) invert(42%) sepia(0%) saturate(0%)
    hue-rotate(10deg) brightness(96%) contrast(89%); !important;
}

/*=== profile name ===*/
h1{
    padding-left: 30px !important;
    font-family: "IMFeDPsc28P";
    font-size:30px !important;
    margin-top: -10px!important;
    color: DarkGray!important;
}

/*=== profile info ===*/
.profile-info{
    background: url('data:image/jpeg;base64,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');
    background-size: cover;
    border: var(--borders)!important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-top: 30px;
}
.profile-info .inner{
    font-weight: bold;
    text-align: center;
}

/*=== contact ===*/
.contact {
    background: url('https://c.tenor.com/0DciY9dOTJkAAAAC/impressed-haida.gif');
    background-size: cover;
    border-radius: var(--curve) !important;
    padding: 2px !important;
    border: var(--borders) !important;
}
.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 user */
	content: "⊗"
} 


/*=== images ===*/
main{
    background: transparent;
    padding: 6px 0px;
    background-size: 100%;
    background-position: center;
}
.profile-pic img{
    outline:none !important;
    border: var(--borders)!important;
    filter:drop-shadow(0px 0px 0px black)!important;
}
.profile .friends .person img{
    border-radius: 10px;
    border: var(--borders) !important;
    filter:drop-shadow(0px 0px 0px black) !important;
}
.friends-grid{
    text-align: center;
}
.friends-grid img{
    outline:none !important;
    filter: opacity(90%) !important;
    border-radius: var(--curve) !important;
}
.inner img{
    outline:none !important;
    filter: drop-shadow(0px 0px 0px black) !important;
    border-radius: var(--curve) !important;
}

/*=== interest table background color. replace transparent with any color to see the change ===*/
td {
    background-color: transparent!important;
}
hr{
    border: 2px inset #221F1F;
    background: #221F1F;
}

/*=== boxes ===*/
.heading, .url-info, .blurbs, .friends, .table, .table-section, footer{
    border-radius: var(--curve) !important;
    padding: 2px !important;
    border: var(--borders) !important;
}
.friends, .blurbs{
    background: url('');
    background-size: cover;
}
.mood, .blog-preview{
    border-radius: var(--curve) !important;
    padding: 2px !important;
    border: var(--borders) !important;
}
.mood, .blog-preview {
    text-align: center;
    background: url('https://cdn.wallpapersafari.com/80/17/TZxt1s.jpg');
    background-size: cover;
    border: var(--borders) !important;
}
.table-section{
    border:var(--borders) !important;
    background: url('https://cdn.wallpapersafari.com/80/17/TZxt1s.jpg');
    background-size: cover;
    border-radius: var(--curve) !important;
}
.heading{
    background:transparent!important;
    padding-bottom: 4px !important;
    background-size:100%100%!important;
    text-align: center;
    border:none!important;
}
.comments-table td {
    background-image: url('https://c.tenor.com/XDLE8j5frSEAAAAd/haida-drinking.gif') !important;
    background-size: cover;
}
.comments-table td:first-child{
    background: url('')!important;
    background-size: 50%!important;
}
.comments-table td:first-child img {
    border: var(--borders);
/* you can clip images at https://bennettfeely.com/clippy and add the code here */
}

/*=== footer ===*/
footer{
    color:red;
    text-align: center;
    font-size: 60%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: url('https://cdn.wallpapersafari.com/80/17/TZxt1s.jpg');
    background-size: cover;
}
</style>

<style>
/*=== Scrollbar styles ===*/
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
    border-radius: 0px;
    width: 1px;
    border: 5px inset DimGray;
}
::-webkit-scrollbar-thumb {
    background: DimGray;
    border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
    background: DarkGray;
}
.profile .table-section .details-table td {
  background-color: transparent;
}
.profile .blurbs .heading {
  font-size: 15px;
  font-weight: bolder;
  background: transparent;
  color: var(--links);
}
.col.right h4 {
  color: var(--links);
  text-align: left;
}
.profile .blurbs .section h4, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
  background: none;
  color: var(--text);
  font-style: italic;
}
.profile .blurbs .section h4 {
  padding-left: 5px;
}
.person p {
  color: var(--links) !important;
}
.person img{ 
  border: 2px solid var(--borders);
  box-shadow: 0px 0px 7px var(--shadow);
  border-radius: 180px;
  display: absolute;
  height: 100px;
  object-fit: cover;
  width:100px;
}
.person:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}
.count {
  color: var(--links);
}
footer:after{
  bottom: 0;
  font-size:0;
  left: 75%;
  position:fixed;
  pointer-events: none;
  content:url(https://cdn130.picsart.com/266272723002212.png);
  animation: slideIn 2s forwards;
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
} 
@keyframes slideIn {
  0% {
    transform: translateX(900px);
  }
  100% {
    transform: translateX(0);
  }
}
@media screen and (min-width: 0px) and (max-width: 720px) {
  footer:after { display: none; }

}
.col.left h1:before{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 90px;
  background-image: url(https://static.wikia.nocookie.net/p__/images/9/97/Haida_2.png/revision/latest/top-crop/width/360/height/360?cb=20211217035722&path-prefix=protagonist);
  background-repeat: no-repeat;
  background-size: 105px;
}
.profile-pic img:hover{
  animation: rotation 0.3s infinite linear;
  /*makes your pfp spin when you hover. put your avatar in the blender, for absolutely no cost !!*/

<div class="music">
<iframe width="100%" frameborder="no" src="https://w.soundcloud.com/player/?url=1181187574&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true">


</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 2 of 2 comments ( View all | Add Comment )
Finn / Richard
1702941185
using!!
Report Comment
Cyrus
1670858893
Report Comment