Layout published by idioteque

published 1696629268
updated 1701102444
Add to Favorites
View Layouts
View Profile
Report Layout
windows 7 aero glass desktop

Tags: windows, windows 7, aero, frutiger aero
Description:

more layouts!
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 idioteque (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 75 comments ( View all | Add Comment )
xuntara	1715573615 using!! Report Comment
☆ jas 🍉	1715361654 using Report Comment
madi	1714950275 using!!! Report Comment
joel ᶻ 𝗓 𐰁	1714917071 using!! Report Comment
cr0wluvr	1713568033 using Report Comment
KariKinsun427	1712698713 using! this looks awesome!!! Report Comment
LoNeLyLeNoRa	1712031675 Ooh THIS is insane! This is so sick I'm obsessed Report Comment
loopss	1711819738 WOAH THIS IS SO COOL Report Comment
vap	1711420271 this layout is actually incredible.. AMAZING work 💗 Report Comment
#🎧 𝑨𝑳𝑺 ✮⋆˙	1711347283 USING THIS IS SO COOL?! Report Comment
Pixel	1711300599 using!!! Report Comment
rapfirst	1710584455 your layouts are SO cool i cant decide which to use u_u" Report Comment
colin!!ヘ(^_^ヘ)	1710571701 SO AMAZING USING!! :D Report Comment
RAYM☆ND!	1709486879 USINGGGG Report Comment
kirby99	1708797234 USINGGG Report Comment
jerf	1708403690 uusingg Report Comment
gumball [profile is a wip]	1707936611 using Report Comment
suwako	1707614722 i am so using this Report Comment Hii by killanov; 1707627563; Report
redoing	1707098636 usingf Report Comment