Black and yellow

Tags: dark, hufflepuff, black and yellow

Description:

Black and yellow with a touch of gray. Note that I simplified the screenshot to remove my personalized content, such my name, picture, About me information, etc.

Paste this code into your 'Who I'd like to meet' section.

Preview:

click on the image for a larger preview

Code:

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

<style>
:root{
  /*background color*/
  --site-bg: #000000;
  --header-bg: #60605c;
  --navbar-bg: #60605c;
  --content-bg: #000000;
  --footer-bg: #000000;
  --left-heading-bg:#ecb939;
  --right-heading-bg:#ecb939;
  --left-table-first-column-bg:#000000;
  --left-table-column-bg:#000000;
  --right-table-first-column-bg:#60605c;
  --right-table-column-bg:#ecb939;
  --input-bg:#000000;

  /*border color*/
  --input-bd:#60605c;
  --left-table-bd:#60605c;
  --right-table-bd:#ecb939;

  /* text color */
  --base-text:#f0c75e;
  --link-text:#fff4b1;
  --input-text:#fff3c4;
  --left-heading-text:#60605c;
  --left-table-first-column-text:#fff4b1;
  --right-heading-text:#60605c;
  --blurbs-heading-text:#fff4b1;

  /* font */
  --base-font:inherit; /* 'Courier New', monospace */
  --base-font-size:inherit; /* 15px */  
  --profile-name-size:3rem;

  /* text content */
  --profile-name-text:"your name";
}
html{overflow-x:hidden;}
body{background:var(--site-bg) !important;color:var(--base-text);}
.container{font-family:var(--base-font);font-size:var(--base-font-size);}
a{color:var(--link-text) !important;}
nav .top{background:var(--header-bg) !important;}
nav .links{background:var(--navbar-bg) !important;}
input,button{border-color:var(--input-bd);color:var(--input-text);background-color:var(--input-bg);}
main{background:var(--content-bg) !important;color:var(--base-text);}
.profile h1{position:relative;font-size:var(--profile-name-size)}.profile h1:after{content:var(--profile-name-text);position:absolute;top:0;left:.5rem;color:#fff;background-color:#0c1016;overflow:hidden;text-shadow:-.5rem 0 #ff6e48;clip:rect(0,90rem,0,0);animation:noise 3s infinite linear alternate-reverse}.profile h1:before{content:var(--profile-name-text);position:absolute;top:0;left:-1rem;color:#fff;background-color:#0c1016;overflow:hidden;text-shadow:.3rem 0 #ff6e48;clip:rect(0,90rem,0,0);animation:noise 2s infinite linear alternate-reverse}@-webkit-keyframes noise{0%{clip:rect(11rem,99.99rem,5rem,0)}4%{clip:rect(7rem,99.99rem,5rem,0)}8%{clip:rect(6rem,99.99rem,8rem,0)}12%{clip:rect(6rem,99.99rem,1rem,0)}16%{clip:rect(8rem,99.99rem,1rem,0)}20%{clip:rect(10rem,99.99rem,5rem,0)}24%{clip:rect(1rem,99.99rem,3rem,0)}28%{clip:rect(1rem,99.99rem,1rem,0)}32%{clip:rect(6rem,99.99rem,6rem,0)}36%{clip:rect(6rem,99.99rem,11rem,0)}40%{clip:rect(3rem,99.99rem,6rem,0)}44%{clip:rect(7rem,99.99rem,3rem,0)}48%{clip:rect(2rem,99.99rem,1rem,0)}52%{clip:rect(11rem,99.99rem,11rem,0)}56%{clip:rect(9rem,99.99rem,8rem,0)}60%{clip:rect(6rem,99.99rem,8rem,0)}64%{clip:rect(4rem,99.99rem,4rem,0)}68%{clip:rect(7rem,99.99rem,2rem,0)}72%{clip:rect(11rem,99.99rem,7rem,0)}76%{clip:rect(12rem,99.99rem,1rem,0)}80%{clip:rect(4rem,99.99rem,4rem,0)}84%{clip:rect(8rem,99.99rem,8rem,0)}88%{clip:rect(2rem,99.99rem,3rem,0)}92%{clip:rect(3rem,99.99rem,5rem,0)}96%{clip:rect(11rem,99.99rem,11rem,0)}100%{clip:rect(2rem,99.99rem,10rem,0)}}@keyframes noise{0%{clip:rect(11rem,99.99rem,5rem,0)}4%{clip:rect(7rem,99.99rem,5rem,0)}8%{clip:rect(6rem,99.99rem,8rem,0)}12%{clip:rect(6rem,99.99rem,1rem,0)}16%{clip:rect(8rem,99.99rem,1rem,0)}20%{clip:rect(10rem,99.99rem,5rem,0)}24%{clip:rect(1rem,99.99rem,3rem,0)}28%{clip:rect(1rem,99.99rem,1rem,0)}32%{clip:rect(6rem,99.99rem,6rem,0)}36%{clip:rect(6rem,99.99rem,11rem,0)}40%{clip:rect(3rem,99.99rem,6rem,0)}44%{clip:rect(7rem,99.99rem,3rem,0)}48%{clip:rect(2rem,99.99rem,1rem,0)}52%{clip:rect(11rem,99.99rem,11rem,0)}56%{clip:rect(9rem,99.99rem,8rem,0)}60%{clip:rect(6rem,99.99rem,8rem,0)}64%{clip:rect(4rem,99.99rem,4rem,0)}68%{clip:rect(7rem,99.99rem,2rem,0)}72%{clip:rect(11rem,99.99rem,7rem,0)}76%{clip:rect(12rem,99.99rem,1rem,0)}80%{clip:rect(4rem,99.99rem,4rem,0)}84%{clip:rect(8rem,99.99rem,8rem,0)}88%{clip:rect(2rem,99.99rem,3rem,0)}92%{clip:rect(3rem,99.99rem,5rem,0)}96%{clip:rect(11rem,99.99rem,11rem,0)}100%{clip:rect(2rem,99.99rem,10rem,0)}}
.left .heading{background:var(--left-heading-bg) !important;color:var(--left-heading-text) !important;}
.right .heading{background:var(--right-heading-bg) !important;color:var(--right-heading-text) !important;}
.blurbs .section h4{color:var(--blurbs-heading-text) !important;}
.contact, .url-info, .table-section{border-color:var(--left-table-bd) !important;}
.right table{border-color:var(--right-table-bd) !important;}
.left table td{background:var(--left-table-column-bg) !important;}
.left table td:first-child{background:var(--left-table-first-column-bg) !important;color:var(--left-table-first-column-text) !important;}
.right table td{background:var(--right-table-column-bg) !important;}
.right table td:first-child{background:var(--right-table-first-column-bg) !important;}
img[alt^="profile"]{filter: contrast(180%);}
img[alt^="profile"]:hover {transform: scaleX(-1);}
.profile-pic img{border-radius:50%}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{color:var(--link-text)}
footer{background:var(--footer-bg) !important;}
</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 35 comments ( View all | Add Comment )

rayne	1748489076 using!!!! Report Comment
L3m0ntr33z	1748413431 Using :D Report Comment
terribleperson98	1747513833 using! Report Comment
KewlMrPeanutFan	1746709665 Using! ^^ Report Comment
Simon	1746598936 Using! Report Comment
S0fi :3	1745029005 using!! Report Comment
𝔪𝔞𝔡𝔲 ´ཀ`	1744840403 usinngg!! Report Comment
Kimo	1742163224 using Report Comment
Euhm Ah	1741430136 using !! Report Comment
V☆ggie	1740702850 using Report Comment
mugrinaco	1739959550 using!,tysm Report Comment
Lex	1739364528 Using! Report Comment
Vinvinnie(y)	1734055813 usingng!!! Report Comment
Solde	1733526737 Using Report Comment
SocksDigital	1733421385 Using! Report Comment
matthew	1733343856 guhh gonna use Report Comment
ToonWorld!	1731982582 Using! Report Comment
˚⋆𐙚｡ owl 𖦹.ᡣ𐭩˚	1729346612 Using Report Comment
Bernard / Zamir	1725508317 Using!! Report Comment
Nyami ₊˚⊹⋆	1722247589 using!! Report Comment