Layout published by dai

published 1696629268
updated 1729119477

Add to Favorites

View Layouts

View Profile

Report Layout

windows 7 aero glass desktop

Tags: windows, windows 7, aero, frutiger aero

Description:

Windows 7 - Aero Glass

UPDATE 10/21/23:

THANK YOU SO MUCH FOR USING THIS!!!!! since a lot of cool people are using it, i updated the code to be mobile-friendly too ^_^ so sorry if it was borked on mobileee i was still learning...... i still am

re-copy and paste the code to see changes :D

UPDATE 11/27/23:

oh lord. This might not be mobile friendly at all . Actually none of my layouts at this point might be mobile friendly . Have to learn this over again since the update

features:

Skeuomorphism... tasty

custom wallpaper option please don't use lewd anime girls

No forced windows 10 upgrade

long ass code like all of my stuff

known bugs:

actually not a bug - but if you have a notif the icon will just float on the top left corner i was too lazy to style it nicely

if you find something that bugs you, let me know and i'll fix it asap

credits:

i used some styles from 7.css in some elements! for example, the windows' textures, the buttons and scrollbars.

Preview:

click on the image for a larger preview

Code:

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

<style>
/* CUSTOMIZATION!!! */

:root {
	/* change url to your wallpaper! default: windows 7 logo */
    --wallpaper: url(https://images2.imgbox.com/f2/80/muTLkwe3_o.png);
}

/* the code itself, minified */
@media only screen and (max-width:600px){body,nav{overflow-y:scroll}.col.right,body{position:relative}.blurbs,.container{width:100%!important}.contact,.details,.profile h1,.profile-pic,nav{position:absolute}.container{display:block!important;height:auto!important;padding-bottom:900px;margin-top:-18px}nav{display:flex!important;top:100%}.blurbs{float:initial}.contact{z-index:-1;bottom:0}.section{overflow-y:auto!important;overflow-x:hidden}.profile-pic{z-index:1;bottom:420px}.col.right{z-index:99999;pointer-events:none}.table-section{bottom:500px!important;width:calc(100% - 20px)!important;height:400px;z-index:999999999;right:-20px}.table-section td:last-child{text-align:center}.blurbs .section:first-child{width:100%}#comments,.friends:not(#comments){margin-top:0!important;margin-left:0!important;width:100%!important}.blog-preview h4 a{display:none}nav::-webkit-scrollbar{display:none}[title=Notifications]:after{content:"you have notifications"}[title=Notifications]:hover{color:#fff!important}.col.right>*{pointer-events:all}.comments-table{width:96%!important;float:initial}}.contact,nav{background:url(https://images2.imgbox.com/8a/e6/VMFr7U0d_o.png) rgba(150,200,255,.2)}.profile h1,nav .links li a:not([title~=Notifications]){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.container,.profile h1,body{overflow:hidden}.online,.top .right *{text-transform:lowercase}.comments-table,.details-table{border-collapse:collapse}::-webkit-scrollbar{width:16px}::-webkit-scrollbar:horizontal{height:17px}::-webkit-scrollbar-corner{background:#eee}::-webkit-scrollbar-track:vertical{background:linear-gradient(90deg,#e5e5e5,#f0f0f0 20%)}::-webkit-scrollbar-track:horizontal{background:linear-gradient(180deg,#e5e5e5,#f0f0f0 20%)}::-webkit-scrollbar-thumb{background-color:#eee;border:1px solid #8e8f8f;border-radius:3px;box-shadow:inset 0 -1px 1px hsla(0,0%,100%,.8),inset 0 1px 1px #fff}::-webkit-scrollbar-thumb:vertical{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") 50% no-repeat,linear-gradient(90deg,#eee 45%,#ddd 0,#bbb)}::-webkit-scrollbar-thumb:horizontal{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") 50% no-repeat,linear-gradient(180deg,#eee 45%,#ddd 0,#bbb)}::-webkit-scrollbar-thumb:hover:vertical{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") 50% no-repeat,linear-gradient(90deg,#e5f4fd 45%,#b3e0f9 0);border-color:#3c7fb1}::-webkit-scrollbar-thumb:hover:horizontal{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") 50% no-repeat,linear-gradient(180deg,#e5f4fd 45%,#b3e0f9 0);border-color:#3c7fb1}::-webkit-scrollbar-thumb:active:vertical{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") 50% no-repeat,linear-gradient(90deg,#cee9f8 45%,#86c6e8 0);border-color:#6d91ab}::-webkit-scrollbar-thumb:active:horizontal{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") 50% no-repeat,linear-gradient(180deg,#cee9f8 45%,#86c6e8 0);border-color:#6d91ab}::-webkit-scrollbar-button:horizontal:end:decrement,::-webkit-scrollbar-button:horizontal:start:increment,::-webkit-scrollbar-button:vertical:end:decrement,::-webkit-scrollbar-button:vertical:start:increment{display:none}::-webkit-scrollbar-button{border:1px solid transparent}::-webkit-scrollbar-button:vertical{height:17px}::-webkit-scrollbar-button:vertical:start{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik04IDZIN3YxSDZ2MUg1djFINHYxaDdWOWgtMVY4SDlWN0g4VjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"),linear-gradient(90deg,#e5e5e5,#f0f0f0 20%)}::-webkit-scrollbar-button:vertical:end{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"),linear-gradient(90deg,#e5e5e5,#f0f0f0 20%)}::-webkit-scrollbar-button:horizontal{width:16px}::-webkit-scrollbar-button:horizontal:start{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik05IDRIOHYxSDd2MUg2djFINXYxaDF2MWgxdjFoMXYxaDFWNFoiIGZpbGw9InVybCgjYSkiLz48L3N2Zz4="),linear-gradient(180deg,#e5e5e5,#f0f0f0 20%)}::-webkit-scrollbar-button:horizontal:end{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik03IDRINnY3aDF2LTFoMVY5aDFWOGgxVjdIOVY2SDhWNUg3VjRaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"),linear-gradient(180deg,#e5e5e5,#f0f0f0 20%)}::-webkit-scrollbar-button:hover{background-color:#eee;border-color:#8e8f8f;border-radius:3px;box-shadow:inset 0 -1px 1px hsla(0,0%,100%,.8),inset 0 1px 1px #fff}::-webkit-scrollbar-button:hover:vertical{height:17px}::-webkit-scrollbar-button:hover:vertical:start{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik04IDZIN3YxSDZ2MUg1djFINHYxaDdWOWgtMVY4SDlWN0g4VjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"),linear-gradient(90deg,#e5f4fd 45%,#b3e0f9 0);border-color:#3c7fb1}::-webkit-scrollbar-button:hover:vertical:end{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"),linear-gradient(90deg,#e5f4fd 45%,#b3e0f9 0);border-color:#3c7fb1}::-webkit-scrollbar-button:hover:horizontal{width:16px}::-webkit-scrollbar-button:hover:horizontal:start{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik05IDRIOHYxSDd2MUg2djFINXYxaDF2MWgxdjFoMXYxaDFWNFoiIGZpbGw9InVybCgjYSkiLz48L3N2Zz4="),linear-gradient(180deg,#e5f4fd 45%,#b3e0f9 0);border-color:#3c7fb1}::-webkit-scrollbar-button:hover:horizontal:end{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik03IDRINnY3aDF2LTFoMVY5aDFWOGgxVjdIOVY2SDhWNUg3VjRaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"),linear-gradient(180deg,#e5f4fd 45%,#b3e0f9 0);border-color:#3c7fb1}::-webkit-scrollbar-button:active{background-color:#eee;border-color:#8e8f8f;border-radius:3px;box-shadow:inset 0 -1px 1px hsla(0,0%,100%,.8),inset 0 1px 1px #fff}.contact,.contact .inner,nav,nav .links li a:not([title~=Notifications]){box-shadow:0 0 1px .5px #fff}::-webkit-scrollbar-button:active:vertical{height:17px}::-webkit-scrollbar-button:active:vertical:start{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik04IDZIN3YxSDZ2MUg1djFINHYxaDdWOWgtMVY4SDlWN0g4VjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"),linear-gradient(90deg,#cee9f8 45%,#86c6e8 0);border-color:#6d91ab}::-webkit-scrollbar-button:active:vertical:end{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"),linear-gradient(90deg,#cee9f8 45%,#86c6e8 0);border-color:#6d91ab}::-webkit-scrollbar-button:active:horizontal{width:16px}::-webkit-scrollbar-button:active:horizontal:start{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik05IDRIOHYxSDd2MUg2djFINXYxaDF2MWgxdjFoMXYxaDFWNFoiIGZpbGw9InVybCgjYSkiLz48L3N2Zz4="),linear-gradient(180deg,#cee9f8 45%,#86c6e8 0);border-color:#6d91ab}::-webkit-scrollbar-button:active:horizontal:end{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik03IDRINnY3aDF2LTFoMVY5aDFWOGgxVjdIOVY2SDhWNUg3VjRaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"),linear-gradient(180deg,#cee9f8 45%,#86c6e8 0);border-color:#6d91ab}body{font-family:'Segoe UI';background:var(--wallpaper);background-size:cover;background-attachment:fixed;background-position:center}.container{width:100%;height:100vh;margin-top:-25px;display:flex}.col{display:block;width:100%!important}.blog-preview :not(h4),.edit-link,.online img,.profile-info,.report .icon,.verified{display:none}.center,.mood,.table-section+.table-section,.url-info{display:none!important}footer{position:absolute;top:-1000px}button:not(.logout-btn){background:linear-gradient(180deg,#eee 45%,#ddd 0,#bbb);border:1px solid #8e8f8f;border-radius:3px;box-shadow:inset 0 -1px 1px hsla(0,0%,100%,.8),inset 0 1px 1px #fff;box-sizing:border-box;color:#222;font:9pt Segoe UI,sans-serif;min-height:23px;min-width:75px;padding:0 12px;text-align:center}button:disabled{background:#f4f4f4;border-color:#aeb2b5;color:#838383}button:not(:disabled):hover{background:linear-gradient(180deg,#e5f4fd 45%,#b3e0f9 0);border-color:#3c7fb1}button:not(:disabled).active,button:not(:disabled):active{background:linear-gradient(180deg,#cee9f8 45%,#86c6e8 0);border-color:#6d91ab;box-shadow:none}button:focus{box-shadow:inset 0 0 0 2px #86c6e8;outline:#000 dotted 1px;outline-offset:-4px}main{background:0 0;margin:auto}.contact{z-index:9999;position:fixed;bottom:28px;left:0;width:380px!important;height:450px;margin:2px!important;background-blend-mode:overlay;border:1px solid #000!important;border-radius:6px 6px 0 0;backdrop-filter:blur(1.5px)}.contact .inner{margin-left:6px;margin-top:8px;background:#fff;width:62%;height:96.5%;border:1px solid #000!important;border-radius:4px}.contact .heading{position:absolute;bottom:15px;left:14.5px;width:55%;height:23px;margin:5px;border:1px inset gray;border-radius:2px;background:url(https://images2.imgbox.com/1f/9f/uRLrvPGV_o.png) right no-repeat #fff!important;cursor:text}.contact .heading:after{display:inline-block;content:"Search programs and files";font-size:12px;color:gray;font-style:italic;transform:translate(0,-1px)}#comments .heading h4,.blog-preview h4,.blurbs .heading h4,.contact h4,.friends:not(#comments) .heading h4,.table-section .heading h4{font-size:0px}.f-row *,.profile h1{font-size:12px;font-weight:400}.f-col,.f-row{display:block;width:100%!important;margin:2px!important}.f-row *{vertical-align:middle;color:#000}.f-row a{width:96.5%;padding:2px;display:block;background-size:100% 100%!important;cursor:default}.f-row a:hover{background:url(https://images2.imgbox.com/5d/dc/8Uz6nI8q_o.png);text-decoration:none;color:#000}.f-col .icon{width:30px;height:30px;margin-right:5px;image-rendering:pixelated}.profile-pic{position:fixed;bottom:430px;left:280px;z-index:99999;width:68px!important;height:68px!important;border-radius:20px}.details,.profile h1{left:255px;width:120px;color:#fff;z-index:99999}.profile-pic .pfp-fallback{width:68px;height:68px;object-fit:cover;padding:6px;border-radius:10px;cursor:pointer}.profile-pic:before{pointer-events:none;position:absolute;display:block;content:"";background:url(https://images2.imgbox.com/9b/1f/boZc2kPU_o.png) center/contain no-repeat;width:100%;height:100%}.details,.profile h1,.top .right,nav{position:fixed}.profile h1{bottom:400px}.details{bottom:115px;height:300px}.online{color:#fff;font-weight:400}nav{bottom:0;width:100%;z-index:99999;display:flex!important;flex-direction:row;height:30px;border-top:1px solid rgba(0,0,0,.7)!important;background-blend-mode:overlay;padding:2px}nav>*{padding:0!important;background:0 0!important}.logo-fallback{content:url(https://images2.imgbox.com/c2/62/ez78qGhi_o.png);width:58px!important;height:58px!important;transform:translate(-8px,-18px);cursor:default}.logo-fallback:hover{content:url(https://images2.imgbox.com/e6/ac/9gqRPqEq_o.png)}.logo-fallback:active{content:url(https://images2.imgbox.com/0f/4f/0crONA4v_o.png)}nav .links li:not(:last-child)::after{content:""}nav .links li{height:100%!important;width:80px}nav .links li a:not([title~=Notifications]):before{content:"";display:inline-block;height:12px;width:12px;background:url(https://images2.imgbox.com/74/2f/ipjPrEs4_o.png) 0 0/cover no-repeat;vertical-align:bottom;margin-right:4px}nav .links li a:not([title~=Notifications]){display:block;padding:6px;height:100%;width:100%;background:red;font-size:10px;text-align:left;color:#fff!important;font-weight:400!important;border:1px solid rgba(0,0,0,.7)!important;background:linear-gradient(90deg,rgba(0,0,0,.2) 2%,transparent 150%) rgba(255,255,255,.2);text-shadow:none!important;cursor:default}nav .links li a:not([title~=Notifications]):hover{background:linear-gradient(90deg,rgba(0,0,0,.2) 2%,transparent 150%) rgba(255,255,255,.4);text-decoration:none}.top .right{right:5px;font-size:0px}.top .right *{padding:5px;font-size:12px}.active a[title~=Notifications]{position:fixed;top:10px;left:10px}#comments .heading h4:after{content:"Comments";font-size:12px}.friends:not(#comments) .heading h4:after{content:"Friends";font-size:12px}.blurbs .heading h4:before{content:"";display:inline-block;background:url(https://images2.imgbox.com/29/cc/J75UQKVO_o.png) 0 0/cover;height:15px;width:15px;font-size:12px;vertical-align:bottom;margin-right:5px}.blurbs .heading h4:after{content:"blurbs.txt - Notepad";font-size:12px}.table-section .heading h4:after{content:"Interests";font-size:12px}.blurbs,.friends,.table-section{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,.3) 45%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,hsla(0,0%,100%,.5))!important;box-shadow:inset 0 0 0 1px #eee8;border:1px solid rgba(0,0,0,.7)!important;border-radius:6px;box-shadow:2px 2px 10px 1px rgba(0,0,0,.7);font:9pt Segoe UI,sans-serif;margin:10px 30px!important}.inner>p b a,.report,.section a{font-weight:700}.blurbs .inner,.friends .inner,.table-section .inner{background:#fff;border:1px solid rgba(0,0,0,.7);box-shadow:0 0 1px .5px #fff;margin:0 6px 6px;height:560px;overflow-y:scroll;padding:0!important}.blurbs .heading,.friends .heading,.table-section .heading{background:linear-gradient(55deg,transparent 8%,hsla(0,0%,100%,.1) 10%,hsla(0,0%,100%,.3) 30%,rgba(0,0,0,.1) 32%,rgba(0,0,0,.3) 55%,transparent 57%,hsla(0,0%,100%,.3) 70%,transparent 72%)!important;padding-bottom:10px!important;margin-top:-2px}.blurbs .heading h4,.friends .heading h4,.table-section .heading h4{padding-top:3px;font-weight:400;color:#000;text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff}.blurbs .heading:after,.friends .heading:after,.table-section .heading:after{background:url(https://images2.imgbox.com/17/74/Xy0Vhy0K_o.png) 0 0/cover no-repeat;content:"";width:103px;height:19px;display:inline-block;float:right}.blurbs .inner{overflow:hidden}.blurbs .inner:before{display:block;content:"";width:100%;height:20px;background-image:url(https://images2.imgbox.com/5c/3e/BRrzwubh_o.png),url(https://images2.imgbox.com/55/83/qC1C9T0S_o.png);background-size:contain,100% 100%;background-repeat:no-repeat,repeat;background-position:left,center;font-size:0px}.blurbs{width:42%;float:right;transform:translateX(-30px);height:600px}.section h4{position:absolute;transform:translateY(-18px);color:#00f!important;text-decoration:underline}.section{margin-block:20px;padding-inline:8px}.section:first-child{height:265px;overflow-y:scroll;width:400px}.section:last-child{height:215px;overflow-y:scroll;margin-left:12px;text-align:center}a:hover{color:#00f}.comment-reply a,.inner>p b a,.person p,.report,.report a,.section a{color:#00f!important}.section a{text-decoration:underline!important}.comment-reply a,.details-table td:first-child,.inner>p b a,.person p,.report{text-decoration:underline}.friends:not(#comments){width:30%;margin-top:20px!important;margin-left:300px!important;height:320px}.friends:not(#comments) .inner{height:280px;padding:5px!important}#comments{width:28%;margin-left:330px!important;height:240px}#comments .inner{position:absolute;height:200px;width:96%}.comments-table{border-inline:1px solid gray;border-bottom:1px solid gray;float:right;width:85%!important;margin:8px;box-shadow:0 0 5px #d3d3d3}.comment-reply a{font-weight:700;font-size:9px}.comments-table td{display:block;width:100%!important;border:none!important}.comments-table td:first-child{display:flex;flex-direction:row;background:#fff!important;border-block:1px solid gray!important;height:25px}.comments-table .pfp-fallback{border:1px solid gray;height:20px!important;width:20px!important;margin-inline:5px}.comments-table td:first-child>a{color:#00f;text-decoration:underline;line-height:20px}.blog-preview h4 a:after,.more:after{font-size:13px;color:#fff;text-align:center;transform:translateY(100px);text-indent:2px}.comments-table td:last-child{background:#fff;padding-inline:10px}.report{font-size:11px!important;height:0;line-height:5px}.ago,.inner>p b,.more:after{font-weight:400}.inner>p b{width:80%;display:block;margin-top:5px;margin-left:45px}.count{color:#000}.friends:not(#comments) .inner>p b{margin-left:5px}.person .pfp-fallback{border:1px solid #d3d3d3;outline:gray solid 1px;height:80px;width:80px;object-fit:cover;border-radius:5px;box-shadow:0 0 5px gray}.person{position:relative}.person:before{content:"";display:block;height:80px;width:80px;border-radius:5px;position:absolute;top:24px;left:7.5px;box-shadow:0 20px 40px -20px #fff inset;opacity:.8;mix-blend-mode:screen;pointer-events:none}.comment-replies{border:1px solid gray;margin-inline:5px;margin-bottom:5px;margin-top:-5px}.table-section{position:absolute;z-index:9999;width:15.5%!important;right:-22px;bottom:28em;height:40%}.blog-preview h4 a,.more{width:112px;position:absolute;cursor:default;display:block}.table-section .inner{height:87%}.details-table:before{display:block;content:"";width:100%;height:20px;background:url(https://images2.imgbox.com/55/83/qC1C9T0S_o.png)}.details-table td{margin:0!important;display:block;width:100%!important;background:#fff!important}.details-table td:last-child{border:1px inset #d3d3d3;margin:5px!important;width:95%!important}.blog-preview h4 a:hover,.more:hover{text-decoration:none;outline:rgba(255,255,255,.6) solid 1px;border-radius:3px}.details-table td:first-child{color:#00f;text-align:center;text-transform:uppercase;cursor:default}.details-table td:first-child p:before{content:">>> "}.details-table td:first-child p:after{content:" <<<"}.blog-preview h4 a{margin-top:-20px;font-size:0px;height:100px;background:url(https://images2.imgbox.com/3c/b3/pY6zk8sh_o.png) center right/contain no-repeat}.blog-preview h4 a:hover{background:url(https://images2.imgbox.com/3c/b3/pY6zk8sh_o.png) rgba(255,255,255,.2);background-size:contain;background-position:center right;background-repeat:no-repeat}.blog-preview h4 a:after{display:block;content:"blog posts";font-weight:400}.more{top:-41px;left:-180px;background:url(https://images2.imgbox.com/54/f4/0t26MSrW_o.png) center center/contain no-repeat;height:101px;font-size:0px!important}.more:after{display:block;content:"all friends.txt"}.more:hover{background:url(https://images2.imgbox.com/54/f4/0t26MSrW_o.png) rgba(255,255,255,.2);background-size:contain;background-position:center center;background-repeat:no-repeat}
</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 20 of 272 comments ( View all | Add Comment )

Fanteliss	1792754958 using but its broken but its REALLY funny so im gonna try and fix it and keep it Report Comment
toothachecrow	1790443896 Maybe using Report Comment
nerdyIllustrator	1789241184 broke n sadly :-( (or maybe not!! maybe my device has something to do with it, im on chromebook!) Report Comment
Rue	1788180762 it's not really broke for me, i just don't know how to get my way past it. the sections are really confusing and easy to lose sometimes Report Comment
wilbizxd	1787091430 it´s broke ;; Report Comment
ANANAS	1786435645 everything broke for me👍 Report Comment
laura	1786007498 using Report Comment
Astoria aaron	1785394954 using!! Report Comment
ria	1784124192 using Report Comment
☆Spacehey artist☆	1783729791 using Report Comment
notlucy	1782747103 using but may change ur code is insaneeee bro i must be like you Report Comment
tewu.	1781749181 uzing <3 Report Comment
ヾ(〃^∇^)ﾉ♪ @ZUZA ✮﹒	1781450731 using ^_^ Report Comment
detectivemikuo	1781229721 this is so unbelievably tuff.. using btw Report Comment
☆ (im lazy)	1780624463 THIS IS SO COOL WHAT Report Comment
L0serh00d_	1780530133 using Report Comment
xxprophet2.0	1780332071 amazing Report Comment
clwdy	1780053224 using !! Report Comment
Elif	1779755214 usingggg Report Comment
햄레몬임마니의	1778388110 using Report Comment