Layout published by alucard ✮

published 1677688118

Add to Favorites

View Layouts

View Profile

Report Layout

Resident Evil Umbrella Corp Layout

Tags: resident evil, horror, horror game, video game, animated, dark, layout

Description:

hi everyone!

this is a resident evil layout i created for all you horror video game fans!

this theme includes custom:

- cursor

- background

- headers & footers

- fonts

- contact icons

- friend icon shadow

- colors

- borders

- online gif

also included:

- spinning resident evil case gif

- userboxes

- hidden profile link

- centered blurbs & friends space

- bouncing page

- computer screen effect

for a live preview this layout, copy the code below and paste it into this website:

https://genericprofileeditor.neocities.org

for for a video preview this layout, click this link::

https://at.tumblr.com/thegingercrouton/710093632637747200/qrenz8zizxe5

let me know if anything is broken. i hope you like it! comment if using. thx! :P

Preview:

click on the image for a larger preview

Code:

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

<style> 
/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/games/gam-10/oth959.ani), url(https://cur.cursors-4u.net/games/gam-10/oth959.png), auto !important;} /* End https://www.cursors-4u.com */

@font-face { font-family: "biohazard"; src: url('https://dl.dropbox.com/s/3j3zwtiz7mefvnu/biohazard.otf'); }
@font-face { font-family: "Romanum"; src: url('https://dl.dropbox.com/s/viluvspfwv5t5xh/Leander.ttf'); }
@font-face { font-family: "Libertine"; src: url('https://dl.dropbox.com/s/l1dzzn21bhnyi2g/Libertine.ttf.ttf'); 
}
:root{
     --headers: white;
     --text: #e3e3e3;
     --names: #e3e3e3;
     --links: #e3e3e3;
     --hover: #5abd84;
     --borders: 2px solid black !important;
     --background_image: url('https://64.media.tumblr.com/5b1d953b7218e740d9a8082ad92101f4/a23be026496fb04e-e4/s2048x3072/8617dc0b7d93afcc08d519769b5c1f9b85f96319.jpg');
     --font-family: "Libertine";
     --curve: 10px;
}
.url-info{display:none !important;} /* to hide the url */
.blurbs .heading{display:none !important;} /* to hide the blurbs heading */
h3, h4, h5, .url-info b{ color: var(--headers) !important;} /* headings*/
a{color: var(--links) !important;} /* color of links */
a:hover{color: var(--hover) !important;} /* color of links on hover */
p, h2{color: var(--text) !important;} /* color of text */
h1 a p{color: var(--names) !important; }
.friends a p{color: var(--names) !important; font-weight: normal !important; font-size: 11px!important;} /* color of names, and friends counter */
h1, .friends a:hover p{color: var(--hover) !important;} /* color of names on hover */
nav label{color: var(--links) !important;} /* color of search */
.section h4 {color: var(--headers) !important;text-align:center;} /* aboutme & want2meet headings */
.section{color: var(--text) !important;} /* sometimes <p> is broken by embeds maybe. */
.comment-reply:not(:first-child){border-top: 3px double var(--links);} /* line in bewtween comment replies*/
.count{color:black;
}
a:hover,
a:active,
.blog-entry .kudos-btn:hover,
.blog-entry .kudos-btn:active{
    text-decoration: underline;
    text-decoration-style: wavy;
}
.logout-btn:hover,
.logout-btn:active{
    text-decoration: underline;
    text-decoration-style: wavy;
}
nav .top a:hover{
    text-decoration: underline;
    text-decoration-style: wavy;
}
nav .links a:hover{
    text-decoration: underline;
    text-decoration-style: wavy;
}
a{
    font-family: var(--font-family) !important;
    text-transform: uppercase !important;	
    font-weight: normal !important;
    text-shadow: 0px 0px 5px rgba(134,242,192,0) !important;
    font-size: 11px!important;
}
nav label, .section {
    font-family: var(--font-family) !important;
    text-transform: normal !important;	
    font-weight: normal !important;
    text-shadow: 0px 0px 5px rgba(134,242,192,0) !important;
    font-size: 12px!important;
}
p {
    font-family: var(--font-family) !important;	
    text-shadow: 0px 0px 5px rgba(134,242,192,0) !important;
    font-size: 14px!important;
}
h2, h3, h4, h5, DIV.mood > P:nth-child(1) > B, P:nth-child(2) > B{
    font-family: "Romanum";
    text-transform: normal !important;
    text-shadow: 0px 0px 0px black !important;
    letter-spacing: .3px;
    font-size: 12px!important;
}
.icon{border:none !important;}
.blurbs{margin-top:10px !important;margin-bottom:20px !important}
.friends{margin-top:-10px !important;margin-bottom:20px !important}
.profile-info{border-radius: var(--curve) !important;}
.comment-replies{border:5px inset var(--links);}
.comments-table{border-radius: var(--curve) !important;border:none !important;}
.table-section{padding-bottom:7px !important;margin-top:20px!important}
#comments{margin-top:5px !important;padding-bottom:5px !important}
.details p:last-child{color:var(--links) !important; filter: brightness(95%);}
.mood{margin-top:10px;}
.blog-preview{margin-top:20px;}
.mood, .blog-preview{margin-bottom: 20px;}
.table-section, .blurbs, .friends{margin-bottom: 20px !important;
}
.friends{margin-top: 10px!important;}
body {
    background-image: var(--background_image) !important;
    background-color: transparent ;
    no-repeat fixed; 
    background-size:cover;
}
nav{
    background: transparent;
    background-size: cover;
    border: none;
}
nav .top {
    background: rgba(0,0,0,0.0);
}
nav .top a{
    color: var(--links)!important;
}
nav .links {
    background: transparent!important;
    background-size: 100%100%!important;
    text-align: center;
    font-size: 14px;
}
nav img.logo{
    filter: brightness(50%) saturate(50%) invert(50%) sepia(100%) saturate(100%) hue-rotate(45deg) brightness(50%) contrast(50%); !important;}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ⋮ ";
    color: var(--text);
}
.search-wrapper input[type=text] {
    background-color: transparent !important;
    border: 2px solid var(--links) !important;
    color:black !important;
    border-radius: 10px !important;
}
button{
    border-radius: 10px !important;
    border: 0px solid black!important;
    font-family: var(--font-family) !important;
    background-color:rgba(0, 0, 0, 0.0) !important;
    color:var(--links)!important;
}
.online{content:url("https://64.media.tumblr.com/5a9499e24dbe821c7cd802459c08c76a/488e9615a62257b3-c0/s540x810/236c90a6ddf8f560c493be7cc5e3a6925e964275.gif");
height: 90px; width: 90px;
}
h1{
    padding-left: 30px !important;
    font-family: "biohazard";
    font-size:70px !important;
    color: white!important;
}
.profile-info{
    background: transparent;
    background-size: cover;
    border: transparent !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px 1px;
    margin-top: 30px;
    border-radius: 10px !important;
}
.profile-info .inner{
    font-weight: bold;
    text-align: center;
}
.contact {
    background: rgba(71, 71, 71, 0.7);
    background-size: cover;
    border-radius: var(--curve) !important;
    padding: 2px !important;
    border: var(--borders) !important;
}
.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 {
	content: url("https://64.media.tumblr.com/9e7c352b481859fe106103d8e9ea5a4e/6961c35ddf5d7a54-53/s75x75_c1/9b7ab5921fc0dd3552e5cd702fb3f99507d8c20b.pnj")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	content: url("https://64.media.tumblr.com/9e7c352b481859fe106103d8e9ea5a4e/6961c35ddf5d7a54-53/s75x75_c1/9b7ab5921fc0dd3552e5cd702fb3f99507d8c20b.pnj")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	content:url("https://64.media.tumblr.com/9e7c352b481859fe106103d8e9ea5a4e/6961c35ddf5d7a54-53/s75x75_c1/9b7ab5921fc0dd3552e5cd702fb3f99507d8c20b.pnj")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	content: url("https://64.media.tumblr.com/9e7c352b481859fe106103d8e9ea5a4e/6961c35ddf5d7a54-53/s75x75_c1/9b7ab5921fc0dd3552e5cd702fb3f99507d8c20b.pnj")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	content: url("https://64.media.tumblr.com/9e7c352b481859fe106103d8e9ea5a4e/6961c35ddf5d7a54-53/s75x75_c1/9b7ab5921fc0dd3552e5cd702fb3f99507d8c20b.pnj")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	content: url("https://64.media.tumblr.com/9e7c352b481859fe106103d8e9ea5a4e/6961c35ddf5d7a54-53/s75x75_c1/9b7ab5921fc0dd3552e5cd702fb3f99507d8c20b.pnj")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	content: url("https://64.media.tumblr.com/9e7c352b481859fe106103d8e9ea5a4e/6961c35ddf5d7a54-53/s75x75_c1/9b7ab5921fc0dd3552e5cd702fb3f99507d8c20b.pnj")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	content: url("https://64.media.tumblr.com/9e7c352b481859fe106103d8e9ea5a4e/6961c35ddf5d7a54-53/s75x75_c1/9b7ab5921fc0dd3552e5cd702fb3f99507d8c20b.pnj")
}
main{
    background: transparent;
    padding: 6px 0px;
    background-size: 100%;
    background-position: center;
}
.profile-pic img{
    outline:none !important;
    border-radius: 10px;
    border: var(--borders)!important;
}
.profile .friends .person img{
    border-radius: 10px;
    border: var(--borders) !important;
    filter:drop-shadow(0px 0px 0px black) !important;
}
.friends-grid{
    text-align: center;
}
.friends-grid img{
    outline:none !important;
    filter: opacity(90%) !important;
    border-radius: var(--curve) !important;
}
.inner img{
    outline:none !important;
    filter: drop-shadow(0px 0px 0px black) !important;
    border-radius: var(--curve) !important;
}
td {
    background-color: transparent!important;
}
hr{
    border: 2px inset black;
    background: transparent;
}
.heading, .url-info, .blurbs, .friends, .table, .table-section {
    background: rgba(71, 71, 71, 0.7) !important;
    border-radius: var(--curve) !important;
    padding: 2px !important;
    border: var(--borders) !important;
}
.friends, .blurbs{
    background: rgba(71, 71, 71, 0.7);
    background-size: cover;
    text-align: center;
    text-transform: normal !important;
}
.mood, .blog-preview{
    border-radius: var(--curve) !important;
    border: var(--borders) !important;
    padding: 10px !important;
}
.mood, .blog-preview {
    text-align: normal !important;
    background: rgba(71, 71, 71, 0.7);
    background-size: cover;
    border: var(--borders) !important;
}
.table-section{
    border:var(--borders) !important;
    background: rgba(71, 71, 71, 0.7);
    background-size: cover;
    border-radius: var(--curve) !important;
}
.heading{
    background:transparent;
    padding-bottom: 4px !important;
    background-size:100%100%!important;
    text-align: center;
    border:none!important;
}
.comments-table td {
    background-image: url('') !important;
    background-size: cover;
}
.comments-table td:first-child{
    background: url('')!important;
    background-size: 50%!important;
}
.comments-table td:first-child img {
    border: var(--borders);
}
footer{
    color:black;
    text-align: center;
    font-size: 60%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: transparent;
    background-size: cover;
}
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
    border-radius: 0px;
    width: 1px;
    border: 5px inset DimGray;
}
::-webkit-scrollbar-thumb {
    background: DimGray;
    border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
    background: DarkGray;
}
.col.right:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 40px;
  background-image: url("https://64.media.tumblr.com/82883a2ce6f43b921c457a014b444c72/d56342f0990d995b-dd/s500x750/136dd8928b107a8501bcb9571018eb986c5a54f5.gif");
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 550px;
  border-radius: 10px;
}
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 40px;
  background-image: url(https://64.media.tumblr.com/1c4737c152c84d9bdabf600cc3673b6d/305823d1ac204834-3e/s250x400/abc3dc6657ed56c4ac0b7e1c20c2aef275ae9c77.pnj);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 200px;
  border-radius: 10px;
}
.contact:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 40px;
  background-image: url(https://64.media.tumblr.com/6be81f3348563f2656488323aa579513/0ca2d504b5633f1e-01/s250x400/44d6d9d8814d911ab521a7db034dccaaaa96cd00.pnj);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 200px;
  border-radius: 10px;
}
@keyframes type{
  0%{
    width:0ch;
  }
  100%{
    width:37ch;
  }
}
@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(124 226 178 / 20%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 5;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
</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 139 comments ( View all | Add Comment )

mel ૮ ․ ․ ྀིა	1721861987 using !! Report Comment
orgchaos	1721821002 Using Report Comment
heluvalexx	1721662669 using Report Comment
Killwud	1721318149 using Report Comment
Wesker	1721099936 using!! Report Comment
rhinerei	1721007797 Usinnnngggg Report Comment
MegamanAxlFan	1720581771 Using >o< Report Comment
Manzana	1720373351 usingg :DD Report Comment
Manzana	1720373351 usingg :DD Report Comment
pRacker	1720204571 usingggf Report Comment
isa :3	1719966331 using!!! :D Report Comment
Ajax	1719847314 using <3 Report Comment
Gabriel<3	1719779588 using!! ^^ Report Comment
dev !	1719634259 using ^_^ Report Comment
zodii!!!	1719585596 using!! Report Comment
scringee	1719369487 using!! Report Comment
moopa	1719123521 using <3 Report Comment
Nybbins	1718880219 using Report Comment
FleshPuppet	1718492656 using! :3 Report Comment
˚₊‧꒰ა ☆ ໒꒱ ‧₊˚ simon	1718458610 usinggg!!! Report Comment