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 248 comments ( View all | Add Comment )
shh…	1772723902 using! thank you!! :3 Report Comment
Natalia ^ _ ^	1772246575 Using !! Report Comment
orange juice	1771718191 using Report Comment
kari	1771684671 using, thank u XP!! Report Comment
myawil	1770925111 using Report Comment
kyonnann	1770693251 usinggg Report Comment
Caecilius	1770421896 USING Report Comment
seal	1769229036 usinggggggggggggggggg Report Comment
AKi	1768985962 this is so fucking cool. usingg Report Comment
Isa˖๋ ࣭ ⭑	1768863429 usiiiiiing Report Comment
scotty ☆	1768346488 using! Report Comment
Kat	1768189583 usinggggg Report Comment
ririi	1767959741 using!! Report Comment
PixelTheFreaky	1767786845 using this peak !!! Report Comment
✮✦༻𝓿𝓲𝓸𝓵𝓮𝓽༺✦✮	1767728249 using Report Comment
aizen	1767160171 a little bug! i cant see my links! :C Report Comment by links i mean my social media by aizen; 1767160185; Report
i need yaoi	1767041176 usingyay Report Comment
airfryatheist	1766801189 using!!1 Report Comment
the alice	1766612797 using :3 Report Comment
xvkoxix	1765766086 using Report Comment