a.logo { font-size: 0px; } a.logo::before { content: "meb"; font-size: 16px; font-weight: bolder; padding-top: 0px; } a.logo::after { content: "formerly myspace.coveryourselfinoil.com"; font-size: 13.36px; margin-left: 4px; font-family: sans-serif; } #header { background-color: #A299C4; display: block !important; width: calc(100% - 15px); padding-left: 10px; padding-top: 6px; padding-bottom: 10px; text-decoration: none; border-bottom: 0; } #hSub { top: 37px; background-color: #BCB3E2; width: 100%; padding-left: 10px; padding-bottom:10px; width: calc( 100% - 5px ); display: block !important; padding-right: 5px; padding-top: 5px; text-decoration: none; } /* uncomment for horrific workaround to remove the | symbols in #hSub #hSub, span #text { font-size: 0px; } #hSub a { font-size: 13px; } #hSub a::after { content: " • "; */ } .topLeft { float: left; width: calc(40% - 20px); padding: 0px; } .topRight { float: right; width: calc(60% - 20px); padding:0; padding-top: 20px; } #container { width: 40em; margin: auto; padding: 5px; } .short tr { display: block; } .short td { display: block; float: inline-end; } #userWall { display: block !important; width: -moz-available; width: -webkit-fill-available; } .rightHead, .boxHead { background: #FFA6A3; color: #654AD7; padding: 0; padding-left: 5px; font-weight:lighter; } .boxHead{ text-align: center; } h4#whoTitle, h4#aboutTitle { font-weight: lighter; } .boxInfo.box, .player.box { border: 1px solid black; box-shadow: 4px 4px #0004; } .boxInfo .boxHead, .songName { padding: 3px; padding-bottom: 4px; padding-left: 6px; color:white; background-color: #BCB3E2; } .player.box { padding: 0; padding-top:0; background: white; width: unset; } audio { margin-top: 0px } .url.box { border: solid 2px #BCB3E2; padding: 2px; box-shadow: 4px 4px #0004; position: absolute; top: 715px; width: 215px; } b { font-weight: lighter; } #sMsg, #report, #add, #block { width: auto; } .avatar { margin-right: 0; width: 100%; } body { padding-top: 60px; }