SCENE/EMO Minimalist TYPE BEAT

Tags: sanrio, hello kitty, emo, scene, karomi, heavy edit, big change
Description:

This is a heavily coded layout, I did my best to make sure there is notes through out to help you read it.
Preview:

click on the image for a larger preview
Code:

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

<!------- removig these empty style tags will cause some of the original layout to show itself----->
<style>
</style>

<style>

  

.col.w-40.left{
  display:none;
}
.contact{
width: 20px;

}
:root {
--themecolor4: deeppink;
--themecolor2: grey;
--themecolor5: hotpink;
--themecolor1: black;
--themecolor3: black;
}

  body{
    background-image: url(https://i.ibb.co/Wywm5j6/img-20230603-100725.png);
  }

  main{
    background: var(--themecolor3);
  }

  p{
    color: var(--themecolor3);
  }

  h1{
    color: var(--themecolor5);
  }

  h4{
    color: var(--themecolor4) !important;
    display:none;
  }

  a{
    color: var(--themecolor4) !important;
  }

  .heading{
    background: var(--themecolor3) !important;
    display:none;
  }

  .contact, .url-info, .table-section{
    border: 2px solid var(--themecolor3) !important;
    display:none;
  }

  .comments-table{
    border: var(--themecolor3);
  }

  .comments-table tr td{
    background: var(--themecolor4) !important;
  }
  .comments-table p {
    color: var(--themecolor1);
  }

  .profile-info .inner{
    color: var(--themecolor5);
    display:none;
  }

  .profile-info{
    border: 2px solid var(--themecolor4);
    display:none;
  }

  .details-table tr td{
    background: var(--themecolor3) !important;
    color: var(--themecolor5) !important;
  }

  .count {
    color: var(--themecolor4);
    display:none;
  }

  footer, nav .top{
    background: var(--themecolor2) !important;
  }

 .links{
color:cyan;
}
  

  .comment-replies{
    border: 4px solid var(--themecolor5);
  }
  </style>


<!-----scroll box---->

 <style>
    .scroll-container {
  width: 300px;
  height: 300px;
  overflow: auto;
  position: relative;
  border: solid black 90px;
  background-color: black;
}

.content {
  height: 800px;
  font-family: "Courier New", Courier, monospace;
  color: deeppink;
  /* Example content height */
  
}
.content img {
  max-width: 50%;
  height: auto;
  
}



/* Custom Scrollbar Styles */
.scroll-container::-webkit-scrollbar {
  width: 12px;
 
}

.scroll-container::-webkit-scrollbar-track {
  background: black;
 
}

.scroll-container::-webkit-scrollbar-thumb {
  background: deeppink;
  border: solid 0px;
}

.scroll-container::-webkit-scrollbar-thumb:hover {
  background: deeppink;
}

.box-border{
  border:solid white 5px;
  width:250px;
  height: 310px;

  background-color: deeppink;
  font-family: "Courier New", Courier, monospace;
}

    
    .scroll-container {

  width: 250px;

  height: 300px;

  overflow: auto;

  position: relative;

  border: solid white 2px;

  background-color: black;

}

.content {

  height: 800px;

  font-family: "Courier New", Courier, monospace;

  color: deeppink;
padding:15px;
  margin:30px;
  /* Example content height */

  

}

.content img {

  max-width: 50%;

  height: auto;

  border:solid deeppink 2px;

}

/* Custom Scrollbar Styles */
<style>
   .scroll-container {

  width: 300px;

  height: 300px;

  overflow: auto;

  position: relative;

  border: solid white 2px;

  background-color: black;

}

.content {

  height: 100px;

  font-family: "Courier New", Courier, monospace;

  color: deeppink;

  /* Example content height */

  

}

.content img {

  max-width: 80%;

  height: auto;

  

}

/* Custom Scrollbar Styles */

.scroll-container::-webkit-scrollbar {

  width: 6px;

.scroll-container::-webkit-scrollbar {

  width: 7px;

 

}
    </style>


<center>
  <div class="box-border">
  <div class="scroll-container">
    <div class="content"> <center>
      
       <!-- Your content here -->
      <h1> Welcome Oblivion;</h1> <h2> For if we are reborn we are not free.</h2>
 
<img src="https://i.ibb.co/QMP88rz/Picsart-22-09-29-11-01-19-118.png" alt="hk pink"/> </center>
      <!-- Your content here -->
    </div>
    </div>
    </div>

  <!--------beelzebabe button-------->

<center>
<a href="https://Beelzebabe.wtf" target="_self"><img src="https://i.ibb.co/yfWjjt3/ezgif-com-gif-maker-13.gif" alt="BEELZEBABE BUTTON" class="GeneratedImage"/></a>
  </center>
  
  </center>

 

<!----- contact box----->



 <div class="contact">
          <div class="heading">
          
          </div>
        <!----a gif here is cute---->
            <div class="f-row">
              <div class="f-col">
                                  <a href="/addfriend?id=741332">
                  <p>   Add to Friends</p>
                  </a>
                              </div>
              <div class="f-col">
                                  <a href="/addfavorite?id=741332">
                                    <p> Add to Favorites</p>
                  </a>
                              </div>
            </div>
            <div class="f-row">
              <div class="f-col">
                <a href="https://im.spacehey.com?user=741332">
                  <p>   Send Message </p>
                </a>
              </div>
              <div class="f-col">
                <a href="https://im.spacehey.com/new?text=https://spacehey.com/beezlebabe">
                  <p>  Forward to Friend </p>
                </a>
              </div>
            </div>
            <div class="f-row">
              <div class="f-col">
                <a href="https://im.spacehey.com?user=741332">
                  <p>    Instant Message </p>
                </a>
              </div>
              <div class="f-col">
                <a href="/block?id=741332">
                  <p>                 Block User </p>
                </a>
              </div>
            </div>
            <div class="f-row">
              <div class="f-col">
                <a href="/soon?new">
                  <p>              Add to Group</p>
                </a>
              </div>
              <div class="f-col">
                <a href="/report?type=user&id=741332">
                  <p>
                    Report User </p>
                </a>
              </div>
            </div>
          </div>
        

<style>
  .contact {
  background-color: deeppink;
  
  padding: 15px;
  text-align: center;
  
}

.contact .inner {
  background-color: transparent;
}

.contact img {
  display: block;
  margin: 10px auto;
}

.f-row {
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}

.f-col {
  margin: 0 50px;
}

.contact a {
  display: inline-block;
  
  color: white;
}


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