Report Blog Entry
hi everyone :) pls enjoy and comment to lmk if you're using so I can see!
Paste the layout in your about me section!
layout preview 
FULL LAYOUT STARTS HERE
<!--- nintendo frutiger aero by myranda! https://spacehey.com/mtv_1996 ---!>
<div style="max-height: 300px; position: fixed; left: 1px; top: 0px; z-index: 400;">
<img src="https://img1.picmix.com/output/stamp/normal/6/7/1/9/2469176_64c4d.png" height="220"/></div>
<div style="max-height: 300px; position: fixed; left: 1rem; top: 0px; z-index: 400;">
<img src="https://img1.picmix.com/output/stamp/normal/2/8/1/9/2469182_9b42d.png" height="220"/></div>
<div style="max-height: 300px; position: fixed; left: 20rem; top: 100px; z-index: 400;">
<img src="https://img1.picmix.com/output/stamp/normal/2/8/1/9/2469182_9b42d.png" height="220"/></div>
<div style="max-height: 300px; position: fixed; left: 1rem; top:50%; transform: translateY(-50%); z-index: 400;">
<img src="https://hosting.photobucket.com/7b763a86-f262-4547-bd3b-e0cdc8abd441/f4997e06-6800-4b48-bef2-160f34de1db5.webp?width=590&height=370&fit=bounds" height="220"/></div>
<div style="max-height: 300px; position: fixed; left: 0px; center: 0px; z-index: 400;">
<img src="https://hosting.photobucket.com/7b763a86-f262-4547-bd3b-e0cdc8abd441/f4997e06-6800-4b48-bef2-160f34de1db5.webp?width=590&height=370&fit=bounds" height="220"/></div>
<!---top right fishes --->
<div style="max-height: 300px; position: fixed; right: 1px; top: 0px; z-index: 400;">
<img src="https://img1.picmix.com/output/stamp/normal/2/8/1/9/2469182_9b42d.png" height="220"/></div>
<div style="max-height: 300px; position: fixed; right: 20rem; top: 100px; z-index: 400;">
<img src="https://img1.picmix.com/output/stamp/normal/2/8/1/9/2469182_9b42d.png" height="220"/></div>
<div style="max-height: 300px; position: fixed; right: 1px; z-index: 300;">
<img src="https://hosting.photobucket.com/7b763a86-f262-4547-bd3b-e0cdc8abd441/9e17a7bf-ef6d-4d25-9fe6-882af108109e.webp?width=180&height=180&fit=bounds" alt="fresh-squid-transparent-background_84443-18863" height="220"/>
</div>
<div style="max-height: 300px; position: fixed; left: 1px; bottom: 0px; z-index: 400;">
<img src="https://img1.picmix.com/output/stamp/normal/7/2/3/1/1451327_5bc6d.png" height="220"/></div>
<!---wavy bottom --->
<div style="max-height: 300px; position: fixed; right: 1px; bottom: 0px; z-index: 400;margin: -5rem">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220"/>
</div>
<div style="max-height: 300px; position: fixed; right: 140px; bottom: 0px; z-index: 400;margin: -5rem">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<div style="max-height: 300px; position: fixed; right: 270px; bottom: 0px; z-index: 400;margin: -5rem">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<div style="max-height: 300px; position: fixed; right: 400px; bottom: 0px; z-index: 400;margin: -5rem">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg)"/>
</div>
<div style="max-height: 300px; position: fixed; right: 500px; bottom: 0px; z-index: 400; margin: -5rem;">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<div style="max-height: 300px; position: fixed; right: 600px; bottom: 0px; z-index: 400; margin: -5rem;">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<div style="max-height: 300px; position: fixed; right: 700px; bottom: 0px; z-index: 400; margin: -5rem;">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<div style="max-height: 300px; position: fixed; left: 1px; bottom: 0px; z-index: 400; margin: -5rem;">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<div style="max-height: 300px; position: fixed; left: 140px; bottom: 0px; z-index: 400; margin: -5rem;">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<div style="max-height: 300px; position: fixed; left: 270px; bottom: 0px; z-index: 400; margin: -5rem;">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<div style="max-height: 300px; position: fixed; left: 400px; bottom: 0px; z-index: 400; margin: -5rem;">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<div style="max-height: 300px; position: fixed; left: 500px; bottom: 0px; z-index: 400; margin: -5rem;">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<div style="max-height: 300px; position: fixed; left: 600px; bottom: 0px; z-index: 400; margin: -5rem;">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<div style="max-height: 300px; position: fixed; left: 700px; bottom: 0px; z-index: 400; margin: -5rem;">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<div style="max-height: 300px; position: fixed; left: 800px; bottom: 0px; z-index: 400; margin: -5rem;">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<div style="max-height: 300px; position: fixed; left: 900px; bottom: 0px; z-index: 400; margin: -5rem;">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<div style="max-height: 300px; position: fixed; left: 62.5rem; bottom: 0px; z-index: 400; margin: -5rem;">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<div style="max-height: 300px; position: fixed; left: 125rem; bottom: 0px; z-index: 400; margin: -5rem;">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<div style="position: fixed; left: 50%; bottom: 0; transform: translateX(-40%); z-index: 400; max-height: 300px; margin: -5rem;">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<div style="position: fixed; left: 70%; bottom: 0; transform: translateX(-40%); z-index: 400; max-height: 300px; margin: -5rem;">
<img src="https://img1.picmix.com/output/stamp/normal/1/8/1/9/2469181_d9d19.png" height="220" style="transform: rotate(180deg);"/>
</div>
<style>
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {width: 15px;}
*::-webkit-scrollbar-track {
background:linear-gradient(to bottom,
#c8c2ab,
#7db6c2,
#6bddeb,
#b8f5f9,
#b0ecf1,
#3dbde4,
#0370b6,
#025699,
#054684,
#032f62
);}
*::-webkit-scrollbar-thumb {
background-color: #e9f60d;
border-radius: 10px;
border: 1px solid #0B1111;
}
</style>
<style>
body {
background: url(https://frutiger-aero.org/img/frutiger-aero-1.webp) no-repeat center,
linear-gradient(to bottom,
#c8c2ab,
#7db6c2,
#6bddeb,
#b8f5f9,
#b0ecf1,
#3dbde4,
#0370b6,
#025699,
#054684,
#032f62
);
background-size: contain;
background-position: top; }
.profile .friends .heading {
background: #e9f60d;
}
.profile .contact .heading {
background: #e9f60d;
}
.profile .table-section .heading {
background:#e9f60d;}
.comments-table td:first-child{background:none!important;}
.comments-table td{background:#e9f60d;}
.general-about .profile-pic {
}
.details-table td:first-child {background:#e9f60d; }
.details-table td {background:#e9f60d; }
nav .top {
background: none!important;
}
nav .links{ background: #e9f60d!important;}
nav .links a { color:#032ba8;}
.profile .blurbs .heading {
display:none;}
h4 {
color:#032ba8!important; }
.general-about .profile-pic img {
width: 100%; /* Ensures the image fits the container */
height: 100%; /* Ensures the image fits the container */
object-fit: cover; /* Keeps the image aspect ratio and covers the container */
}
main {
background:none;
padding: 60px;
}
main:before {
background-image: url(https://img1.picmix.com/output/stamp/normal/2/8/1/9/2469182_9b42d.png);
background-position: center;
background-size: contain;
display: block;
content: "";
width: 100%;
height: 250px;
}
.profile .friends .person p {
color:white }
button {
background-color: transparent;
color: white;
border: 1px solid yellow; }
.table-section:nth-last-child(2) .details-table tr:nth-child(5){display:none;}
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}
.profile .blurbs .section h4 {
color: ; }
.container {
width:1200px !important;
}
nav .links {
text-align:center; }
.profile .friends .person p:hover { color:#78f3f4; }
.comment-replies {
border: #e9f60d; }
/* about bg */
body > div.container > main > div.row.profile > div.col.right > div.blurbs > div.inner {
background-color: transparent;
}
/*contact bg*/
.friends-grid {
background-color: transparent;
}
/* contact icons */
.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 {
/* add to friends */
content: ""
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: ""
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: ""
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: ""
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: ""
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: ""
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group */
content: ""
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: ""
}
footer {
background:none !important;
}
footer .links{ background: #e9f60d!important; padding: 3.5px 16px;}
footer p {
color: #e9f60d; }
footer a {#032ba8; }
footer p, a {
text-shadow: 0 0 7px #095DC3;
font-size:12px;}
.online{
content: url(');
}
:root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:#32CD32;
--even-lighter-blue:#ff0095;
--lightest-blue:##3c0130;
--dark-orange:White;
--light-orange:#8e0d3e;
--even-lighter-orange:black;
--green:black;#ff0090
}
.profile .blurbs .heading, .profile .friends .heading {
background:none;
}
div.ah.df.dg.dh {
border-radius: 0 0 10px 10px;
}
div.b4.ah.dx.dy.dz.e0 {
border-radius: 10px 0 0 0;
}
<style>
.friends .heading{ font-size:0; color:yellow;}
.friends .heading:before{ content:; font-size:.8rem; font-weight:bold; }
}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: ""; font-size:.8rem; font-weight:bold;
color:White; }
}
.profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: ""; font-size:.8rem; font-weight:bold;
color:White; }
}
.contact .heading{ font-size:0; }
.contact .heading:before{ content: ""; font-size:.8rem; font-weight:bold;
color:White; }
}
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: ""; font-size:.8rem; font-weight:bold; color:White; }
}
</style>
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
Trudie! ˶ˆ꒳ˆ˵
This layout is so cool omg im definitely telling my friend who loves frutiger aero about this
thank you sm!!! yay! <3 :)
by myranda; ; Report