/* some credits to id=110 on Myspace46, I just stole his CSS. */
/* All credits to id=14681 on Myspace93, I just stole his CSS. */
/*             GENERAL ADJUSTMENTS          GENERAL ADJUSTMENTS                    GENERAL ADJUSTMENTS */
html {
    filter: blur(0.05px);
}



@keyframes flashing {
  0%{ color: #00cc00;}
  100% { text-shadow: #2dd12d 0px 0px 15px;}
}

a {
    color: #008d00;
    animation: flashing 10s linear infinite alternate;
}

body {
    counter-reset: uid 8493;
    background: black;
    color: #0c0;
    font-family: arial,helvetica,sans-serif;
    font-size: small;
    text-align: center;
}

a:hover{
color:#e00;
 text-decoration:underline;
}


a[href="#greentext"], h5, .greentext {
color: #789922 !important;
text-decoration: none !important;
font: 13px/1.231 arial,helvetica,clean,sans-serif;
padding:0;
margin:0;
}
a[href="#greentext"]:before, h5:before, .greentext:before {
content: ">";
}

/*   BANNER IMAGES      BANNER IMAGES      BANNER IMAGES      BANNER IMAGES      BANNER IMAGES      BANNER IMAGES       */

div.extended.box {
display:none;
}

div.blogs{
background: url(https://i.imgur.com/8xXcVto.gif) no-repeat;
border: 1px solid #0c0;
background-size: 300px 100px;
    position: absolute;
    left:calc(50% - 135px);
    top: 33px;
    height: 100px;
    width:300px;
    padding: 0 !important;

}
div.blogs:hover{
background: url(https://i.imgur.com/ctNo2Rk.gif) no-repeat;
}
div.blogs:active{
background: url(https://i.imgur.com/vLh6DbK.gif) no-repeat;
}

.url {
    background: url(https://i.imgur.com/3WF8Leb.gif)no-repeat;
    background-size: 468px;
    position: absolute;
    left:calc(50% - 220px);
    top: 325px;
     color: transparent !important;
    height: 60px;
    width:468px;
    border: black solid 1px;
    box-shadow: none;
    padding: 0 !important;
    z-index: -1000;
}

.url.box > div > b {visibility: hidden;}
.url.box > div > a {visibility: hidden;}



/*       HEADER AND SUBHEADER             HEADER AND SUBHEADER         HEADER AND SUBHEADER      HEADER AND SUBHEADER */
div#header{
background: rgba(0, 0, 0, 0.0);
position: absolute;
border-bottom: 0px;
color:#0c0;
}

span#hUp a:before{
content: "[";
}
span#hUp a:after{
content: "]";
}

#header a:not(.logo){
color: #0c0;
}

#header a:not(.logo):hover{
color:#e00;
 text-decoration:underline;}

.logo{
display: none;
}

div#hSub{
background: rgba(0, 0, 0, 0.0);
color:#0c0;

visibility:hidden;
position:absolute;
}
div#hSub a:before{
content:"[";
}
div#hSub a:after{
content:"]";
}
div#hSub a[href*="search"]{
visibility: visible;
position: absolute;
left: calc(100% - 110px);
top:0px;
}

div#hSub a[href*="/?id"]{
visibility: visible;
position: absolute;
left: calc(100% - 55px);
top:0px;
}


div#hSub a[href*="p?id="],div#hSub a[href*="news"],div#hSub a[href*="music"],div#hSub a[href*="online"],div#hSub a[href*="random"],div#hSub a[href*="list"],div#hSub a[href*="blog"]{
display:none;
}
span.sep{
display:none;
}

div#hSub a{
background: rgba(0, 0, 0, 0.0);
color:#0c0;
}
div#hSub a:hover{
background: rgba(0, 0, 0, 0.0);
color:#e00;
text-decoration: underline;
}

/* TOPLEFT PROFILE BOX          TOPLEFT PROFILE BOX              TOPLEFT PROFILE BOX              TOPLEFT PROFILE BOX */
h2#name.uName{
position: absolute;
top:125px;
width:calc(100% - 320px);
visibility: hidden;
left: 155px;
}

h2#name.uName:after{
visibility:visible;
content: "/css/ - Web Design";
font-family: Tahoma,sans-serif;
font-size: 28px;
font-weight: 700;
letter-spacing: -2px;
color: #00cc00;
animation: flashing linear infinite 1s alternate;
}

#avatar.avatar{
display: none; 
}

table.short button{
display: none;
}

td.shortRight div{     
visibility: hidden;
position: relative;
}

div.boxInfo.box div.boxHead{
height:20px;
background-color: #fca;
border: 1px solid #0c0;
font-weight: 700;
}

div.boxInfo.box div.boxHead { 
display:none;
}

div.boxInfo.box {
    border-color: rgba(0, 0, 0, 0.0);
    width: 0px;
    height: 0px;
    left: 20px;
    top: 200px;
    position: absolute;
}


.rightHead {
    display: none;
}

#sMsg:hover::after {  
    text-decoration: underline;
color:#e00;
}


#sMsg {
    background-image: url();
    font-size: 0px; background-size: 40px;
    padding: 35px !important;
}

#add:hover::after {
    text-decoration: underline;
color:#e00;
}

#add {
    background-image: url();
    font-size: 0px; background-size: 40px;
padding: 35px !important;
}


div#report.boxButton { display: none;}
div#block.boxButton { display: none;}

div.player.box{
right: 0px;
top: 300px;
position: absolute;
width: 50px;
visibility: hidden;
}

div.player.box button#playButton.button.playButton{
visibility: visible;
}

div.topLeft button{
position: absolute;
right:50px;
top: 875px;
}

/*    RIGHT CONTENT        RIGHT CONTENT            RIGHT CONTENT              RIGHT CONTENT              RIGHT CONTENT */

div.topRight {
margin-top: 185px;
width: calc(100% - 20px);
}

div.extended.box{
position: absolute;
right:50px;
top: 800px;
border: 0px;
z-index: 100;
}

div.box.blurbs div.rightHead{
height:32px;
border: 1px solid #d9bfb7;
border-left: none;
border-right: none;
background-color: rgba(0, 0, 0, 0.0);
width: calc(100% - 20px);
position:absolute;
top: 390px;
left: 0px;
}

div.box.blurbs div.rightHead b{ 
display:none;
}

div#about{
background-color: black;
border: 1px solid #0c0;
border-left: none;
border-right: none;
font-size: 10pt;
font-family: arial,helvetica,sans-serif;
color: #0c0;
padding: 4px;
position:absolute;
left:510px;
top:225px;
width: calc(100% - 1000px);
}

div.box.blurbs h4{
display: none;
}

div#who{
position:absolute;
top:176px;
left:170px;
text-align: center;
font-size: x-small;
font-family:  arial,helvetica,sans-serif;
border: 0px solid #d9bfb7;
border-left: none;
border-top: none;
border-right: none;
padding-bottom: 8px;
width: calc(100% - 320px);
}

/*     FRIENDS         FRIENDS            FRIENDS                     FRIENDS              FRIENDS */

div.box.fwiends {
    /*display: none;*/
}

div.box.fwiends div.rightHead{
display:none;
}

div.box.fwiends div.rightHead b{ 
display:none;
}

div.box.fwiends div.rightHead:after{ 
visibility: visible;
content: "Members Info";
color: #0c0;
}

span.fwiendCount:before{
content: "This board has";
color: #0c0;
padding-right: 5px;
font-size: 13px;
}
span.fwiendCount{
color:#117743;
font-size: 16px;
font-weight: 700;
}
span.fwiendCount:after{
content: "unique users.";
color: #0c0;
padding-left: 5px;
font-size: 13px;
}

div.fwiendCounter b span.uName{
visibility:hidden;
}

div.fwiendCounter b{
color:rgba(0, 0, 0, 0.0);
user-select:none;
}
div.fwiendCounter b span.uName:after{
visibility:visible;
position:absolute;
left:20px;
top: 15px;
content: url();
width:50px;
height:50px;
}
div.fwiendCounter b span.uName:hover:after{
width:88px;
height:31px;
box-shadow: 0px 0px 12px #0c0;
}

#svmsg {
display: none;
}

.box #top a[href$="?id=13451"] b::before, .box #top a[href$="?id=13453"] b::before{
font-size: 14px;
content:"Admin";
background-repeat: no-repeat;
margin-right: 4px;
color: #af0a0f;
}

.box #top a[href$="?id=14765"] b{
visibility:hidden;
}

.box #top a[href$="?id=14765"] b::before{
content:"/mu/";
margin-right: 0px;
color:#0c0;
visibility: visible;
font-size: 30px;
padding-left: 0px;
}

.box #top a[href$="?id=14823"] b{
visibility:hidden;
}

.box #top a[href$="?id=14823"] b::before{
content:"/css/";
margin-right: 0px;
color:#0c0;
visibility: visible;
font-size: 30px;
padding-left: 0px;
}
.box #top a[href$="?id=14823"] b:hover::before{
color:#e00;
}
.box #top a[href$="?id=14765"] b:hover::before{
color:#e00;
}

div.fwiendFace b:hover{
 text-decoration: underline;
}

div.fwiendFace img{
display: none;
}

div#viewFriends b span.uName{
display: none;
}


div#viewFriends b a{
       color:rgba(0, 0, 0, 0.0);
user-select:none;
}

div#viewFriends b a:after{
content: "Click here to view all members of this board.";
color: #0c0;
}

div#viewFriends b a:hover::after{
color:#e00;
 text-decoration:underline;
}

div#viewFriends b{
color:rgba(0, 0, 0, 0.0);
user-select:none;
}

/* COMMENTS      COMMENTS              COMMENTS            COMMENTS                      COMMENTS */

#commentInput {
    font-size: 10pt;
    font-family: arial, helvetica, sans-serif;
    color: #00cc00;
    border: 1px solid #00cc00;
    background: url(https://media0.giphy.com/media/fS9PCxQYG0ULu/giphy.gif);
}

table#userWall{
width: calc(100% - 20px);
}

table#userWall tbody{
display: flex; flex-direction: column-reverse; 
}

div#form div.boxHead{
margin-top:150px;
height:20px;
background-color: #ea8;
border: 1px solid #0c0;
font-weight: 700;

}

div#form div.boxHead b{ 
display:none;
}

div#form div.boxHead:after{ 
visibility: visible;
content: "Reply to Thread";
color: #0c0;
}

#commentInput{
font-size: 10pt;
font-family: arial,helvetica,sans-serif;

}

div#form div.boxHead{
height:20px;
background-color: #ea8;
border: 1px solid #0c0;
font-weight: 700;
position: static;
}

div.box.comments div.boxHead {
    height: 20px;
    background-color: rgb(0 0 0);
    border: 1px solid rgb(0 204 0);
    font-weight: 700;
}

div.box.comments div.boxHead b{ 
display:none;
}

div.box.comments div.boxHead:after{ 
visibility: visible;
content: "/b/ (most recent posts are at the bottom)";
color: #0c0;
margin-left: 15px;
}

div#form form input{

}

.tableLeft{
background-color: rgba(0, 0, 0, 0.0); 
display: none;
}

.tableLeft img {
display: none;
}

.tableLeft a{ 
display: none;
}

td.tableRight {
    background-color: black;
    padding-bottom: 30px;
    padding-left: 20px;
    text-align: left;
    border: 1px solid #0c0;
}


td.tableRight img{
max-width: 125px;
max-height: 125px;
}

td.tableRight img:hover{
max-width: 350px;
max-height: 350px;
}

b.date{
color: #0c0;
font: 10pt/1.231 arial,helvetica,clean,sans-serif;
}

b.date::before{
color: #117743; 
content: "Anonymous";
padding-right: 5px;
font-weight:700;
animation: flashing linear infinite 1s alternate;
color: rgb(0, 204, 0);
}

b.date::after{
counter-increment: uid -1;
  content: " No." counter(uid) ;

}


div#footer.box p{
position:absolute;
left:5px;
top: 5px;
visibility: hidden;
}
div#footer.box p:before{

visibility: visible;
content:"";
}
div#footer.box p:after{
position:absolute;
left:0px;
top:393px;
visibility: visible;
width:200px;
}

/* BLOGS      BLOGS   BLOGS     BLOGS     BLOGS   BLOGS      BLOGS    BLOGS         BLOGS        BLOGS       BLOGS */
div.blogs {
    background: url(https://i.ibb.co/4V9W1kx/whiterabbit.gif) no-repeat;
    border: 1px solid #00cc00;
    background-size: 300px 100px;
    position: absolute;
    left: calc(50% - 140px);
    top: 33px;
    height: 100px;
    width: 300px;
    padding: 0 !important;
    font-size: 0px !important;
}


/* some stuff i've added myself */


div.box.fwiends {
    position: absolute;
    top: 5px;
    left: 0px;
    z-index: 10000000000;
}

.fwiendCounter {
    display: none;
}

#viewFriends {
    display: none;
}

#top {
    padding-left: 7px;
    padding-right: 10px;
    position: relative;
    width: 102px;
    top: -8px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-end;
}

.fwiendFace {
    max-width: 100%;
    display: inline-grid;
    width: 100%;
    padding: 2px;
    text-align: center;
}

a[href="?id=110"] div::after {
    content: "[ /b/ ]";
    font-size: small;
    position: inherit;
    color: #00cc00;
}

a[href="?id=110"] div::after {
    content: " /b/ ]";
    font-size: small;
    position: inherit;
    color: #0c0;
}

a[href="?id=594"] div::after {
    content: "[ /mu/ ";
    font-size: small;
    position: inherit;
    color: #0c0;
}

a[href="?id=110"] div {
    font-size: 0px;
}

a[href="?id=594"] div {
    font-size: 0px;
}

div#footer88x31s {
    filter: grayscale(1) sepia(1) saturate(120) hue-rotate(62deg) contrast(23.5);
}