.pjax-loader{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); display:none; z-index:9999 }
.pjax-loader::after{ content:""; position:absolute; top:50%; left:50%; width:50px; height:50px; margin:-25px 0 0 -25px; border:5px solid #f3f3f3; border-top:5px solid #3498db; border-radius:50%; animation:spin 1s linear infinite }
@keyframes spin{ 0%{transform:rotate(0deg) }
100%{ transform:rotate(360deg) }
}
#Joe{ transition:opacity .3s ease-in-out }
#Joe.pjax-loading{ opacity:.5 }
.no-pjax{ pointer-events:none; cursor:not-allowed }