chris / green n white

Tags: resident evil, green, white, sorta simple
Description:

uhhm. u can use as a base, just dont repost. thanks vro!!!

image was taken on a phone screen, firefox desktop site mode. the code has not been updated(i found this in my google docs, so its a little old) so u can do whatever.
Preview:

click on the image for a larger preview
Code:

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

<div id="chris">
<div style="transform: scale(0.5);">
<img src="https://i.postimg.cc/fTQ8BR6N/Untitled609-20231227054334.png"/>
</div>
</div>

<style>
@font-face{
font-family: valken;
src: url(https://dl.dropbox.com/s/lygp4ch7dqd5w67/Valken__.ttf);

}

*, .logout-btn, .count{
font-family: valken;
font-size: 10px;
color: black;

}

</style>

<style>
.online, .url-info, .profile-info, .heading, .mood, .table-section + .table-section, .blog-preview{
display: none!important;

}

</style>

<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://i.postimg.cc/DZP540s7/Untitled607-20231227041258.png"); display: block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 140px; height: 230px; position: relative; bottom: 10px;} /* profile */ 
</style>

<style>
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a {
font-size: 0;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
font-size: 10px; display: flex; flex-direction: column; /* it can be any font size btdubz this is just an example */
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after {
content: "add/rem"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after {
content: "favorite"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after {
content: "mssge"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after {
content: "forwrd"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after {
content: "ims"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after {
content: "blck"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after {
content: "grp"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
content: "reprt"
}
.contact .inner a img{
display: none;

}

</style>

<style>
/*removes interest section "headers?" and makes everything stacked*/
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p {
display: none;

}

.table-section:not(:last-child) .details-table tr:nth-child(7) td:first-child p {
display: none;

}

.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p {
display: none;

}

.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p {
display: none;

}

.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p {
display: none;

}

.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p {
display: none;

}

.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p {
display: none;

}

.table-section td {
display: grid;

}

</style>

<style>
/*makes the EACH content section scroll+borders*/
.table-section:not(:first-child) .details-table tr:nth-child(1) td:last-child p {
overflow-y: auto;
height: 100px;
border: 2px double black;

}

.table-section:not(:first-child) .details-table tr:nth-child(7) td:last-child p {
overflow-y: auto;
height: 100px;
border: 2px double black;

}

.table-section:not(:first-child) .details-table tr:nth-child(2) td:last-child p {
overflow-y: auto;
height: 100px;
border: 2px double black;

}

.table-section:not(:first-child) .details-table tr:nth-child(3) td:last-child p {
overflow-y: auto;
height: 100px;
border: 2px double black;

}

.table-section:not(:first-child) .details-table tr:nth-child(4) td:last-child p {
overflow-y: auto;
height: 100px;
border: 2px double black;

}

.table-section:not(:first-child) .details-table tr:nth-child(5) td:last-child p {
overflow-y: auto;
height: 100px;
border: 2px double black;

}

.table-section:not(:first-child) .details-table tr:nth-child(6) td:last-child p {
overflow-y: auto;
height: 100px;
border: 2px double black;

}

</style>

<style>
.friends img{
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
-webkit-filter: drop-shadow(0px 0px 3px #424242);
border-radius: 0.5rem;

}

</style>

<style>
body{
background: repeating-linear-gradient(45deg, #469360, #469360 10px, #3B7A50 10px, #3B7A50 20px);

}

.container{
background-image: url(https://i.ibb.co/vXt3vk0/checker-gif.gif);
background-color: #A4ADA7;
border-radius: 10px;
width: 1140px;
margin-top: 20px;

}

main{
z-index: 10px;
overflow-y: auto;
padding: 20px;
border-radius: 15px;
background: transparent;

}

</style>

<style>
/* header->sidebar */
@media(min-width:810px) {
nav {
float: left;
width: 190px;
margin-top: 9.8px;

}

/* fix header */
nav > .top {
flex-direction: column;
align-items: center;
}
nav form {
margin-top: 10px !important;
}
nav form * {
width: 140px;
}
nav .left {
display: flex !important;
transform: translateX(-20px);
}

/* fix links */
nav .links {
display: flex;
flex-direction: column;
transform: translateX(100px);
margin: -50px -98px;
position: relative;
width: 160px;
text-align: center;
text-style: italic;

}

nav .links a {
line-height: 3.8;
font-size: 20px;
text-align: center!important;
text-style: italic!important;

}

.logo, .christmas, .icon, .top .left, .top .center, .search-wrapper, .top .right{
display: none!important;

}

</style>

<style>
*, p, a, h1,h2,h3,h4,h5,h6{
color: black!important;

}

footer{
background: transparent;
float: left;
opacity: 0.5;

}

</style>

<style>
nav .links a{
background: linear-gradient(180deg, #E6E6E6, #A2A9A4);
border: 1px solid black;

}

nav .links, nav > .top{
background: transparent;

}

nav .links a, nav .links li .special a{
    text-shadow: none;

}

</style>

<style>
.blurbs h4{
display: none;

}

.blurbs .inner {
overflow-y: auto!important;
overflow-x: none!important;
height: 200px;
text-align: center;

}

</style>

<!-- (c) Layout created by EUPHEMiSiC (lyt will cause crashing) (https://layouts.spacehey.com/layout?id=91283) -->

<div style="margin-top: 4px;margin-bottom: -12px;">

<div id="music">
<iframe allowfullscreen="" src="https://www.youtube.com/embed/9GwuG3qlCvo//?&;amp;;autoplay=1;;controls=0" loading="lazy" width="60" height="615" frameborder="0"></iframe>
</div>

</div>

<style>

#music {
  position: fixed;
  background: url('https://i.postimg.cc/kMVWFNjH/Untitled605-20231227020152.png');
  background-size: auto;
  background-size: 40px;
  background-position: center;
  overflow: hidden;
  height: 50px;
  width: 50px;
  bottom: 2px;
  right: 3px;
  background-repeat: no-repeat;
  filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 -1px 0 white) drop-shadow(1px 0 white);
}
#music iframe {
  position: absolute;
  top: -55px;
  height: 307px;
  z-index: 0;
  left: 5px;
  opacity: 0.00000000000000000000000001;
}
#music div {
  position: absolute;
  top: 10px;
  left: 55px;
  width: 51%;
  margin: 0 !important;
}

</style>

<style>
main:before{
content: "continue the bloodline leon. leonnnn";
background-color: #98CCAA;
border: 4px solid black;
margin: auto!important;
width: 700px;
height: 190px;
display: inline-block;
font-size: 40px;
text-align: left;

}

#chris{
position: absolute;
top: -200px;
right: -100px;
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;

}

</style>

<style>
@keyframes float {
0% { transform: translate(0, 0px);

}

50% {
transform: translate(0, 8px);

}

100% {
transform: translate(0, -0px);

}

</style>

<style>
a{
text-decoration: none;

}

</style>

<style>
.profile .blurbs .section{
background: white;
padding: 10px;
margin-bottom: 0px;
border: 1px solid #3B7A50;
overflow-y: auto;
box-shadow: 0px 0px 0px .9px white;

}

.contact .inner{
background: white;
margin-bottom: 0px;
border: 1px solid #3B7A50;
overflow-y: auto;
box-shadow: 0px 0px 0px .9px white;

}

.table-section .inner{
background: white;
margin-bottom: 0px;
border: 1px solid #3B7A50;
overflow-y: auto;
box-shadow: 0px 0px 0px .9px white;

}

.comments-table{
background: white;
margin-bottom: 0px;
border: 1px solid #3B7A50;
overflow-y: auto;
box-shadow: 0px 0px 0px .9px white;

}

</style>

<style>
.blurbs, .contact, .table-section, #comments{
border: 1.5px solid #3B7A50!important;
border-radius: 3px;
background: #97DAAD;
background: linear-gradient(180deg, #97DAAD 10%, rgba(255,255,255,0.7) 100%); 
padding: 5px; 

}

</style>

<style>
:root {
--logo-blue: transparent;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent!important;
--dark-orange: white!important;
--light-orange: transparent;
--even-lighter-orange: transparent;

}

</style>

<style>
.comment-replies, .comment-reply{
height: auto;
max-height: 100px;
overflow-y: auto;
overflow-x: auto;

}

.comments-table{
display: block;
height: 500px!important;
overflow-y: scroll;
display: block;

}

</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 )