slightly broken luigi's mansion layout

Tags: green, luigis mansion, mario

Description:

while uploading this i must admit i have ZERO coding knowledge. this was all made by mostly using https://hessostrange.neocities.org/HTML%20Group/spacehey-main-codes as a crutch and stealing 2 or 3 codes from other layouts. as much as i'd like to say the layout is good to go (despite the probably jank code) the thing is the about me & who i'd like to meet code WILL. NOT. CHANGE. TO. WHITE. NO MATTER WHAT I DO. idk why. i still wanted to upload this somewhere though just cause i knew someone would like it

as of 3/24/2024 i am using this on my profile so you could go there for a demo, but i spammed span styles everywhere to make the text the proper color.

i'd like to reiterate the only (known) issue is that the text INSIDE *ABOUT ME* and *WHO I'D LIKE TO MEET* show up as black, making it unreadable. if you know how to fix it this should be good to go.

feel free to do whatever with this code. don't worry about credit or anything

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by [AUTOPLAY] CHUCK [maybe abandoned] (https://layouts.spacehey.com/layout?id=102319) -->

<style>
/*body coloring*/
main {
  background-color: TRANSPARENT;
}
.top{
background-color: TRANSPARENT !important;
}
.heading{
background-color: TRANSPARENT !important;
}
h4{
background-color: TRANSPARENT !important;
}
.links{
background-color: rgba(0,0,0,0.8) !important;
}
.top input{
background-color: rgba(0,0,0,0.8) !important;
}
h1{
background-color: rgba(0,0,0,0.8) !important;
}
.general-about{
background-color: rgba(0,0,0,0.8) !important;
}
.mood{
background-color: rgba(0,0,0,0.8) !important;
}
.contact{
background-color: rgba(0,0,0,0.8) !important;
}
.table-section .heading{
background-color: rgba(0,0,0,0.8) !important;
}
.blog-preview{
background-color: rgba(0,0,0,0.8) !important;
} 
.blurbs{
background-color: rgba(0,0,0,0.8) !important;
}
.friends{
background-color: rgba(0,0,0,0.8) !important;
}
.comments-table td{
background-color: TRANSPARENT !important;
}
footer{
background-color: rgba(0,0,0,0.8) !important;
</style>
 
<style>
/*background img*/
body{
background-color: BLACK !important;
background-image: url('https://file.garden/ZRHjJL561lnfW9ar/luigis.png') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }
</style> 

<style>
/*boarders*/
.top input{
border: transparent !important;
}
 .contact{
border: transparent !important;
}
.url-info{
border: transparent !important;
}
</style>

<style> 
/*text*/
/*these are your various headers.*/
h3, h4, h5, .url-info b{
    color: LIME;  
}
.profile .blurbs .section h4{
  color: lime;
}
/*This is the color of the links on your page.*/
a {
     color: LIME;
}

/* color of the normal text on your page.*/
p, h2 {
     color: WHITE;
}
/* color of friend's names in the comments, number of friends and your name.*/ 
h1, .count, .friends a p {
     color: LIME;
} 
</style>

<style>
/*interests*/
    .profile {
       
    }
.profile .table-section{
 border-color:transparent;
    }
:root {
--even-lighter-blue:rgba(0,0,0,0.8);
--lightest-blue:rgba(0,0,0,0.8);
}
</style>

<style>
/*width*/
.container{width: 900px !important;}</style> 

<style>
/*font size*/
main {
font-size: 17px !important;
</style>





<style>
/*the username glow*/
h1
{
{    

.profile { 
     font-size: 50px; }
	
};
	text-shadow: 0 0 10px lime, 0 0 0px transparent;
}
h1, h2, h3, h4,h5,a, p, nav label, .section
{
</style>

<style>
/*float*/
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.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>

<style>
/*italic links*/
nav .links{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}
</style>

<style>
/*overlay*/
html:after {
  background-image: url(https://file.garden/ZRHjJL561lnfW9ar/black2.png);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.30;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
</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 1 of 1 comments ( View all | Add Comment )