sharpie layout

Tags: green, black, emo, dark academia, dark green, dullcore

Description:

very new at this so pls tell me if its rlly fucked up!

this is mainly just a couple of other layouts mashed together so i do not want to take credit for it

the main base is https://layouts.spacehey.com/layout?id=21632 with a lot of elements from. https://layouts.spacehey.com/layout?id=3840 just tweaked slightly so please credit them if you happen to use this :)

to add the playlists from spotify like i have, click share on the playlist and click embed playlist, then change the width to 49% on both so that they can fit next to each other

thank you!!

Preview:

click on the image for a larger preview

Code:

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

<style>
* {cursor: url(http://www.rw-designer.com/cursor-view/7798.png), auto !important;}
a:hover {cursor: url(http://www.rw-designer.com/cursor-view/7800.png), auto !important;}
</style>

<style>
/*Colors*/
     :root {
        --logo-blue: #;
        --darker-blue: #BDC4CC;
        --lighter-blue: #262c2f;
        --even-lighter-blue: #262c2f;
        --lightest-blue: #262c2f;
        --dark-orange: #BDC4CC;
        --light-orange: #262c2f;
        --even-lighter-orange: #262c2f;
        --green: #262C2F;}

main {
border-radius: 0 0 0px 0px;
background: #143015 !important;}

.profile {
color:#497a4b;
text-shadow: 0 0 9px black;}

  .comments-table{
    display: block;
    height: 380px;
    overflow-y: scroll;
    Border-radius: 15px;
    background-color: rgba(21, 23, 26, 1);
  }

/*chair background*/
body {
background:url('https://i.pinimg.com/236x/6b/56/98/6b56983c463bab49a0f4ded9b985ebd5.jpg');
no-repeat fixed; }

/*background wallpaper*/
.profile {
background-image:URL("https://www.tieroom.co.uk/media/catalog/product/cache/0d01e13f0208e84194694df9510b16bf/imp/ort/vigsel-dark-green-9.jpg");}

/*footer wallpaper*/
footer {background-image:URL("https://i.pinimg.com/736x/f3/dd/b5/f3ddb543d01ca00a9be5da0041857058--black-wallpaper-damask-wallpaper.jpg");
background-repeat: none;
border-radius: 0px;}

/*Navigation Bar Icons*/
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: URL("https://i.ibb.co/VCS3Kpj/cross.png");
color: #326333;}

/*Online Now Icon*/
.online{
content: url(https://i.ibb.co/LPmYk8T/ezgif-com-gif-maker.gif);}

/*Keyboard Divider*/
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 20px;
  background-image: url(https://i.ibb.co/p1C1Ck2/keyboard.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 300px;}

/*Comment table border*/
  table, tr, td { 
  background-color: none; 
 border: none; } 

/* colors for interest section */
.profile .table-section .details-table td {
background-color:rgba(66, 122, 81, 0.3);
}

/* this changes the color of your headers */
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');
h4{
font-size: 16px !important;
font-family: 'Paytone One', sans-serif;	
text-transform:uppercase !important;
padding-left: 2px !important;
/* gradient text, you can replace existing colors with whatever ones you want */
background: -webkit-linear-gradient(#4f785a, #092e13);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

   a:hover {
     color: white; 
   } 
   a{
     color: #4f785a; 

/* main profile background/the box that has all your text */
/* use https://rgbacolorpicker.com/ to pick a different color and adjust it's opacity */
main {
background: rgba(128, 171, 140, 0.4);
border-radius:15px;
border: 2px dotted rgba(79, 120, 90, 1)}

/* the color of the number of your friends */
    .count {
        color: #ffffff;
    }

/* this centers your friend space */
    .profile .friends .inner, .profile .blurbs .section h4{
    text-align: center;
    }

/* spacehey logo */
nav img.logo{filter: brightness(0) saturate(100%) invert(99%) sepia(73%) saturate(7472%) hue-rotate(280deg) brightness(101%) contrast(100%); !important;}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* Add to Friends */
content:URL("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorite */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4
");}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send a Message */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Foward to Friend*/
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group  */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}

</style>

-they/she/he
<br/>-bisexual
<br/>-layout is a mashup of https://layouts.spacehey.com/layout?id=3840 and https://layouts.spacehey.com/layout?id=21632 :)

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

marito	1684011522 really cool! Report Comment
qu1nnx	1679348460 4 sure using!! Report Comment
malcolm	1674810699 Using! Report Comment
ᯓ★ alex (cutie pie)	1669274092 using Report Comment
dumtopi	1662421920 omg lo amoo! :3 Report Comment