body {
font-family: serif;
font-weight: bold;
background: #000;
auto! important: ;
}
h2#name {
position: relative;
visibility: hidden;
}
h2#name:after {
content: "put new username here";
font-size: 19px;
left: 0;
position: absolute;
visibility: visible;
text-align: center;
Top: 100;
Margin-left: 1px;
color: #fff;
}
.blog {
background-color: #000;
color: #fff;
box-shadow: 1px 0 #fff, 0 1px #fff, 1px 1px #fff, inset 1px 1px #fff;
padding: 15px;
}
head {
display: block;
}
div#header, div#hSub {
family-name: courier;
background: #000;
COLOR: #fff;
box-shadow: 1px 0 #fff, 0 1px #fff, 1px 1px #fff, inset 1px 1px #fff;
text-align: center;
border-bottom: none;
}
.rightHead {
background: #000;
box-shadow: 1px 0 #fff, 0 1px #fff, 1px 1px #fff, inset 1px 1px #fff;
color: white;
padding-left: 4px;
}
.boxHead {
background: #000;
color: white;
box-shadow: 1px 0 #fff, 0 1px #fff, 1px 1px #fff, inset 1px 1px #fff;
padding: 3px;
padding-bottom: 4px;
padding-left: 6px;
}
.tableRight {
width: 75%;
background: #000;
color: #fff;
box-shadow: 1px 0 #fff, 0 1px #fff, 1px 1px #fff, inset 1px 1px #fff;
padding: 10px;
vertical-align: top;
overflow-wrap: anywhere;
}
.tableLeft {
background: #000;
width: 25%;
box-shadow: 1px 0 #fff, 0 1px #fff, 1px 1px #fff, inset 1px 1px #fff;
padding: 10px;
vertical-align: top;
overflow: hidden;
}
.topLeft {
float: right;
width: calc( 40% - 25px );
padding: 10px;
}
h4 {
color: #fff;
margin-bottom: 0px;
}
.player {
padding: 4px;
margin-top: 20px;
margin-bottom: 20px;
background: #000;
color: #fff;
width: calc(100% - 10px );
border: 1px solid #999;
}
.url {
border: solid 2px #fff;
background: #000;
color: #fff;
padding: 2px;
}
.boxButton {
display: inline-block;
width: calc( 49% - 60px );
padding-left: 30px;
height: 24px;
font-size: small;
color: white;
padding-top: 7px;
}
#hSub a {
color: #fff;
text-decoration: none;
}
a.logo {
color: #000;
text-decoration: none;
}
span#hUp::before {content: "say something here :)"; animation: 0.5s koalarainbows infinite !important; color: black; font-size: small;}
@keyframes koalarainbows {
5%{color: white;}
2%{color: black;}
}
h2 {
display: block;
font-size: 1.0em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
#sMsg {
background-repeat: no-repeat;
}
.avatar {
width: 200px;
margin-right: 20px;
cursor: zoom-in;
image-orientation: from-image;
}
.fwiendFace b {
overflow: hidden;
}
b {
font-weight: bold;
color: #fff;
}
a:-webkit-any-link {
color: white;
cursor: pointer;
text-decoration: underline;
}
.boxInfo {
border: 1px solid #fff;
margin-bottom: 20px;
margin-top: 20px;
}
.blurbs {
margin-bottom: 20px;
background-color: #000;
color: #fff;
}
h3 {
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
audio {
border: solid 1px #000;
padding: 2px;
margin-bottom: 0px;
margin-top: 5px;
width: 100%;
height: 30px;
background: #fff;
outline: none;
margin-bottom: -3px;
filter: sepia(0%) saturate(100%) grayscale(0) contrast(100%) invert(100%);
}
.extended {
border: 1px solid #fff;
text-align: center;
margin-bottom: 20px;
margin-top: 15px;
}
textarea, textarea:focus {
outline: none;
box-shadow: none !important;
border: 1px solid #fff;
}
tbody {
display: table-row-group;
background: #000;
color: #fff;
vertical-align: middle;
border-color: inherit;
}