/* an_admin_style.css AdBlock Notify Copyright: (c) 2016 Themeisle, themeisle.com */ /*Dashboard Widget*/ #an_dashboard_widgets img.bweb-logo { display: inline-block !important; height: 18px; margin-bottom: -3px; } #an_dashboard_widgets span.antooltip { text-align: center; } #an_dashboard_widgets span.antooltip .dashicons { color: #bbb; font-size: 1.3em; } .an-stats-table { width: 100%; } .an-stats-table .an-top td:first-child { text-align: right; } .an-stats-table .an-top { font-weight: bold; } .an-canvas-container-donut { float: left; position: relative; width: 50%; } .an-canvas-container-donut canvas { width: 100% !important; height: 100% !important; } .an-canvas-container-donut, #an_dashboard_widgets .inside { text-align: center; } #an_dashboard_widgets .inside { margin: 0; padding: 11px 12px 0 12px; background: #fafafa; } #an-canvas-donut, #an-canvas-donut-today { display: inline-block; margin-top: 10px; } .an-average { margin-top: 15px; font-size: 1.5em; font-weight: 700; text-align: center; } .an-average span { display: block; height: 12px; font-size: 0.55em; font-weight: normal; line-height: 12px; text-align: center; } #an-canvas-container-line { width: 100%; margin-top: 5px; } .an-deactivated { clear: both; margin: 0; padding-top: 5px; } #an_dashboard_widgets .subsubsub { float: none; margin: 12px -12px 5px -12px; margin-top: 0; padding: 8px 12px 4px; border-top: 1px solid #eee; background-color: #fff; text-align: left; } #an_dashboard_widgets .subsubsub li { color: #ddd; } /*TitanFramework Admin Page*/ div.error.warning { border-left: 4px solid #ffae00; } .titan-framework-panel-wrap .form-table h3.home:before { display: block; position: relative; width: 100%; height: 60px; margin-bottom: 5px; background: url(../img/logo-adblock-notify.png) no-repeat left center; background-repeat: no-repeat; background-size: auto 100%; content: ""; } .titan-framework-panel-wrap .tf-heading th h3 { padding-left: 20px; } .titan-framework-panel-wrap .tf-heading th h3:before { position: absolute; width: 24px; height: 24px; margin: -2px 0 0 -30px; background-image: url(../img/icon-adblock-notify.png); background-size: cover; content: ""; } .titan-framework-panel-wrap .tf-heading th h3 { color: #555; } .titan-framework-panel-wrap .tf-heading th h3 .blink { display: inline-block; } .titan-framework-panel-wrap h2 a.nav-tab:last-child:after, .titan-framework-panel-wrap .tf-heading th h3 .blink { -webkit-animation-name: blinker; animation-name: blinker; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .titan-framework-panel-wrap .an-red { color: #db3939; } @-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.3; } 100% { opacity: 1.0; } } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.3; } 100% { opacity: 1.0; } } /*CSS Tooltip*/ [data-antooltip] { position: relative; cursor: pointer; } [data-antooltip]:before, [data-antooltip]:after { visibility: hidden; position: absolute; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } [data-antooltip]:hover:before, [data-antooltip]:hover:after, [data-antooltip]:focus:before, [data-antooltip]:focus:after { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } [data-antooltip]:before { z-index: 1001; border: 6px solid transparent; background: transparent; content: ""; } [data-antooltip]:after { z-index: 1000; width: 160px; padding: 8px; color: #fff; background-color: #000; background-color: hsla(0, 0%, 20%, 0.95); font-size: 11px; font-weight: normal; line-height: 1.2; content: attr(data-antooltip); } [data-antooltip]:before, [data-antooltip]:after { bottom: 100%; left: 50%; } [data-antooltip]:before { margin-bottom: -12px; margin-left: -6px; border-top-color: #000; border-top-color: hsla(0, 0%, 20%, 0.9); } [data-antooltip]:after { margin-left: -80px; } [data-antooltip]:hover:before, [data-antooltip]:hover:after, [data-antooltip]:focus:before, [data-antooltip]:focus:after { -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); } .adblock-notify-top { margin: 20px 0 15px; padding: 20px 10px; border-top: 5px solid #252b37; border-bottom: 1px solid #d4d4d4; background: #fff; } .adblock-notify-top .logo { display: inline-block; margin: 0 0 0 5px; padding: 0 0 0 55px; color: #3c3c3c; background: url(../img/logo-adblock-notify.png) no-repeat left center; font-family: "Open Sans", sans-serif; font-size: 2em; font-weight: 700; line-height: 60px; letter-spacing: -1px; } .adblock-notify-top .slogan { display: inline-block; margin: 0 0 0 5px; padding: 0; color: #858585; font-family: "Open Sans", sans-serif; font-size: 17px; line-height: 3.5; } .adblock-notify-top .slogan a { color: #858585; font-weight: 600; font-style: italic; text-decoration: none; -webkit-transition: all 0.250s ease-in-out; transition: all 0.250s ease-in-out; } .adblock-notify-top .slogan a:hover { color: #ff6160; } .adblock-notify-top .slogan a:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .adblock-notify-top .adblock-notify-actions { float: right; text-align: right; } .adblock-notify-top .adblock-notify-actions .tweet-about-it, .adblock-notify-top .adblock-notify-actions .leave-a-review, .adblock-notify-top .adblock-notify-actions .buy-now { display: inline-block; height: 30px; margin-top: 2px; margin-right: 5px; padding-right: 10px; border-radius: 3px; border-radius: 3px; color: #fff; font-family: "Open Sans", sans-serif; font-weight: bold; line-height: 2.3; text-decoration: none; text-transform: uppercase; } .adblock-notify-top .adblock-notify-actions .tweet-about-it:focus, .adblock-notify-top .adblock-notify-actions .leave-a-review:focus, .adblock-notify-top .adblock-notify-actions .buy-now:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .adblock-notify-top .adblock-notify-actions .leave-a-review { background: #f9866b; text-shadow: 0 1px 0 #e46b3d; } .adblock-notify-top .adblock-notify-actions .buy-now { background: #e33b3f; text-shadow: 0 1px 0 #ce1d22; } .adblock-notify-top .adblock-notify-actions .tweet-about-it span, .adblock-notify-top .adblock-notify-actions .leave-a-review span, .adblock-notify-top .adblock-notify-actions .buy-now span { display: block; float: left; width: 30px; height: 30px; margin-right: 10px; border-radius: 3px 0 0 3px; } .adblock-notify-top .adblock-notify-actions .tweet-about-it { background: #52c4ef; text-shadow: 0 1px 0 #33a4ce; } .adblock-notify-top .adblock-notify-actions .tweet-about-it span { background: url(../img/twitter_icon.png) no-repeat center center, #3eaed8; } .adblock-notify-top .adblock-notify-actions .leave-a-review span { background: url(../img/review_icon.png) no-repeat center center, #f16848; } .adblock-notify-top .adblock-notify-actions .buy-now span { background: url(../img/buy_now_icon.png) no-repeat center center, #ce1d22; } .adblock-notify-top .adblock-notify-actions .features { margin: 10px 5px 0 0; color: #858585; font-size: 20px; font-weight: 600; font-style: italic; } .adblock-notify-options .row-1 .second label { display: none; } .adblock-notify-options .row-1 label img { -webkit-transition: 0.250s ease-in-out; transition: 0.250s ease-in-out; } .adblock-notify-options .row-1 .template-disabled img, .adblock-notify-options .row-1 label:hover img { opacity: 0.5; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .adblock-notify-options .row-1 .template-disabled { overflow: hidden; position: relative; cursor: not-allowed; } .adblock-notify-options .row-1 .template-disabled .pro-badge { display: none; visibility: visible !important; position: absolute; right: 1px; bottom: 1px; padding: 5px 7px; outline: none; color: #000; background-color: #ffd311; font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; -webkit-animation-name: slideUp; animation-name: slideUp; -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-timing-function: ease; animation-timing-function: ease; } .adblock-notify-options .row-1 .template-disabled:hover .pro-badge { display: inline-block; } .adblock-notify-options .row-1 .template-disabled .pro-badge:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .adblock-notify-options .tf-image-preview { overflow: hidden; } .adblock-notify-options .tf-image-preview img { max-height: none !important; margin: 0 !important; } .adblock-notify-options #advanced-options .pro-badge { margin-left: 10px; padding: 5px 7px; border-radius: 3px; color: #000; background-color: #ffd311; font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; } #adblocker_notify_an_option_modal_after_pages, #adblocker_notify_an_option_modal_width { display: none; } /* Animations */ @keyframes slideUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 75% { -webkit-transform: translateY(-20%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); } 75% { -webkit-transform: translateY(-20%); } 100% { -webkit-transform: translateY(0%); } } /* Responsive */ @media all and (max-width:1100px) { .adblock-notify-top .slogan { display: none; } } @media (max-width: 780px) { .adblock-notify-top { text-align: center; } .adblock-notify-top .logo { margin-bottom: 15px; } .adblock-notify-top .adblock-notify-actions { display: block; width: 100%; margin-bottom: 10px; text-align: center; } .adblock-notify-options .row-1 .second label { margin: 10px 30px; } } @media (max-width: 480px) { .adblock-notify-top .adblock-notify-actions .tweet-about-it, .adblock-notify-top .adblock-notify-actions .leave-a-review, .adblock-notify-top .adblock-notify-actions .buy-now { width: 80%; margin: 5px 10%; } } .adblock-notify-actions sup { color: #e33b3f; font-size: 10px; font-weight: bold; }