Hey so spacehey decided to remove the CSS section in my profile editing page so my entire layout was fucking wiped and I don't have a copy. Thanks An! Great website!
anyways
I made a new one from scratch super quickly, so it's not great, but I wanna post it publicly so y'all can have something for once. I got rid of all the BMTH branding but left some NSO stuff cuz it seems more common here. anyways
COPY AND PASTE THIS INTO YOUR ABOUT ME, NO NEED FOR CREDIT SINCE ITS BASED ON ANOTHER LAYOUT ANYWAY.
<style>
body {
font-family: Courier New, Monospace;
background-color: white;
}
body::before {
content: " ";
display: block;
position: relative;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
#q, button {
color: brown;
background-color: black;
border: 2px solid brown;
border-radius: 5px;
font-family: inherit;
}
p, i, b, .count {
color: brown !important;
}
a, .profile .friends .person p, .logout-btn {
color: brown !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: brown;
}
nav .top {
margin-top: 15px;
background: none;
background-image:
url(https://i.pinimg.com/originals/78/c1/81/78c1815207fc2bd54c871241591b9b22.jpg);
border: 8px solid brown;
border-style: ridge;
}
nav .links {
margin-top: 15px;
background-color: black;
border: 8px solid brown;
margin-bottom: 15px;
border-style: ridge;
}
body{
background-image:
url(https://i.pinimg.com/originals/db/da/51/dbda51aed920715045d6be8f37e09f30.jpg);
background-attachment: fixed;
background-size: 2000px;
}
main:before{
Width: auto;
height: 100px;
display: block;
content: "";
background-image: url('https://i.pinimg.com/originals/b5/a2/58/b5a258d11ed2d5f50a8f055ccb7ccf12.jpg');
background-position: center center;
background-size: 130%;
border: 8px solid brown;
border-style: ridge;
margin: 10px;
}
main {
background: rgba(0, 0, 0, .95);
color: brown;
border: 8px ridge brown;
.mood:after {
content: "";
white-space: pre-wrap;
display: block;
height: 300px;
background-image: url("https://i.pinimg.com/originals/17/da/ae/17daaed33093b379b5de51997f072c57.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: 300px;
border: 8px ridge brown;
margin-bottom: 10px;
}
}
.floating-image {
position: relative;
top: -1835px; /* Distance from the top of the viewport */
right: -75%; /* Distance from the right of the viewport */
width: 200px; /* Initial width, adjust as needed */
height: auto; /* Maintains aspect ratio */
z-index: 1000; /* Ensures the image stays on top */
pointer-events: none; /* Makes the image non-interactive */
}
/* Example to add the image to your HTML */
</style>
<img src="" class="floating-image"/>
<style>
.heading, .url-info {
color: brown !important;
background: none;
background-color: black !important;
border: 8px ridge brown !important;
margin-bottom: 3px;
}
.inner {
color: brown !important;
background: none;
background-image:
url(https://i.pinimg.com/originals/a0/4b/4b/a04b4b6ac07d5cbd4611231916a32a1a.jpg);
background-position: bottom center;
border: 8px ridge brown;
max-width: 100%;
}
.profile-info {
border: 8px ridge brown;
background: none;
background-image:
url(https://i.pinimg.com/originals/a0/4b/4b/a04b4b6ac07d5cbd4611231916a32a1a.jpg);
}
.profile-info .inner {
border: none;
background-color: brown !important;
}
.friends .inner {
border-bottom: none;
background: none;
background-image:
url(https://i.pinimg.com/originals/a0/4b/4b/a04b4b6ac07d5cbd4611231916a32a1a.jpg);
}
#comments {
border-bottom: 8px ridge brown;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 20px;
}
.profile .blurbs .section h4 {
color: brown !important;
margin-bottom: 15px;
}
.details-table {
margin: 2.5px;
}
.details-table, td {
border: 2px dotted brown;
border-collapse: collapse;
}
td {
color: brown !important;
background: none;
background-color: black !important;
}
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 50px;
}
footer {
background: black;
border: 8px ridge brown;
}
footer p {
color: brown !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
footer:before {
Width: auto;
height: 120px;
display: block;
content: "";
background-image: url('https://i.pinimg.com/originals/b0/d5/69/b0d569f9ff52f095ed045889f8a87af1.jpg');
background-position: center center;
background-size: 100%;
border: 8px ridge brown;
margin: 10px;
}
.comment-replies {
border: 1px solid brown;
margin: 2px;
}
nav .info {
background: none;
}
.online {content:url('https://64.media.tumblr.com/d71d8c36e2baaebfd3ef25a69f2afc3e/06088d425860f353-b6/s250x400/344c2d3d627da5e63c4d400eee45bb82b20ec07b.gifv'); background-repeat: no-repeat; background-position: 0% 0%; width: 300px; height: 50px; z-index: 2; border: 5px ridge brown;
}
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 999;
background-image: url('https://i.pinimg.com/originals/97/b6/f7/97b6f799ffbeea52040dac553cc9a851.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 4s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/sXvKz4wg/2024-04-09-0zp-Kleki.png );-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/sXvKz4wg/2024-04-09-0zp-Kleki.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
h1
{
color: /*the username glow and shadow*/
h1
{ color: brown;
//text-shadow: 1px 1px #81F940;
};
text-shadow: 2px 2px 3px #8B0000, 0 0 25px #8B0000
, 0 0 5px brown;
}
</style>
<style>
table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}
table.comments-table:before{
Width: auto;
height: 120px;
display: block;
content: "";
background-image: url('https://i.pinimg.com/originals/fa/5d/43/fa5d4342f9b8b6be0f648309dca5b664.jpg');
background-position: center center;
background-size: 100%;
border: 5px ridge brown;
margin-bottom: 10px;
}
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )