#header, #hSub {
background: #00339900;
border: none;
}
body {
font-family: Papyrus; font-size: 16px; font-style: italic; font-variant: small-caps; font-weight: 700;
background-image: url("https://myspace.f46n.org/res/discord/attachments/820119042849243158/1071538118362153032/hakurei_reimu_yakumo_yukari_and_chen_touhou_drawn_by_garnet__sample-c9ae9e6ef552c1c09bb3f93e0b3ae4fc.jpg");
background-position: top;
background-color: black;
background-repeat: no-repeat;
background-size: center;
color: #F9F6EE;
}
#container > div.topLeft > table > tbody > tr > td.shortRight > div:nth-child(4) {
font-size: 0;
}
#container > div.topLeft > table > tbody > tr > td.shortRight > div:nth-child(4):after {
content: '900+ years old';
font-size: 16px;
}
#country {
font-size: 0;
}
#country:after {
content: 'Gensokyo';
font-size: 16px;
}
.topRight {
float: right;
right: 0px;
width: 400px;
margin-top: 25px;
padding: 10px;
position: absolute;
}
#container > div.topLeft > div.boxInfo.box, #container > div.topLeft > div.url.box, .player, #container > div.topRight > div.box.blurbs, #container > div.topRight > div.box.fwiends, .tableRight {
text-align: center;
background-color: royalblue;
border: 1px solid #F9F6EE;
overflow: hidden;
position: relative;
}
.tableLeft > a > div {
color: royalblue;
}
.tableLeft {
text-align: center;
background-color: #F9F6EE;
border: 1px solid #F9F6EE;
position: relative;
}
#container > div.topLeft > div.boxInfo.box:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.5;
background-image: url("https://myspace.f46n.org/res/discord/attachments/820119042849243158/1071547566417776670/Grain.gif");
pointer-events: none;
}
.player:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.5;
background-image: url("https://myspace.f46n.org/res/discord/attachments/820119042849243158/1071547566417776670/Grain.gif");
pointer-events: none;
z-index: 1;
}
#container > div.topLeft > div.url.box:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.5;
background-image: url("https://myspace.f46n.org/res/discord/attachments/820119042849243158/1071547566417776670/Grain.gif");
pointer-events: none;
}
#container > div.topRight > div.box.blurbs:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.5;
background-image: url("https://myspace.f46n.org/res/discord/attachments/820119042849243158/1071547566417776670/Grain.gif");
pointer-events: none;
}
#container > div.topRight > div.box.fwiends:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.5;
background-image: url("https://myspace.f46n.org/res/discord/attachments/820119042849243158/1071547566417776670/Grain.gif");
pointer-events: none;
}
.topLeft {
float: right;
left: 0px;
width: 400px;
margin-top: 25px;
padding: 10px;
position: absolute;
}
#container > div.topLeft > div.boxInfo.box > div {
background-color: #dd85d7;
}
#container > div.topRight > div.box.blurbs > div.rightHead, #container > div.topRight > div.box.fwiends > div.rightHead {
text-align: center;
background-color: #dd85d7;
color: #F9F6EE;
padding: 3px;
padding-bottom: 4px;
}
a, .boxButton, .songName, h4 {
color: #F9F6EE !important;
}
#footer > div, #container > div.topRight > div.box.comments > div.boxHead {
display: none;
}
#viewFriends, #name {
text-align: center;
}
#userWall {
border-spacing: 0px 10px;
}
.tableLeft:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.5;
background-image: url("https://myspace.f46n.org/res/discord/attachments/820119042849243158/1071547566417776670/Grain.gif");
pointer-events: none;
}
.tableRight:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.5;
background-image: url("https://myspace.f46n.org/res/discord/attachments/820119042849243158/1071547566417776670/Grain.gif");
pointer-events: none;
}
#container > div.topRight > div.box.comments > div:nth-child(3), #container > div.topRight > div.box.comments > div:nth-child(1) {
display: none;
}
#commentInput {
width: calc( 100% - 6px );  
margin: 0; 
margin-top: 10px;
height: 100px;
background-color: #eee0;
border: 1px solid #F9F6EE;
color: #F9F6EE;
overflow: hidden;
position: relative;
resize: none;
}
#textarea {
    outline: none;
    box-shadow: none !important;
    border: 1px solid #422918;
}
#container > div.topRight > div.box.comments > form > input[type=submit]:nth-child(4) {
background-color: #eee0;
border: 1px solid #F9F6EE;
color: #F9F6EE;
}
#container > div.topRight > div.box.blurbs {
padding-bottom: 5px;
}
h4 {
margin-bottom: 15px;
}
.avatar {
content: url("https://myspace.f46n.org/res/discord/attachments/820119042849243158/1071871597448806520/TPDP_Ran_Smile.png");
width: 100%;
height: auto;
}
.avatar:hover {
content: url("https://myspace.f46n.org/res/discord/attachments/820119042849243158/1071871597771755592/TPDP_Ran_Upset.png");
}
#container > div.topLeft > table > tbody > tr > td.shortRight {
white-space: nowrap;
text-align: center;
}
#hSub {
display:block;
opacity: 0;
transition: opacity 800ms ease-out;
}
#hSub:hover {
visibility: visible;
opacity: 1;
transition: opacity 800ms ease-in-out;
-moz-transition: opacity 800ms ease-in-out;
-webkit-transition: opacity 800ms ease-in-out;
}
#header > a > b > span {
font-size: 0;
}
#header > a > b > span:after {
content: 'Boundary of Gensokyo';
font-size: 20px;