Beetlejuice Musical Layout

Tags: beetlejuice, black, emo, layout, musical, theatre, green

Description:

A layout for beetlejuice the musical since I couldn't find any when I looked! Enjoy!

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Acme&family=Bangers&display=swap');
  body {
      background-image: url(https://cdn.shopify.com/s/files/1/0115/3266/4932/products/muse-wall-studio-black-and-white-removable-wallpaper-black-and-white-stripes-12394549968982_1200x630.png?v=1619804054);
      background-size: cover;
      background-attachment: fixed;
      background-repeat: repeat;
      background-color: white;
      font-family: 'Acme';
  }
 }
  
.online { visibility: hidden; } .online img { content: url(https://64.media.tumblr.com/77a0fe6251cbc20a6b196bf5a7b3a601/tumblr_pvgp9iRBrZ1tjjzfeo1_400.gif); animation-name: none; visibility: visible; height: 90px; width: 90px; }
  main {
      border-style: solid;
      filter: grayscale(50%);
  }
 .profile h1 {
      font-family: 'Bangers';
      font-size: 30px;
      letter-spacing: 2px;
  }
  
  .profile .blurbs .heading h4,  .profile .friends .heading h4 {
      font-family: 'Bangers';
      font-size: 20px;
      letter-spacing: 2px;
      color: lime;
  }
  
  .profile .blurbs:before {
      background-image: url(https://www.hollywoodreporter.com/wp-content/uploads/2019/04/16817_rob_mcclure_kerry_butler_sophia_anne_caruso_alex_brightman_in_beetlejuice_photo_by_matthew_murphy_2019_1-h_2019.jpg?w=1296); 
 
      filter: grayscale(50%);
      display: block;
      width: 100%;
      background-position: center center;
      content: "";
      height: 250px;
      background-size: cover;
      margin: 10px 0px;
  }
  
  .profile .contact .heading, .profile .table-section .heading, .profile .table-section .heading, .profile .blurbs .heading, .profile .friends .heading {
      background-color: black;
border-radius: 5px 5px 0px 0px;
height: 100%;
text-align: center;
  }
  
.profile  .contact, .profile .table-section{
      border-style: none;
  }

 nav .top, nav .links{
     background-color: black;
     text-align: center;
     font-size: 15px;
 }
 
 .profile .blurbs .inner, .profile .friends .inner {
     border-style: solid;
     margin:;
 
 }
 
 .profile .url-info {
     border-color: lime;
 }
 
 .profile  .contact .inner, .table-section .inner {
     border-style: solid;
     border-color: black;

 }
 
#comments:before {
     background-image: url(https://imaging.broadway.com/images/custom/w1200/112434-18.jpg); 
     display: block;
      filter: grayscale(50%);
      width: 100%;
      background-position: center center;
      content: "";
      height: 550px;
      background-size: cover;
      margin: 10px 0px;
 }
 
 .details-table td:first-child {
     background-color: black;
     color:white;
 }
 .details-table td {
     background-color: white;
 }
 
 footer {
     background-color: lime;
 }

.comments-table td:first-child {
    background-color: black;
}
.comments-table td {
    background-color: black;
    color: white;
}

.profile .blurbs .section h4 {
    color: black;
}

a, .count {
  color: gray;
}

a:hover {
    text-decoration: underline;
    color: lime;
}
.profile .contact:after {
    /* display: block; */
    width: 100%;
    background-position: center center;
    content: "";
    height: 400px;
    background-size: cover;
    margin-top: 10px;
}
</style>

<style>
/*Search Users Box (Background Color/Background Image)*/
    .top input{
    background-color: white !important;
    background-attachment: FIXED !important;
    background-repeat: NO-REPEAT !important;
    background-position: CENTER !important;}
</style>

<style>
/*Buttons (Background Color/Background Image)*/
    button{
    border-radius: 25px 25px 25px 25px !important;
    background-color: lime !important;
    background-image: url('URL') !important;
    background-attachment: SCROLL !important;
    background-repeat: NO-REPEAT !important;
    background-position: CENTER!important;}
</style>

<style>* {cursor: url(http://www.fillster.com/myspace-cursors/11.cur), auto !important;}</style>

<style>
/* contact icons */
.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 favorite */
content: "🪲"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🪲"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "🪲"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🪲"
}   
</style>

<style>
  
  .logo {
  
  content:url("https://media.discordapp.net/attachments/1083062800752054305/1085761642761048075/image0.jpg")
  
  }
  
  </style>


<style>
.url-info{
    background: url('https://www.archpaper.com/wp-content/uploads/2019/05/BTLJ-2.7_Netherworld_042718JA-NEW-BUG.jpg');
    background-position: center;
    border: var(--borders)!important;
    border-radius: 0px;
    height: 200px;}

.url-info p{
    opacity: 0.0;}
</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 5 of 5 comments ( View all | Add Comment )

RYEbread	1708853670 Tysm I've got the whole beetlejuice setup Report Comment
IHEARTBOYZ	1708825662 GRAAHHH TYSM!!!!!!! USING! Report Comment
PHIL . BARRY	1697551610 usign ^_^ Report Comment
mischaxtra	1686781372 using! Report Comment
LUKE-O-SAURUS!!!	1684575816 USING!!! THANK U <3 Report Comment