Report Blog Entry
<style>
:root{
--desktop:#008080;
--silver:#c0c0c0;
--light-silver:#dfdfdf;
--shadow:#808080;
--dark-shadow:#404040;
--white:#fff;
--black:#000;
--navy:#000080;
--link:#0000ee;
--logo-blue:#c0c0c0;
--darker-blue:#000080;
--lighter-blue:#c0c0c0;
--even-lighter-blue:#c0c0c0;
--lightest-blue:#c0c0c0;
--dark-orange:#000080;
--light-orange:#c0c0c0;
--even-lighter-orange:#c0c0c0;
--green:#008000;
}
*{
box-sizing:border-box;
scrollbar-color:var(--silver) var(--white);
scrollbar-width:auto;
}
html,
body{
min-height:100%;
overflow-x:hidden!important;
background:var(--desktop)!important;
}
body{
min-height:100vh;
margin:0!important;
padding:0 0 48px!important;
color:var(--black)!important;
font:12px Tahoma,"MS Sans Serif",Arial,sans-serif!important;
background-image:repeating-linear-gradient(
to bottom,
rgba(255,255,255,.018) 0,
rgba(255,255,255,.018) 1px,
transparent 1px,
transparent 4px
)!important;
background-attachment:fixed!important;
}
body,
main,
.profile,
.profile *{
font-family:Tahoma,"MS Sans Serif",Arial,sans-serif;
}
p,
span,
td,
th,
li{
text-shadow:none!important;
}
a{
color:var(--link);
}
a:hover{
color:red;
text-decoration:underline;
}
img{
border-radius:0!important;
}
::-webkit-scrollbar{
width:16px;
height:16px;
}
::-webkit-scrollbar-track{
background:#fff;
border-left:1px solid #808080;
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-button{
background:#c0c0c0;
border-top:2px solid #fff;
border-left:2px solid #fff;
border-right:2px solid #000;
border-bottom:2px solid #000;
}
::-webkit-scrollbar-button{
width:16px;
height:16px;
}
main{
position:relative!important;
z-index:2!important;
display:block!important;
width:min(1050px,calc(100% - 80px))!important;
max-width:1050px!important;
margin:38px auto 90px!important;
padding:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.profile{
display:block!important;
width:100%!important;
margin:0!important;
padding:0!important;
color:#000!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.profile::before{
display:table;
margin:0 0 17px 1px;
padding:3px 7px;
color:#fff;
font-size:11px;
line-height:14px;
text-shadow:1px 1px #000;
content:"My SpaceHey Desktop";
background:#000080;
border:1px dotted #fff;
}
.profile::after{
display:block;
clear:both;
content:"";
}
.profile .left{
float:left!important;
width:36%!important;
margin:0!important;
padding:0 13px 0 0!important;
}
.profile .right{
float:right!important;
width:64%!important;
margin:0!important;
padding:0 0 0 13px!important;
}
.profile .left>*,
.profile .right>*{
margin-bottom:24px!important;
}
.profile .general-about,
.profile .mood,
.profile .contact,
.profile .url-info,
.profile .table-section,
.profile .profile-info,
.profile .blog-preview,
.profile .blurbs,
.profile .friends,
#comments,
footer{
position:relative!important;
color:#000!important;
background:#c0c0c0!important;
border-top:2px solid #fff!important;
border-left:2px solid #fff!important;
border-right:2px solid #000!important;
border-bottom:2px solid #000!important;
border-radius:0!important;
outline:1px solid #404040!important;
box-shadow:
inset 1px 1px 0 #dfdfdf,
inset -1px -1px 0 #808080,
1px 1px 0 #000,
4px 4px 0 rgba(0,0,0,.24)!important;
}
.profile .general-about:hover,
.profile .mood:hover,
.profile .contact:hover,
.profile .url-info:hover,
.profile .table-section:hover,
.profile .profile-info:hover,
.profile .blog-preview:hover,
.profile .blurbs:hover,
.profile .friends:hover,
#comments:hover{
z-index:10!important;
box-shadow:
inset 1px 1px 0 #dfdfdf,
inset -1px -1px 0 #808080,
1px 1px 0 #000,
6px 6px 0 rgba(0,0,0,.30)!important;
}
.profile .heading{
position:relative!important;
display:flex!important;
align-items:center!important;
min-height:21px!important;
margin:2px!important;
padding:2px 65px 2px 5px!important;
overflow:hidden!important;
color:#fff!important;
background:#000080!important;
border-left:2px solid #2020a0!important;
}
.profile .heading h4,
.profile .heading span,
.profile .heading a{
overflow:hidden!important;
margin:0!important;
padding:0!important;
color:#fff!important;
font-size:11px!important;
font-weight:bold!important;
line-height:16px!important;
text-decoration:none!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
background:transparent!important;
}
.profile .heading::after,
.profile .left>h1::after,
.col.w-40.left>h1::after,
.profile .mood::after,
.mood::after,
.profile .url-info::after,
.profile .profile-info::after,
.profile .blog-preview h4::after,
footer::after{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:58px!important;
height:17px!important;
padding:0!important;
color:#000!important;
font:700 10px/15px "Courier New",monospace!important;
letter-spacing:3px!important;
white-space:pre!important;
content:"− □ ×"!important;
background:#c0c0c0!important;
border-top:2px solid #fff!important;
border-left:2px solid #fff!important;
border-right:2px solid #000!important;
border-bottom:2px solid #000!important;
box-shadow:
inset -1px -1px 0 #808080,
inset 1px 1px 0 #dfdfdf!important;
}
.profile .heading::after{
position:absolute!important;
top:1px!important;
right:1px!important;
}
.profile .contact .heading::before,
.profile .table-section .heading::before,
.profile .blurbs .heading::before,
.profile .friends .heading::before,
#comments .heading::before{
display:inline-flex!important;
flex:0 0 13px!important;
align-items:center!important;
justify-content:center!important;
width:13px!important;
height:13px!important;
margin-right:4px!important;
font:9px/13px Arial,sans-serif!important;
text-shadow:1px 1px #000!important;
background:rgba(255,255,255,.12)!important;
border:1px solid rgba(255,255,255,.45)!important;
}
.profile .contact .heading::before{
color:#fff!important;
content:"✉"!important;
}
.profile .table-section .heading::before{
color:#ff0!important;
content:"■"!important;
}
.profile .blurbs .heading::before{
color:#fff!important;
content:"▤"!important;
}
.profile .friends .heading::before{
color:#0ff!important;
content:"♣"!important;
}
#comments .heading::before{
color:#fff!important;
content:"✉"!important;
}
.profile .contact:hover .heading,
.profile .table-section:hover .heading,
.profile .blurbs:hover .heading,
.profile .friends:hover .heading,
#comments:hover .heading{
background:#006f70!important;
}
.profile .left>h1,
.col.w-40.left>h1{
position:relative!important;
display:block!important;
width:100%!important;
min-height:23px!important;
margin:0!important;
padding:3px 66px 3px 6px!important;
overflow:hidden!important;
color:#fff!important;
font-size:11px!important;
font-weight:bold!important;
line-height:16px!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
background:#000080!important;
border-top:2px solid #fff!important;
border-left:2px solid #fff!important;
border-right:2px solid #000!important;
border-bottom:0!important;
}
.profile .left>h1::after,
.col.w-40.left>h1::after{
position:absolute!important;
top:2px!important;
right:2px!important;
}
.profile .general-about{
display:flex!important;
align-items:flex-start!important;
min-height:180px!important;
margin-top:0!important;
padding:8px!important;
border-top:1px solid #808080!important;
}
.general-about .profile-pic,
.profile .profile-pic{
position:relative!important;
flex:0 0 145px!important;
margin:0 10px 0 0!important;
padding-bottom:20px!important;
background:#c0c0c0!important;
border-top:2px solid #808080!important;
border-left:2px solid #808080!important;
border-right:2px solid #fff!important;
border-bottom:2px solid #fff!important;
}
.general-about .profile-pic img,
.profile .profile-pic img{
display:block!important;
width:145px!important;
max-width:145px!important;
height:145px!important;
margin:0!important;
padding:2px!important;
object-fit:cover!important;
background:#fff!important;
border-top:2px solid #808080!important;
border-left:2px solid #808080!important;
border-right:2px solid #fff!important;
border-bottom:2px solid #fff!important;
}
.general-about .profile-pic::after,
.profile .profile-pic::after{
position:absolute!important;
right:2px!important;
bottom:2px!important;
left:2px!important;
height:16px!important;
padding:2px 4px!important;
overflow:hidden!important;
color:#000!important;
font-size:8px!important;
line-height:11px!important;
white-space:nowrap!important;
content:"145 × 145 px RGB";
background:#c0c0c0!important;
border-top:1px solid #808080!important;
}
.general-about .details{
flex:1 1 auto!important;
min-width:0!important;
margin:3px 0 0!important;
padding:2px!important;
}
.general-about .details::before{
display:block!important;
margin:0 0 6px!important;
padding:3px 5px!important;
color:#000!important;
font-size:9px!important;
font-weight:bold!important;
line-height:12px!important;
content:"USER INFORMATION";
background:#dfdfdf!important;
border:1px inset #fff!important;
}
.general-about p,
.general-about .details p{
margin:3px 0!important;
color:#000!important;
font:12px/1.25 "Times New Roman",serif!important;
}
.profile .online{
display:table!important;
margin:8px 0 0!important;
padding:3px 8px!important;
color:#006000!important;
font-size:10px!important;
font-weight:bold!important;
background:#dfdfdf!important;
border:2px inset #fff!important;
}
.profile .online img{
display:none!important;
}
.profile .online::before{
display:inline-block!important;
width:7px!important;
height:7px!important;
margin-right:5px!important;
content:""!important;
background:#00b000!important;
border:1px solid #006000!important;
border-radius:50%!important;
box-shadow:0 0 3px #0f0!important;
}
.profile .mood,
.mood,
.profile .url-info,
.profile .profile-info{
position:relative!important;
padding:29px 8px 8px!important;
}
.profile .mood,
.mood{
margin-top:24px!important;
}
.profile .mood::before,
.mood::before,
.profile .url-info::before,
.profile .profile-info::before,
footer::before{
position:absolute!important;
top:2px!important;
right:2px!important;
left:2px!important;
height:21px!important;
padding:2px 66px 2px 5px!important;
color:#fff!important;
font-size:11px!important;
font-weight:bold!important;
line-height:17px!important;
background:#000080!important;
border-left:2px solid #2020a0!important;
}
.profile .mood::before,
.mood::before{
content:"Mood";
}
.profile .url-info::before{
content:"Address - Microsoft Internet Explorer";
}
.profile .profile-info::before{
content:"Profile Information";
}
.profile .mood::after,
.mood::after,
.profile .url-info::after,
.profile .profile-info::after,
footer::after{
position:absolute!important;
top:4px!important;
right:4px!important;
}
.profile .mood p,
.mood p{
margin:4px 0!important;
color:#000!important;
font:12px "Times New Roman",serif!important;
}
.profile .mood p:first-of-type::before,
.mood p:first-of-type::before{
display:inline-block!important;
width:8px!important;
height:8px!important;
margin:0 5px 0 1px!important;
content:""!important;
background:#00a000!important;
border:1px outset #80ff80!important;
}
.profile .contact{
padding:0!important;
}
.profile .contact .inner{
margin:0!important;
padding:8px!important;
background:#c0c0c0!important;
}
.profile .contact .inner::before{
display:block!important;
margin:-4px -4px 7px!important;
padding:3px 5px!important;
color:#000!important;
font-size:9px!important;
content:"Select an action to continue:";
background:#dfdfdf!important;
border-bottom:1px solid #808080!important;
}
.profile .contact table{
width:100%!important;
margin:0!important;
border-spacing:3px!important;
}
.profile .contact td{
padding:3px 2px!important;
color:#0000ee!important;
font-size:10px!important;
vertical-align:middle!important;
border:1px dotted transparent!important;
}
.profile .contact td a{
color:#0000ee!important;
font-size:10px!important;
text-decoration:none!important;
}
.profile .contact td:hover{
color:#fff!important;
background:#000080!important;
border-color:#fff!important;
}
.profile .contact td:hover a{
color:#fff!important;
}
.profile .contact img{
width:auto!important;
max-width:16px!important;
height:auto!important;
max-height:16px!important;
}
.profile .url-info{
padding:29px 7px 7px!important;
}
.profile .url-info p{
position:relative!important;
overflow:hidden!important;
min-height:25px!important;
margin:0!important;
padding:5px 28px!important;
color:#000!important;
font:11px "Times New Roman",serif!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
background:#fff!important;
border:2px inset #fff!important;
}
.profile .url-info p::before{
position:absolute!important;
top:4px!important;
left:5px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:16px!important;
height:16px!important;
color:#000080!important;
font:bold 12px Arial!important;
content:"e";
background:#fff!important;
border:1px solid #808080!important;
}
.profile .url-info p::after{
float:right!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:18px!important;
height:15px!important;
margin:-2px -24px 0 5px!important;
color:#000!important;
font:9px/13px Arial!important;
content:"Go";
background:#c0c0c0!important;
border:1px outset #fff!important;
}
.profile .table-section{
padding:0!important;
}
.profile .table-section .inner{
overflow-y:auto!important;
max-height:560px!important;
margin:0!important;
padding:4px!important;
background:#c0c0c0!important;
}
.profile .table-section .inner::before,
.profile .blurbs .inner::before,
.profile .friends .inner::before,
#comments .inner::before{
display:block!important;
padding:3px 6px!important;
color:#000!important;
font-size:10px!important;
line-height:14px!important;
background:#c0c0c0!important;
border-bottom:1px solid #808080!important;
box-shadow:0 1px #fff!important;
}
.profile .table-section .inner::before{
margin:-1px -1px 4px!important;
content:"File Edit View Go Help";
}
.profile .table-section .inner::after{
display:block!important;
height:20px!important;
margin:5px 0 0!important;
padding:3px 6px!important;
color:#000!important;
font-size:9px!important;
content:"6 object(s) My Documents";
background:#c0c0c0!important;
border:2px inset #fff!important;
}
.profile .details-table,
.profile .table-section table{
width:100%!important;
margin:0!important;
background:#fff!important;
border-collapse:collapse!important;
border:2px inset #fff!important;
}
.profile .details-table td,
.profile .table-section td{
padding:7px 6px!important;
color:#000!important;
font:12px/1.3 "Times New Roman",serif!important;
vertical-align:top!important;
background:#fff!important;
border-right:1px solid #808080!important;
border-bottom:1px solid #808080!important;
}
.profile .details-table td:first-child,
.profile .table-section td:first-child{
width:30%!important;
color:#000080!important;
font-weight:bold!important;
background:#dfdfdf!important;
}
.profile .details-table td:first-child::before,
.profile .table-section td:first-child::before{
display:inline-block!important;
margin-right:5px!important;
color:#d6a800!important;
content:"■";
text-shadow:1px 1px #000!important;
}
.profile .details-table tr:hover td,
.profile .table-section tr:hover td{
background:#eaf3ff!important;
}
.profile .details-table tr:hover td:first-child,
.profile .table-section tr:hover td:first-child{
color:#fff!important;
background:#000080!important;
}
.profile .blog-preview{
min-height:90px!important;
padding:0 0 7px!important;
}
.profile .blog-preview h4{
position:relative!important;
min-height:21px!important;
margin:2px!important;
padding:2px 66px 2px 5px!important;
overflow:hidden!important;
color:#fff!important;
font-size:11px!important;
line-height:17px!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
background:#000080!important;
}
.profile .blog-preview h4::after{
position:absolute!important;
top:0!important;
right:0!important;
}
.profile .blog-preview p{
margin:6px 9px!important;
color:#000!important;
font:12px "Times New Roman",serif!important;
}
.profile .blurbs{
padding:0!important;
}
.profile .blurbs .inner{
margin:0!important;
padding:6px!important;
background:#c0c0c0!important;
}
.profile .blurbs .inner::before{
margin:-4px -4px 6px!important;
content:"File Edit Search Help";
}
.profile .blurbs .inner::after,
.profile .friends .inner::after{
display:block!important;
height:20px!important;
padding:3px 6px!important;
color:#000!important;
font-size:9px!important;
line-height:12px!important;
background:#c0c0c0!important;
border:2px inset #fff!important;
}
.profile .blurbs .inner::after{
margin:6px -4px -4px!important;
content:"Ready";
}
.profile .blurbs .heading h4::after{
content:" - Notepad";
}
.profile .blurbs .section{
position:relative!important;
min-height:105px!important;
margin:0 0 7px!important;
padding:8px 8px 24px!important;
color:#000!important;
background:#fff!important;
border:2px inset #fff!important;
}
.profile .blurbs .section h4{
margin:0 0 6px!important;
color:#800000!important;
font-size:11px!important;
background:transparent!important;
}
.profile .blurbs .section p,
.profile .blurbs .section span,
.profile .blurbs .section div{
color:#000!important;
font:12px/1.35 "Times New Roman",serif!important;
}
.profile .blurbs .section::after{
position:absolute!important;
bottom:8px!important;
left:9px!important;
width:1px!important;
height:13px!important;
content:""!important;
background:#000!important;
animation:win98-caret 1s steps(1,end) infinite;
}
@keyframes win98-caret{
0%,49%{opacity:1}
50%,100%{opacity:0}
}
.profile .friends{
padding:0!important;
}
.profile .friends .inner{
margin:0!important;
padding:7px!important;
background:#c0c0c0!important;
}
.profile .friends .inner::before{
margin:-5px -5px 7px!important;
content:"File Edit View Favorites Help";
}
.profile .friends .inner::after{
margin:7px -5px -5px!important;
content:"Internet zone";
}
.profile .friends-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:8px!important;
width:100%!important;
margin:0!important;
padding:8px!important;
background-color:#fff!important;
background-image:radial-gradient(
circle,
rgba(0,0,0,.045) 0 1px,
transparent 1px
)!important;
background-size:5px 5px!important;
border:2px inset #fff!important;
}
.profile .friends-grid .person{
width:auto!important;
min-width:0!important;
margin:0!important;
padding:4px!important;
text-align:center!important;
border:1px solid transparent!important;
}
.profile .friends-grid .person:hover{
color:#fff!important;
background:#000080!important;
border:1px dotted #fff!important;
}
.profile .friends-grid .person p{
overflow:hidden!important;
margin:3px 0!important;
color:inherit!important;
font-size:10px!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
}
.profile .friends-grid .person:hover a,
.profile .friends-grid .person:hover p{
color:#fff!important;
}
.profile .friends-grid .person img{
display:block!important;
width:76px!important;
max-width:100%!important;
height:76px!important;
margin:0 auto!important;
padding:2px!important;
object-fit:cover!important;
background:#fff!important;
border:2px inset #fff!important;
box-shadow:
1px 1px #808080,
-1px -1px #fff!important;
}
#comments{
padding:0!important;
}
#comments .inner{
overflow-y:auto!important;
max-height:570px!important;
margin:0!important;
padding:7px!important;
background:#c0c0c0!important;
}
#comments .inner::before{
margin:-5px -5px 7px!important;
content:"File Edit View Message Help";
}
#comments .heading h4::after{
content:" - Inbox";
}
.comments-table{
width:100%!important;
margin:0!important;
background:#fff!important;
border-collapse:collapse!important;
border:2px inset #fff!important;
}
.comments-table td{
padding:8px!important;
color:#000!important;
font:12px/1.3 "Times New Roman",serif!important;
vertical-align:top!important;
border-right:1px solid #808080!important;
border-bottom:1px solid #808080!important;
}
.comments-table tr:nth-child(odd) td:first-child{
background:#f4cb70!important;
}
.comments-table tr:nth-child(even) td:first-child{
background:#dfdfdf!important;
}
.comments-table tr:nth-child(odd) td:last-child{
background:#fff1d8!important;
}
.comments-table tr:nth-child(even) td:last-child{
background:#fff!important;
}
.comments-table td:first-child{
width:125px!important;
text-align:center!important;
}
.comments-table td:first-child::before{
display:block!important;
margin-bottom:4px!important;
color:#000080!important;
font-size:12px!important;
content:"✉";
}
.comments-table img{
max-width:80px!important;
}
nav {
position:fixed!important;
z-index:99980!important;
right:0!important;
bottom:0!important;
left:0!important;
width:100%!important;
max-width:none!important;
height:42px!important;
margin:0!important;
padding:4px 190px 4px 4px!important;
overflow:hidden!important;
background:#c0c0c0!important;
border-top:2px solid #fff!important;
box-shadow:0 -1px #808080!important;
}
nav .top {
display:none!important;
}
nav .links {
display:flex!important;
align-items:center!important;
gap:2px!important;
width:100%!important;
height:31px!important;
margin:0!important;
padding:0!important;
overflow-x:auto!important;
overflow-y:hidden!important;
white-space:nowrap!important;
background:#c0c0c0!important;
}
nav .links::before {
display:inline-flex!important;
flex:0 0 88px!important;
align-items:center!important;
justify-content:flex-start!important;
box-sizing:border-box!important;
width:88px!important;
height:30px!important;
margin-right:4px!important;
padding:2px 8px 2px 30px!important;
color:#000!important;
font:700 13px Tahoma,"MS Sans Serif",Arial,sans-serif!important;
content:"Start"!important;
background-color:#c0c0c0!important;
background-image:url("https://www.marefa.org/w/images/thumb/a/a7/Windows_logo_-_1992.svg/1200px-Windows_logo_-_1992.svg.png")!important;
background-repeat:no-repeat!important;
background-position:7px center!important;
background-size:19px 18px!important;
border-top:2px solid #fff!important;
border-left:2px solid #fff!important;
border-right:2px solid #000!important;
border-bottom:2px solid #000!important;
box-shadow:inset -1px -1px #808080!important;
}
nav .links li {
display:inline-flex!important;
flex:0 0 auto!important;
height:29px!important;
margin:0!important;
padding:0!important;
font-size:0!important;
}
nav .links a {
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
height:29px!important;
padding:3px 9px!important;
color:#000!important;
background:#c0c0c0!important;
border-top:2px solid #fff!important;
border-left:2px solid #fff!important;
border-right:2px solid #000!important;
border-bottom:2px solid #000!important;
font:10px Tahoma,"MS Sans Serif",Arial,sans-serif!important;
text-decoration:none!important;
text-shadow:none!important;
white-space:nowrap!important;
}
nav .links a:hover {
color:#000!important;
background:#dfdfdf!important;
text-decoration:none!important;
}
nav .links a:active,
nav .links li:first-of-type a {
font-weight:bold!important;
background:#dfdfdf!important;
border-top:2px solid #808080!important;
border-left:2px solid #808080!important;
border-right:2px solid #fff!important;
border-bottom:2px solid #fff!important;
}
footer {
z-index:2!important;
width:min(760px,calc(100% - 30px))!important;
margin:45px auto 75px!important;
padding:30px 10px 10px!important;
font-size:10px!important;
text-align:center!important;
}
footer::before {
content:"SpaceHey System";
}
footer p,
footer span {
color:#000!important;
}
footer a {
color:#0000ee!important;
}
.win98-extra-tray {
position:fixed!important;
z-index:99995!important;
right:5px!important;
bottom:5px!important;
display:flex!important;
align-items:center!important;
box-sizing:border-box!important;
width:182px!important;
height:31px!important;
margin:0!important;
padding:3px 5px!important;
overflow:hidden!important;
color:#000!important;
background:#c0c0c0!important;
border-top:2px solid #808080!important;
border-left:2px solid #808080!important;
border-right:2px solid #fff!important;
border-bottom:2px solid #fff!important;
font:10px Tahoma,"MS Sans Serif",Arial,sans-serif!important;
text-shadow:none!important;
}
.win98-extra-tray-icon {
display:inline-flex!important;
flex:0 0 17px!important;
align-items:center!important;
justify-content:center!important;
width:17px!important;
height:18px!important;
margin-right:1px!important;
color:#000080!important;
font-weight:bold!important;
text-shadow:none!important;
}
.win98-extra-clock {
margin-left:auto!important;
color:#000!important;
font:10px Tahoma,"MS Sans Serif",Arial,sans-serif!important;
white-space:nowrap!important;
text-shadow:none!important;
}
.win98-credit {
display:inline-flex!important;
flex:0 0 auto!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
height:19px!important;
margin:0 4px 0 0!important;
padding:1px 5px!important;
color:#000080!important;
background:#dfdfdf!important;
border-top:1px solid #808080!important;
border-left:1px solid #808080!important;
border-right:1px solid #fff!important;
border-bottom:1px solid #fff!important;
font:700 8px/15px Tahoma,"MS Sans Serif",Arial,sans-serif!important;
white-space:nowrap!important;
text-decoration:none!important;
text-shadow:none!important;
}
.win98-credit:hover {
color:#fff!important;
background:#000080!important;
text-decoration:none!important;
}
.win98-mobile-credit {
display:none!important;
}
@media(max-width:900px) {
main {
width:calc(100% - 24px)!important;
}
.profile .left {
width:38%!important;
padding-right:8px!important;
}
.profile .right {
width:62%!important;
padding-left:8px!important;
}
.profile .friends-grid {
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
}
@media(max-width:650px) {
body {
padding-bottom:49px!important;
}
main {
width:calc(100% - 14px)!important;
margin:16px auto 72px!important;
}
.profile .left,
.profile .right {
display:block!important;
float:none!important;
width:100%!important;
padding:0!important;
}
.profile .friends-grid {
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.profile .table-section .inner {
max-height:450px!important;
}
#comments .inner {
max-height:500px!important;
}
nav {
padding-right:4px!important;
}
.win98-extra-tray {
display:none!important;
}
.win98-mobile-credit {
position:fixed!important;
z-index:99999!important;
right:7px!important;
bottom:8px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
height:25px!important;
margin:0!important;
padding:2px 7px!important;
color:#000080!important;
background:#c0c0c0!important;
border-top:2px solid #fff!important;
border-left:2px solid #fff!important;
border-right:2px solid #000!important;
border-bottom:2px solid #000!important;
font:700 9px/16px Tahoma,"MS Sans Serif",Arial,sans-serif!important;
white-space:nowrap!important;
text-decoration:none!important;
text-shadow:none!important;
}
.win98-mobile-credit:hover {
color:#fff!important;
background:#000080!important;
text-decoration:none!important;
}
}
@media(max-width:390px) {
.general-about .profile-pic {
flex-basis:100px!important;
}
.general-about .profile-pic img,
.profile .profile-pic img {
width:100px!important;
max-width:100px!important;
height:100px!important;
}
.general-about .profile-pic::after,
.profile .profile-pic::after {
content:"100 × 100 px RGB";
}
.comments-table td:first-child {
width:72px!important;
}
.comments-table img {
max-width:55px!important;
}
}
@media(prefers-reduced-motion:reduce) {
*,
*::before,
*::after {
animation:none!important;
transition:none!important;
}
}
</style>
<div class="win98-extra-tray">
<a
class="win98-credit"
href="https://spacehey.com/playback"
target="_blank"
title="Layout by Playback"
>by PLAYBACK</a>
<span class="win98-extra-tray-icon" aria-hidden="true">♬</span>
<span class="win98-extra-tray-icon" aria-hidden="true">▰</span>
<span class="win98-extra-tray-icon" aria-hidden="true">⌁</span>
<span class="win98-extra-clock">4:20 PM</span>
</div>
<a
class="win98-mobile-credit"
href="https://spacehey.com/playback"
target="_blank"
title="Layout by Playback"
>by PLAYBACK</a>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )