>>more layouts<<
very old, sort of broken in places. . . ~80% mobile compatibility
features: Ah not many I think only that you can scroll on your username if its too long to read it in its entirety + hover over horse below profile for fun effect
code:
<style>.logout-btn,.top,.top .right a{text-transform:lowercase!important}.profile h1,body{font-family:avgard}.blog-preview,.col,.more{position:relative}@font-face{src:url(https://dl.dropbox.com/scl/fi/11w041tt4ndnltcv43pdx/AVGARDN_2.woff?rlkey=st51aeo4pq8o5m09mg7r2nseb);font-family:avgard}@media only screen and (max-width:600px){.col.left{padding-left:40px!important;padding-top:30px}.general-about,.mood{width:60%!important;margin-left:20px}.links{display:none!important}}.blog-preview p:not(:nth-child(2),:nth-child(3)),.blurbs .heading,.edit-link,.f-col .icon,.logo-fallback,.online img,.verified,[title=Notifications] img{display:none}body{font-size:20px;background:url(https://images2.imgbox.com/fb/8e/zyjjzZlc_o.gif) bottom right/20% no-repeat fixed #000;image-rendering:pixelated;cursor:url(https://cur.cursors-4u.net/cursors/cur-4/cur330.cur),auto!important}::selection{background:#fff;color:#000}a{cursor:grab}::-webkit-scrollbar{width:5px;background:#000}::-webkit-scrollbar-thumb{background:#fff}.container{width:80%;margin-left:30px}.top .left:first-letter{color:#000;font-size:44px;background:#fff;letter-spacing:10px;border-left:10px solid #fff}.top .left a:before{display:block;content:"s space//hey";font-size:25px;line-height:52px;background:url(https://images2.imgbox.com/ea/d1/gniNlq4S_o.png) 10px/16% no-repeat #000;padding-left:55px;padding-right:20px;height:50px;border:2px solid #fff;border-radius:2px}.top .left a{transition:.3s}.logout-btn,.top .right a,nav .links a{font-weight:700!important;transition:.1s}.top .left a:hover:before{border:2px solid #000;filter:invert()}.top{background:#000!important;font-weight:700!important;height:80px!important}.blog-preview h4,.mood p:last-child b,.top .right{font-size:0px}.logout-btn,.top .right a{display:inline-block;font-family:avgard;font-size:15px;color:#fff!important;margin-right:10px;text-decoration:none!important}.comment-replies small a:not(:first-child),.details>p:last-child,.f-col a,.mood,.profile h1,button:not(.logout-btn),nav .links a{text-transform:lowercase}.mood p:first-child b,.mood p:last-child:before,button:not(.logout-btn):hover{background:#fff;color:#000}.details,.mood,button:not(.logout-btn){background:#000;color:#fff}.center{padding-top:10px}#q{border:1px solid #000}#q:focus{outline:0}button:not(.logout-btn){border:2px solid #fff;border-radius:2px;font-weight:700;transition:.2s;cursor:pointer}.mood a,nav .links a{color:#fff!important}nav .links li:not(:last-child)::after{content:""}nav .links{position:fixed;top:2rem;right:2.5rem;display:flex;flex-direction:column;width:150px;background:0 0!important}nav .links a{display:block;text-align:center;text-shadow:none!important}a:not(.top .left a,[title=Notifications],nav .links a){display:inline-block;transition:.3s}.logout-btn:hover,a:not(.top .left a):hover{transform:scale(1.2);text-decoration:none}[title=Notifications]:after{content:"⬤";animation:.3s 6 blink}.profile h1{font-size:50px;letter-spacing:-3px;font-weight:700;writing-mode:vertical-rl;transform:scale(-1);position:absolute;left:0;height:390px;padding-bottom:5px;text-align:right;overflow-y:scroll;white-space:nowrap}.profile h1::-webkit-scrollbar{width:0}.w-40{padding-left:60px!important;width:25rem!important}.details{padding:5px;border:2px solid #000;border-radius:2px;height:350px;text-align:center}.online,.supporter{filter:grayscale() invert() contrast(1000%);font-weight:400;font-size:16px!important}.blurbs img,.comments-table .pfp-fallback,.person .pfp-fallback{filter:grayscale() contrast(150%)}.profile-pic,.profile-pic .pfp-fallback{margin:2px 2px 10px!important;display:block;min-width:98.8%!important;object-fit:cover;filter:grayscale() contrast(150%)}.mood{text-align:left;padding-left:30px;margin-bottom:10px}.mood p:first-child b{padding:2px}.mood a{font-size:14px;margin-left:5px;font-weight:400}.mood p:last-child:before{content:"view my:";padding:2px;font-weight:700}.mood a:not(:last-child):after{content:" -"}.contact,.table-section,.url-info{min-width:375px!important;transform:translateX(-45px);background:#000;color:#fff;border:3px solid #000!important;border-radius:2px}:is(.contact,.table-section,.friends) .heading{background:#fff!important;color:#000!important;text-align:center;text-transform:lowercase;border-bottom:2px solid #000}.blurbs,.friends,footer{background:#000}.f-col a{color:#fff;font-weight:400;transition:.3s}.more,.section a,footer a{font-weight:700}.f-col a:before{content:"⬤"}.f-col a:hover{transform:scale(1.1);text-decoration:none}.url-info{font-size:0px;transition:.3s}.url-info:after{content:"";display:block;height:350px;width:350px;margin:auto;background:url(https://images2.imgbox.com/de/a2/6D4k7z4j_o.png) 0 0/contain;cursor:help;transition:.5s}.url-info:hover:after{background:url(https://images2.imgbox.com/43/d0/Puea6a2f_o.png) 0 0/contain}.details-table td{display:block;width:100%!important;background:#fff!important;color:#000;font-size:18px}.details-table td:first-child p,.section h4{padding:2px;width:fit-content;text-transform:lowercase}.details-table td:first-child p{color:#fff;background:#000;font-weight:400}.details-table tr{outline:lightgray inset 2px;display:block}.details-table tr:not(:last-child){margin-bottom:8px}.details-table td:first-child a{color:#fff!important;font-weight:400}.details-table td a{color:#000!important;font-weight:700}.blog-preview{text-transform:lowercase;padding-bottom:10px}.blog-preview p a{color:#000}.blog-preview h4:before{content:"recent blog entries";font-size:16px}.blog-preview h4 a{position:absolute;bottom:0;left:5px;font-size:0px;color:#000}.blog-preview h4 a:after{content:"see more...";font-size:13px}.blog-preview p:before{content:">"}.blog-preview p:after{content:"_";animation:.4s infinite blink}.blurbs{color:#fff;border-radius:2px}.section h4{background:#fff;color:#000!important}.person,.person p{width:50px!important}.section a{color:#fff}.friends{color:#fff;margin-bottom:20px;border:3px solid #000;border-radius:2px}.comments-table a,.count,.inner b a,.more,.person p,.report a,footer a{color:#fff!important}#comments .inner{overflow-y:scroll;height:500px}.person p{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person{height:50px;margin-inline:5px}.person .pfp-fallback{height:50px;width:50px;object-fit:cover;border:1px solid #fff;border-radius:2px}.friends:not(#comments){height:150px;overflow:hidden}.more{top:115px;font-size:0px!important}.more:after{font-size:12px;content:"see more..."}.comments-table{border:0!important}.comments-table td{background:0 0!important;border:0;border-top:1px solid #fff}.comments-table tr:last-child td{border-bottom:1px solid #fff}.comments-table td:first-child a{display:block}.comments-table .ago{font-weight:400;font-size:11px}.comment-replies{border:3px solid #fff;margin-block:5px}.comment-reply:not(:first-child){border-top:1px solid #fff!important}.report a{text-transform:lowercase}.profile-info,.profile-info a{color:#000!important}.comments-table a:not(.report a):hover{transform:none!important;color:#fff}.comments-table td:first-child{width:100px}.comments-table .pfp-fallback{height:100px;width:100px!important;object-fit:cover;border:1px solid #fff;border-radius:2px}.blog-preview p,.comments-table td>p{filter:grayscale() contrast(250%)}footer{border:3px solid #fff;border-radius:2px;color:#fff;text-transform:lowercase}footer i{font-style:normal}.profile-info{height:10px;font-size:12px;border:3px solid #000;border-radius:2px;text-transform:lowercase}</style>
Comments
Displaying 2 of 2 comments ( View all | Add Comment )
syd
holy tuffness
𐔌 acin ◞
personally not using this but youre smart asl for posting layouts on blogs instead