@import url('https://fonts.googleapis.com/css?family=Armata');


.desktop-style .sub {
      background: transparent;
      max-width:60%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      float:left;
      
      
}

.desktop-style div.boardlist:not(.bottom) {
        
        font-size: 8.125pt;
        box-shadow: 0 1px 6px rgb(196, 102, 254), inset 0 1px 12px rgb(196, 102, 254);
        background-color: rgba(240,188,255,0.75) ;
        transition: all 1s ease-in-out;
  
}


div.boardlist:not(.bottom):hover {

       width: 100%;
       background-color: rgba(240,188,255,0.95) ;
       animation-name: beatlight;
       animation-duration: 0.5s;
       animation-timing-function: linear;
       animation-iteration-count: infinite;
       animation-play-state: running;
}


@keyframes beatlight {
    0%    {box-shadow: 0 1px 6px rgb(196, 102, 254), inset 0 1px 12px rgb(196, 102, 254);}
    50%   {box-shadow: 0 1px 12px rgb(163, 64, 255), inset 0 1px 12px rgb(163, 64, 255);}
    100%  {box-shadow: 0 1px 6px rgb(242, 138, 227), inset 0 1px 12px rgb(242, 138, 227);}
}


body {
        
        font-family:Armata;
        line-height:1.5em;
        background: #FFF0FE;
        position: relative;
        background-image : url("https://i.imgur.com/xE8J7Fz.png");
        background-repeat: repeat;
        
        
}

.desktop-style body::after{

        content:"";
        z-index: -1;
        position:fixed;
        width:300px;
        height:356px;
        right :0%;
        bottom :0%;
        background-image:url('https://i.imgur.com/vZqPKau.png');
        background-repeat: no-repeat
}


    
div.banner {
background-color: rgba(241, 0, 100, 0.6);
}


header div.subtitle,h1 {
       color: #4D007C;
       text-align: center;
}

div.announcement.apr212015.board-owners-or-users-feel-free-to-hide{
color: #E65C8A;
font-family: "Verdana", Sans-serif;
font-size: 5pt;
font-weight: bold;
line-height: 1.4em;
padding-bottom:0.8cm;
}

div.announcement.apr212015.board-owners-or-users-feel-free-to-hide a{
color: #D633D6;
}

form table tr th {
        border-right-style: solid;
        border-bottom-style: solid;
        border-right-color: #703296;
        border-bottom-color: #703296;
        background: #BDA8D9;
        font-weight: bolder;
        color : #350056;
}

hr {
border-top: 1px solid #C466fE !important;
border: 0; 
height: 1px;
box-shadow: 0px 2px 3px rgba(196,136,254,1.0);

}


div.post.reply {
background: rgba(243,219,255,0.65);
border-color: #C466fE;
border-style: solid;
transition: box-shadow 0.3s, background-position 0.3s ease-in-out;


}

div.post.reply:hover {
        border-width : 2.23px;
        border-color: #CC7CFF;
        box-shadow: inset 0px 3px 22px 4px rgb(222, 102, 255);
        background-image : url("https://i.imgur.com/DoucMMq.png");
        background-position: bottom right;
        background-repeat: no-repeat;
        

}

div.post.reply.highlighted {

        background: #FFC3D8;
        box-shadow: inset 0px 3px 22px 4px rgb(255, 94, 150);
        background-image : url("https://i.imgur.com/pyYJCnd.png");
        background-position: bottom right;
        background-repeat: no-repeat;

}
        


div.post.reply.post-hover{
        background: rgba(243,219,255,0.9);
        box-shadow: inset -1px 1px 31px -9px rgb(222, 102, 255) !important;
        border-style: solid;
        
}


div.pages {
color: #707;
background-color: #F3DBFF;
border-color: #C466fE;
transition: box-shadow 0.3s ease-in-out;
}

div.pages:hover {
        box-shadow: inset 0px 3px 6px 2.5px rgb(222, 169, 255);
}



td.submit {
    width: 80px !important;
    
}

#quick-reply tr td:nth-child(2) input[type="submit"] {
    width: 80px !important;
}

.dropzone {
padding-left: 6px;
padding-right: 8px;
padding-bottom: 6px;
background-color: rgba(240, 188,255, 0.5);
transition: all 0.3s ease-in-out;
}

.dropzone:hover{
background-color: rgba(246, 214, 255, 1.0);
}

.dropzone .file-hint {
border: 2.24px dashed rgba(186, 0, 240, 0.5);
background-color: transparent !important;
color: rgba(186, 0, 240, 0.5);
transition: all 0.3s ease-in-out;
}

.file-hint:hover, .dropzone.dragover .file-hint:hover{
border-color: rgba(186, 0, 240, 1.0);
color: rgb(186, 0, 240);
}


.dropzone .remove-btn:hover {
color: rgb(186, 0, 240);
}

.dropzone .remove-btn {
color: rgba(186, 0, 240, 0.5);
}

.dropzone .tmb-filename {
color: rgb(186, 0, 240);
}


table.post-table-options td{
background-color: rgba(246, 214, 255,0.7);
}

table tbody tr:nth-of-type(2n) {
background-color: rgba(214, 218, 240,0.3);
}

table.post-table-options {
transition: all 0.3s ease-in-out !important;
}


a, p.intro a.post_no{
color: rgb(112, 50, 150);
}

.theme-catalog div.thread {
        border: 2px solid rgba(196, 102, 254, 0.5);
        background-position: bottom left !important;
        transition: all 0.3s ease-in-out;
}



.theme-catalog div.thread.grid-li.grid-size-large:hover{
        background: #F9DEFF;
        box-shadow: inset 0px 3px 20px 5px rgb(222, 169, 255);
        border-color: #C466fE
        background-position: bottom left !important;
        background-image : url("https://i.imgur.com/HSkWfPt.png") !important;
        background-repeat: no-repeat;
             
}

.theme-catalog div.thread.grid-li.grid-size-medium:hover{
       background: #F9DEFF;
        box-shadow: inset 0px 3px 20px 5px rgb(222, 169, 255);
        border-color: #C466fE;
}

.theme-catalog div.thread.grid-li.grid-size-small:hover {
        background: #F9DEFF;
        box-shadow: inset 0px 3px 20px 5px rgb(222, 169, 255);
        border-color: #C466fE;
        
}


.theme-catalog div.thread.grid-li.grid-size-vsmall:hover {
        background: #F9DEFF;
        box-shadow: inset 0px 3px 20px 5px rgb(222, 169, 255);
        border-color: #C466fE;
        
}