<style>@font-face{ font-family: pixel; src: url('https://hessostrange.neocities.org/Fonts%20&%20Things/SF%20Pixelate.ttf');}</style> <style> @import url('https://fonts.cdnfonts.com/css/handy'); </style> <style> .profile-info, .edit-link, .contact .inner img, .logo, .pagination {display: none !important;} body, main, .profile, .blurbs, a, .links a, p, td, small, s, i, b, u, button{ font-size: 9.5px !important; text-transform: lowercase !important; font-family: pixel !important; } a{ color: #262626 !important; } a:hover{ color: teal !important; text-decoration: none !important; } b{ font-weight: normal !important; color: teal !important; } td{ font-weight: normal !important; } h4{ font-weight: normal !important; } body{ background-image: url('https://i.pinimg.com/originals/a2/31/b5/a231b5ecdfa97d2f917a8879b0e2f1f2.jpg') !important; background-repeat: no-repeat !important; background-size: cover !important; background-attachment: fixed !important; background-position: bottom center !important; background-attachment: fixed !important; text-transform: lowercase !important; font-family: pixel !important; } main{ background-color: #cccccc !important; border: 1px solid white !important; box-shadow: 3px 3px 3px #404040 !important; } .profile{ background-color: #cccccc !important; } .general-about, .mood, .contact, .url-info, .table-section, .blog-preview, .blurbs, .friends{ background-color: #d9d9d9 !important; border: 1px solid white !important; box-shadow: 3px 3px 3px #404040 !important; padding-top: 2px !important; } button{ color: black !important; text-transform: lowercase !important; } .notepad{ padding-right: 5px !important; margin-top: -3px !important; } .heading{ color: black !important; background-color: #e6e6e6 !important; border: 1px solid white !important; box-shadow: 2px 2px 2px #404040 !important; width: 98.5% !important; margin: 0 auto !important; margin-bottom: 4px !important; font-weight: normal !important; } .top{ background-color: #cccccc !important; padding: 5px !important; margin-top: 20px !important; border: 1px solid white !important; color: black !important; font-size: 9px !important; box-shadow: 3px 3px 3px #404040 !important; } .logo{ filter: invert(1) !important; } nav div.left:before{ content: "spacehey.com" !important; font-weight: normal !important; font-family: 'Handy00', sans-serif !important; font-size: 20px !important; color: black !important; padding-left: 5px !important; } .links{ background-color: #cccccc !important; border: 1px solid white !important; margin-bottom: 10px !important; margin-top: 10px !important; text-align: center !important; box-shadow: 3px 3px 3px #404040 !important; } .links a{ color: #262626 !important; font-weight: normal !important; text-shadow: 0 0 0 !important; } .links a:hover{ color: teal !important; font-weight: normal !important; text-shadow: 0 0 0 !important; } h1{ text-align: center !important; font-weight: normal !important; font-family: 'Handy00', sans-serif !important; font-size: 25px !important; } .profile-pic{ width: 100% !important; } .profile-pic img{ border: 1px solid white !important; box-shadow: 3px 3px 3px #404040 !important; } .general-about{ text-align: center !important; padding: 5px !important; } .general-about .details{ padding-top: 10px !important; } .supporter{ display: block !important; } .awards{ padding-top: 10px !important; padding-bottom: 10px !important; font-weight: normal !important; } .awards a{ font-weight: normal !important; } .awards a:hover{ text-decoration: underline !important; } .mood{ margin-top: 10px !important; margin-bottom: 10px !important; line-height: 5px !important; padding-top: 10px !important; padding-bottom: 3px !important; padding-left: 5px !important; } .contact .inner{ line-height: 6px !important; padding-top: 0.3px !important; } .contact .heading{ background-color: #e6e6e6 !important; } .contact a{ font-weight: normal !important; } .table-section td{ color: black !important; background-color: #e6e6e6 !important; border: 1px solid white !important; box-shadow: 2px 2px 2px #404040 !important; } .blog-preview h4{ background-color: #e6e6e6 !important; border: 1px solid white !important; box-shadow: 3px 3px 3px #404040 !important; margin-top: 0px !important; text-align: center !important; width: 98.5% !important; margin: 0 auto !important; } .blog-preview p{ padding-left: 5px !important; } .blog-preview p:before{ content: "⤑ " !important; } .blurbs, .blurbs .inner{ padding-bottom: 0px !important; } .blurbs .inner h4{ color: teal !important; } .friends{ margin-top: 15px !important; } .friends-grid{ align-content: space-between; display: flex; gap:5px; justify-content: space-between; overflow-x: scroll; padding-bottom: 8px !important; } .profile .friends .person{ padding:0; width:auto } .friends-grid img{ height: 140px !important; } .friends .person p{ display: none !important; } .friends-grid img:hover{ opacity: 0.6; } .count{ color: teal !important; } .comments-table td{ color: black !important; background-color: #cccccc !important; box-shadow: 2px 2px 2px #404040 !important; } .comments-table button{ margin-top: 8px !important; margin-bottom: 8px !important; } .comment-replies{ color: black !important; background-color: #e6e6e6 !important; border: 1px solid white !important; box-shadow: 2px 2px 2px #404040 !important; width: 98% !important; margin: 0 auto !important; } .comments-table td img:hover{ opacity: 0.6; } .report .icon{ content: url('https://i.postimg.cc/6p7dkLyH/mini-graphics-electronics-748105.gif') !important; } footer{ background-color: #cccccc !important; border: 1px solid white !important; text-align: center !important; box-shadow: 3px 3px 3px #404040 !important; margin-bottom: 30px !important; line-height: 6px !important; } footer .links{ background-color: transparent !important; border: 0px !important; box-shadow: 0 0 0 !important; } .copyright{ text-decoration: none !important; } </style> <a href="https://spacehey.com/hessostrange" style="position: fixed; top: 5px; left: 3px; text-decoration: none; background-color: #cccccc; transform: font-size: 9.5px !important; letter-spacing: -0.5px; padding-left: 2px; padding-right: 2px; border: 1px solid white !important; box-shadow: 2px 2px 2px #404040 !important;">layout by @heath</a> <style> /* Custom scrollbar */ ::-webkit-scrollbar { width: 14px; /* width of the scrollbar */ height: 14px; /* height of the horizontal scrollbar */ } ::-webkit-scrollbar-track { background: transparent; /* track color */ background-image: url('') !important; background-repeat: repeat !important; background-size: 200px !important; border-radius: 0px; } ::-webkit-scrollbar-thumb { background: #cccccc; /* thumb color */ border-radius: 0px; border-left: 1px solid white !important; border-top: 1px solid white !important; border-right: 1px solid black !important; border-bottom: 1px solid black !important; } ::-webkit-scrollbar-thumb:hover { background: teal !important; /* hover effect for the thumb */ } ::-webkit-scrollbar-button { background: #cccccc; /* up and down arrows background */ border-radius: 0%; border-left: 1px solid white !important; border-top: 1px solid white !important; border-right: 1px solid black !important; border-bottom: 1px solid black !important; width: 12px; height: 12px; } ::-webkit-scrollbar-button:hover { background: teal; } ::-webkit-scrollbar-button:vertical:decrement { transform: rotate(180deg); /* This rotates the up button to act as a down button */ } </style> <style>.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}</style>