traumacore, hospital

Tags: traumacore, weirdcore, meat, hospital, red, gif, oddcore, dreamcore

Description:

a hospital/meat themed traumacore/weirdcore layout, EDIT: got rid of the big base64 image background

Preview:

click on the image for a larger preview

Code:

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

<style>

html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://media.discordapp.net/attachments/871463765890183263/894771982841839616/unknown.png);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
} </style>


<style>


/*Intro GIF Animation (fade out)*/
  body:before {
    content: " ";
    height: 100vh;
    width: 100vw;
    display: block;
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 100;
    background-image: url('http://31.media.tumblr.com/ef967941999d66a73750434d8d38c00a/tumblr_mp0v8fIkni1sqnw0ro1_500.gif'); /*gif link here*/
    background-size: cover;
    background-repeat: no-repeat;
    animation: yourAnimation 4s ease 0s 1 normal forwards;
    pointer-events: none;
  }
  @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

/*whole body changes*/ 
  body {    
    background-image: url('https://i.pinimg.com/564x/99/75/76/99757635ef9b3c2d3e1a98735f45035c.jpg');/*background for whole page*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Courier New', monospace;
    height: 100%;
    color: #ffffff;
    h1: #ffffff;
    h2: #ffffff;
    h3: #ffffff;
    h4: #ffffff;
    li: #ffffff;
  }

/*top search bar customisation*/
  .search-wrapper input[type=text] {
    background-color: rgba(21, 23, 26, 0.65) !important;
    border: 1px dotted var(--headers) !important;
    color:var(--names) !important;
    border-radius: 10px !important;
  }
  button{
    border-radius: 10px !important;
    border: 1px dotted var(--headers) !important;
    font-family: var(--font-family) !important;
    background-color:rgba(21, 23, 26, 0.65) !important;
    color:var(--headers) !important;
  }

/*top header customisation*/
  nav{
    background-color:var(--box_color_and_seethru); !important;
    border-radius: 0px 0px var(--curve) var(--curve); !important;
  }
  nav ul{
    background:none !important;
    font-size: 10px;
  }
  nav ul a img, .mood a img{
    display:none !important;
  }
  .top{
    background-image:url("https://media0.giphy.com/media/xT9IgBthpxsHpK9RF6/giphy-downsized-large.gif") !important;
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color:rgba(21, 23, 26, 0.65); !important;
  }

/*gets rid of URL info box*/
  .url-info{
    display:none !important;
  }

/*changing color of links in mood box*/
  .mood a{
    color:#f9471a;
  }

/*gets rid of white background behind center of page*/
  main{
    background: rgba(0, 0, 0, 0) !important;
  }

/*changing background of profile & changing general text to white*/
  .profile {
    background:rgba(21, 23, 26, 0.95);
    color: #ffffff;
  }

/*customising contact box*/
  .profile .contact .heading{
    background:#f9471a;
    text-align: center;
  }
  .profile .contact {
    border-radius: 15px;
    border:2px solid rgba(0, 0, 0, 0);
    background-image: url(https://64.media.tumblr.com/0a96f67743148b99e0d2127c83c3b3d3/b6358bde281e58d2-a7/s500x750/1fec3d376d67095e5880226a42eb6f08ac0689e2.gifv);
    background-position: right top;
    background-repeat: repeat;
    background-attachment: scroll;
    Height:180px;
    color: white;    text-shadow: 1px 1px 2px black, 0 0 25px Blue, 0 0 3px Red;
  }
  .contact a{
    color: #ffffff;
  }
  .contact a:hover{
    color: #b5b5b5;
  }

/*customising interests box*/
  .profile .table-section{
    border:1px solid #f9471a;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#f9471a;
    border: 1px solid #f9471a;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }
  .profile .table-section .details-table td:first-child{
    background: rgba(0, 0, 0, 0);
    width: 10%; /*gets rid of interest category column*/
  }
  .profile .table-section .details-table td:first-child p{
    color: rgba(0, 0, 0, 0);
    font-size: 1px; /*gets rid of interest category text*/
  }

/*customising header text for interest titles*/
  .list-heading{
    color:#f9471a;
    font-family: 'Courier New', monospace;
    font-size: 15px;
    text-decoration: underline;
    font-weight: bold;
    text-align:center;
  }

/*getting rid of the blurbs headings cause I dont like them*/
  .profile .blurbs .heading{
    background: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    text-size: 1px;
    height: 2px;
  }
  .col.right .heading h4{
    color:  rgba(0, 0, 0, 0);
    text-size: 1px;
  }
  .profile .blurbs .section h4 {
    display: none;
  }

/*changing font size and centering it for stuff on right side of page*/
  .profile .blurbs .section p {
    font-size: 15px;
    text-align: center;
  }

/*changing color of links on the right side of the page*/
  .col.right a{
    color: #f9471a;
  }    

/*customising friend space heading*/
  .profile .friends .heading{
    background: #f9471a;
    color: #fff;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 2px black
  }

/*making the comments section have a scroller*/
  .comments-table{
    display: block;
    height: 380px;
    overflow-y: scroll;
    Border-radius: 15px;
    background-color: rgba(21, 23, 26, 1);
  }

/*customising comments section*/
  .comments-table td:first-child{
    background-color: rgba(21, 23, 26, 1);
  }
  .comments-table td:first-child a{
    color: #f9471a;
  }
  .comments-table td:first-child a:hover{
    color: #ffffff;
  }
  .comments-table td{
    background-color: rgba(21, 23, 26, 1);
  }
  .comments-table td a{
    color: #f9471a;
  }
  .comments-table td a:hover{
    color: #ffffff;
  }
  
/*creating 'top 8' section*/
 .top-eight {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(4, [col] auto ) ;
  grid-template-rows: repeat(2, [row] auto  );
  background-color: transparent;
  color: #444;
  margin: 0px;
  width: 100%;
  }
  .top-row{
    grid-column: col 1 / span 4;
    grid-row: row 2;
  }
  .bot-row{
    grid-column: col / span 4;
    grid-row: row 3;
  }

/*customising header for top 8*/
  .top-eight-header {
    grid-column: col 1 / span 4;
    grid-row: row 1;
    background-image: url(https://64.media.tumblr.com/4b6e1a2c4d41a369a02bf475ee4ebf03/4de4240a3de9434c-62/s540x810/c38b9b8bf6b0647ae74269acaf987ba27dc0a002.gif);
    height:100%;
    background-color: rgb(249, 197, 108);
    color: rgb(240, 84, 73);
    font-weight: bold;
    padding: 4px !important;
  }
  .top-eight-header h2 {
    padding-bottom: 0px !important;
    margin-botton: 0px;
    font-family: 'Courier New', monospace;
    color: #d6d6d6;
    text-align: center;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  }

/*customising peoples images for top 8*/
  .profile .top-eight .person img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
  }

/*creating a better layout for social links*/
  .social-logos{
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(4, [col] auto ) ;
    grid-template-rows: repeat(1, [row] auto  );
    background-color: transparent;
    color: #444;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    grid-column: col 1 / span 4
    grid-row: row 1;
    position: relative;
  }

/*customising images for social links*/
  .social-logos img{
    border-radius: 50%;
    width: 50px;
    height: 50px;
  }

/*making social images get slightly bigger when you hover over them*/
  img.logohover:hover,
  img.logohover:focus{
    width: 53px;
    height: 53px;
    position: abolute;
  }

/*customising the footer of the page*/
  footer{
    background:rgba(21, 23, 26, 0.6);
    a: #ffffff;
    color: #ffffff;
  }
    .online {
        content: url("https://cur.glitter-graphics.net/pub/2880/2880088iu73li7kgw.png");}

/*above is your online icon*/ 

<!--beginning of content for right hand side-->



<p><p> <--main about me text-->
<br/> <!--line break for space-->


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

сковорода ﹏☆	1733416839 usinggg^0^ Report Comment
Cherry	1731162233 usingg!! Report Comment
ApolloTheDragon	1730648998 Using this Report Comment
xav	1730563915 using Report Comment
STRNGRBRGR	1729988655 using Report Comment
꧁༒ ⚠ 𝐕𝐀𝐌𝐎! ⚠(🔊 𝐥𝐨𝐮𝐝 𝐦𝐨𝐮𝐭𝐡 𝐞𝐝𝐢𝐭𝐢𝐨𝐧) ༒꧂	1727487158 Using!! Report Comment
♤ Teddy ♤	1727056767 Usingg♤ Report Comment
1SSA	1726293567 using!! Report Comment
✮Rio✮	1724749484 usingg!!!!?! ^_^ Report Comment
🃜🃚🃖ꈤꍟꃴꍟꋪ🃁🂭🂺	1724516712 Using! Report Comment
@𝑹𝟑𝑫𝑿𝒀𝒁	1722549588 using!! Report Comment
🩻Toby💉	1721144568 using! (i only used part of the code 4 the banner lolz) Report Comment
݁˖ ꩜ Luy ! . ݁⊹	1720124340 using Report Comment
mer .	1719210169 using Report Comment
mike ★	1718743349 using Report Comment
Leechw4ve	1717988077 Using :) Report Comment
BUILDERMAN [ 🔨 ]	1717823232 Using Report Comment
✭˚ ; 𝘓๑𝘳𝘦𝘵𝘵𝘢 ᐟᐟ.⭑	1716469518 ty!! <3 Report Comment