@charset 'utf-8'; /* * DarkTheme for Miracles * Author: Eltrac * Lisence: MIT */ /* Body */ .body-dark { background: #4b4b4b; color: rgb(250,250,250); } /* Post */ /* > PostContent */ .body-dark .post-content code { background: #505050; } .body-dark .post-content img:not(.OwO-img) { box-shadow: 0 2px 10px #323232; -moz-box-shadow: 0 2px 10px #323232; -webkit-box-shadow: 0 2px 10px #323232 } .body-dark .post-content tr:nth-child(odd) { background: #6e6e6e } .body-dark .post-content hr { background: rgb(120,120,120) } /* > PostOthers */ .body-dark .post-meta a { color: gray!important } /* No Background */ .body-dark .comment-reply a { background: transparent } /* Need Shadow */ .body-dark .dark-button, .body-dark .gotop-button, .body-dark .post-body, .body-dark .post-item, .body-dark .post-pagenav a, .body-dark .bubble.saying-body:hover, .body-dark .OwO-body, .body-dark .OwO-open .OwO-logo, .body-dark .OwO .OwO-body .OwO-items .OwO-item:hover { box-shadow: 0 0 36px #323232!important; -moz-box-shadow: 0 0 36px #323232!important; -webkit-box-shadow: 0 0 36px #323232!important } .body-dark .links-item { box-shadow: 0 0 2px #323232!important } .body-dark .links-item:hover { box-shadow: 0 0 22px #323232!important } /* Need #646464 bg */ .body-dark .archives-list a:hover, .body-dark .comment-submit button, .body-dark .comment-by-author .bubble.comment-content, .body-dark .bubble.comment-content, .body-dark .comment-author, .body-dark .bubble.saying-body { background: #646464 } /* Need #5a5a5a bg */ .body-dark .search-form input, .body-dark .comment-form input, .body-dark .OwO-logo, .body-dark .comment-form textarea, .body-dark .comment-reply a:hover, .body-dark .dark-button, .body-dark .gotop-button, .body-dark .links-item, .body-dark .post-body, .body-dark .post-content th, .body-dark .post-item, .body-dark .post-pagenav a, .body-dark .OwO-body, .body-dark .OwO-package-active, .body-dark .OwO-packages li:hover, .body-dark .saying-textarea { background: #5a5a5a!important } /* OwO */ .body-dark .OwO-item, .body-dark .OwO-bar { background: rgb(110,110,110)!important; } /* Need white fonts */ .body-dark .comment, .body-dark .comment a, .body-dark .comment-content p, .body-dark .comment-form input, .body-dark .comment-form textarea, .body-dark .OwO-logo, .body-dark .dark-button, .body-dark .footer-info, .body-dark .footer-info a, .body-dark .gotop-button, .body-dark .nav, .body-dark .nav a, .body-dark .post-body, .body-dark .post-body a, .body-dark .post-content blockquote, .body-dark .post-item, .body-dark .post-item a, .body-dark .search-form button, .body-dark .search-close, .body-dark .login, .body-dark .login-close, .body-darl .login a, .body-dark .OwO-bar, .body-dark .mobile-menu, .body-dark .mobile-menu a, .body-dark .mobile-menu-close, .body-dark .mobile-menu-footer { color: #fafafa!important } /* Need dark border-color */ .body-dark .comment-form input, .body-dark .comment-form textarea, .body-dark .post-content blockquote, .body-dark .post-content table, .body-dark .post-content td, .body-dark .post-content th, .body-dark .post-content tr, .body-dark .OwO-logo, .body-dark .OwO-body, .body-dark .mobile-menu-title, .body-dark .mobile-menu-footer, .body-dark .saying-textarea { border-color: #6e6e6e!important; } .body-dark .comment-by-author .bubble.comment-content:before, .body-dark .bubble.comment-content:before, .body-dark .bubble.saying-body:before { border-right-color: #646464; } /* Darker Mask */ .body-dark .dark-cover { background: rgba(10,10,10,0.35) } /* Dark Footer */ .body-dark .footer-info { background: #3c3c3c!important } /* Dark Nav */ .body-dark .nav { background: rgba(50,50,50,.9)!important; box-shadow: 0 0 20px #000; -webkit-box-shadow: 0 0 20px #000; -moz-box-shadow: 0 0 30px #000 } .body-dark .nav a:hover, .body-dark .nav-mobile-title:hover, .mobile-menu-pagelist a:hover { background: #646464 } .body-dark .nav-icon-button { background: rgb(90,90,90) } .body-dark .nav-icon-button { color: #fff } .body-dark .nav-icon-button:hover,.body-dark .search-close { background: #5a5a5a } /* Need dark filter */ .body-dark img { filter: brightness(90%); } .body-dark .post-banner, .body-dark iframe { filter: brightness(75%); } /* Need Transparent dark background */ .body-dark .search, .body-dark .login, .body-dark .mobile-menu { background: rgba(90,90,90,.95) } /* Pio Plugin in dark theme */ .body-dark .pio-container .pio-dialog { color: #fff; box-shadow: 1px 1px 15px #505050; -webkit-box-shadow: 1px 1px 15px #505050; -moz-box-shadow: 1px 1px 15px #505050; background: rgba(90,90,90,.9) } .body-dark .pio-action span { background-color: rgba(90,90,90,.9) }