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 221 comments ( View all | Add Comment )
starwalker	1762664289 using!!! Report Comment
Ax3ll...Zzz・・・・	1762645990 using!! Report Comment
saya	1762552085 usingg Report Comment
cheesefish	1762468150 usingggggggggg so well made! Report Comment
InternetCrybaby	1762391004 USINGGGG!!! Report Comment
Flint985	1762098091 usingg Report Comment
Mukii	1761961467 using, I love the Windows 7 aesthetic that you were able to recreate. Report Comment
Robertybob	1760295600 gonna use, layouts that dramatically change profiles r so cool!!! Report Comment
WhimseyandInsanity (Iris)	1760247466 using. this is cool as f*ck Report Comment
ℳary𝄞⨾𓍢ִ໋	1760115531 using Report Comment
samaria	1760027011 using~!!! Report Comment
Luca	1760007891 Using :3 Report Comment
nerdynimrod	1759878276 using! thanks for making it Report Comment
angerune	1759471138 Using! Tysm for making and sharing this layout. It's so perfect for me! Report Comment
Jonny	1759363670 using :3 Report Comment
Jrocky Camelot	1759123488 Using Report Comment
l33nurr	1759057254 using! Report Comment
Agent_A	1758726812 Using Report Comment
Varrote	1758658151 using Report Comment
jin—bug	1758299227 using Report Comment