Layout published by daniel

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 daniel (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 264 comments ( View all | Add 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
ultimatedetective99	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
Indigo	1779755214 usingggg Report Comment
햄레몬임마니의	1778388110 using Report Comment
Anticristo2008	1776980605 usingggg :p Report Comment
bucketofdoritos	1775830757 maybe i'll use Report Comment
𝖒𝖆𝖎𝖘𝖔𝖓	1775774364 using ! <3 Report Comment
vaterland	1775252106 using this! Report Comment
🅠🅤🅘🅝🅝	1774511078 using! ^^ Report Comment
lilyfart	1774223178 using Report Comment
chlebak	1773563372 omg using!!!!! Report Comment
inzheniir	1773211687 using, thank u:)) Report Comment