Hi guys, so since posting layouts isn't available I thought I'd use my blog for that. I present you the lowkey mid totally not a Wii Sports layout.
please don't sue my ass this isn't inspired by that game at all
here's the code:
<style>
@import url('https://fonts.cdnfonts.com/css/a-otf-shin-go-pro');
body{
background-color: steelblue !important;
background-image: url(https://cdn.pixabay.com/animation/2024/11/11/14/28/14-28-43-45_512.gif) !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important;
}
main{
font-family: 'A-OTF Shin Go Pro', sans-serif; !important;
background-color: transparent !important;
}
.profile{background-color: white;
padding: 10px;
border-radius: 15px;
border: 2px;
border-color: lightsteelblue;
border-style: solid;
}
.heading,.links,.top,footer{
background-color: transparent !important;
color: black !important;
}
.contact,.blurbs,td{
color: black !important;
background-color: azure !important;
background-image: linear-gradient(white,gainsboro,whitesmoke,whitesmoke,lightgrey,gainsboro,white) !important;
box-shadow: 0.5px 2px 2px dimgray !important;
padding: 10px !important;
border: 2px;
border-style: solid;
border-color: darkslategrey !important;
border-radius: 10px;
text-align: center;
}
.contact,.blurbs,td:hover{
transform: scale(1.02);
transition: 0.04s ease;
background-color: azure;
background-image: linear-gradient(azure,powderblue,lightcyan,lightcyan,powderblue,lightcyan);}
h1,.comments-table{
background-color: azure;
background-image: linear-gradient(azure,powderblue,lightcyan,lightcyan,powderblue,lightcyan);
box-shadow: 0.5px 2px 2px darkslategrey;
padding: 10px;
border: 2px;
border-style: solid;
border-color: darkslategrey !important;
border-radius: 10px;
text-align: center;
}
h1:hover{
transform: scale(1.03);
transition: 0.04s ease;
background-color: orange;
background-image: linear-gradient(navajowhite,orange,navajowhite,orange,darkorange,orange);
}
.comments-table:hover{
transform: scale(1.03);
transition: 0.04s ease;
background-color: orange;
background-image: linear-gradient(navajowhite,orange,navajowhite,orange,darkorange,orange);
}
.profile .url-info, .profile .table-section{
border: 0px !important;
}
</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/nYYwlY_5HNA//?&;amp;;autoplay=1&;loop=1&;controls=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
Amy
just realized it doesn't work with dark mode oopsie