.admin-bug-report { position: fixed; right: 5px; bottom: 15px; z-index: 9999999; } .admin-bug-report h2 { font-size: 30px; text-align: center; margin-top: 20px; margin-bottom: 10px; font-weight: 500; line-height: 1.1; } .admin-bug-report .btn { display: inline-block; margin-bottom: 0; font-weight: 400; padding: 6px 12px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: 4px; } .admin-bug-report .btn:hover, .admin-bug-report .btn:focus, .admin-bug-report .btn:active { text-decoration: none; outline: 0; } .admin-bug-report .btn.toggle-report-button { color: #fff; width: 40px; height: 40px; padding: 5px 8px; font-size: 12px; line-height: 1.33; border-radius: 25px; border-color: #28a4c9; background-image: linear-gradient(to bottom, #5bc0de 0, #2aabd2 100%); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .admin-bug-report .btn.toggle-report-button:hover, .admin-bug-report .btn.toggle-report-button:focus, .admin-bug-report .btn.toggle-report-button:active { background-color: #2aabd2; border-color: #269abc; } .admin-bug-report .btn.toggle-report-button span { font-size: 1.0rem; } .admin-bug-report .toggle-container { position: absolute; z-index: 1000; display: none; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); top: auto; right: 0; bottom: 100%; left: auto; margin-bottom: 10px; width: 290px; height: 320px; padding-right: 15px; padding-left: 15px; } .admin-bug-report .toggle-container .btn.submit-report-button { color: #fff; background-color: #5bc0de; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); background-image: linear-gradient(to bottom, #5bc0de 0, #2aabd2 100%); background-repeat: repeat-x; border-color: #28a4c9; display: block; width: 100%; } .admin-bug-report .toggle-container .btn.submit-report-button:hover, .admin-bug-report .toggle-container .btn.submit-report-button:focus, .admin-bug-report .toggle-container .btn.submit-report-button:active { background-color: #2aabd2; border-color: #269abc; } .admin-bug-report .toggle-container .invalid-settings h2 { font-size: 1.5em; margin-bottom: 1.2em; } .admin-bug-report .toggle-container .invalid-settings p { text-align: center; } .admin-bug-report .toggle-container .report { display: none; } .admin-bug-report .toggle-container .report.is-open { display: block; } .admin-bug-report .toggle-container .report .close { position: absolute; top: 5px; right: 10px; opacity: 0.6; cursor: pointer; color: #444; border: none; } .admin-bug-report .toggle-container .report .close:hover { opacity: 1; } .admin-bug-report .toggle-container .report textarea { height: 180px !important; display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; overflow: auto; } .admin-bug-report .toggle-container .report .screenshot { position: relative; float: right; top: -24px; right: 10px; opacity: 0.6; cursor: pointer; } .admin-bug-report .toggle-container .report .screenshot:hover { opacity: 1; } .admin-bug-report .toggle-container .processing, .admin-bug-report .toggle-container .results { text-align: center; display: none; } .admin-bug-report .toggle-container .processing.is-open, .admin-bug-report .toggle-container .results.is-open { display: block; } .admin-bug-report .toggle-container .processing p, .admin-bug-report .toggle-container .results p { height: 190px; } .admin-bug-report .toggle-container .processing h2 { margin-top: 118px; } .admin-bug-report .toggle-container .processing #ellipsis-wave { position: relative; text-align: center; width: 100px; margin-left: auto; margin-right: auto; margin-top: 35px; } .admin-bug-report .toggle-container .processing #ellipsis-wave span { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 3px; background: #303131; -webkit-animation: wave 1.3s linear infinite; animation: wave 1.3s linear infinite; } .admin-bug-report .toggle-container .processing #ellipsis-wave span:nth-of-type(2) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .admin-bug-report .toggle-container .processing #ellipsis-wave span:nth-of-type(3) { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes wave { 0%, 40%, 60% { -webkit-transform: initial; transform: initial; } 15% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } @keyframes wave { 0%, 40%, 60% { -webkit-transform: initial; transform: initial; } 15% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } .admin-bug-report .toggle-container .results .success { display: none; } .admin-bug-report .toggle-container .results .success.is-open { display: block; } .admin-bug-report .toggle-container .results .success button { color: #fff; background-color: #5cb85c; border-color: #4cae4c; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%); background-repeat: repeat-x; border-color: #3e8f3e; display: block; width: 100%; } .admin-bug-report .toggle-container .results .success button:hover, .admin-bug-report .toggle-container .results .success button:focus, .admin-bug-report .toggle-container .results .success button:active { color: #fff; background-color: #449d44; border-color: #398439; background-color: #419641; background-position: 0 -15px; } .admin-bug-report .toggle-container .results .failed { display: none; } .admin-bug-report .toggle-container .results .failed.is-open { display: block; } .admin-bug-report .toggle-container .results .failed button { color: #fff; background-color: #d9534f; border-color: #d43f3a; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); background-image: linear-gradient(to bottom, #d9534f 0, #c12e2a 100%); background-repeat: repeat-x; border-color: #b92c28; display: block; width: 100%; } .admin-bug-report .toggle-container .results .failed button:hover, .admin-bug-report .toggle-container .results .failed button:focus, .admin-bug-report .toggle-container .results .failed button:active { color: #fff; background-color: #c9302c; border-color: #ac2925; background-color: #c12e2a; background-position: 0 -15px; } .admin-bug-report .is-open { display: block; } .settings_page_admin_bug_report .wrap h2 { margin-top: 1.5em; } .settings_page_admin_bug_report .wrap input[type='text'], .settings_page_admin_bug_report .wrap input[type='hidden'], .settings_page_admin_bug_report .wrap input[type='password'], .settings_page_admin_bug_report .wrap input[type='number'], .settings_page_admin_bug_report .wrap input[type='email'], .settings_page_admin_bug_report .wrap input[type='tel'], .settings_page_admin_bug_report .wrap input[type='url'], .settings_page_admin_bug_report .wrap input[type='search'], .settings_page_admin_bug_report .wrap input[type='range'], .settings_page_admin_bug_report .wrap input[type='date'], .settings_page_admin_bug_report .wrap input[type='datetime'], .settings_page_admin_bug_report .wrap input[type='datetime-local'], .settings_page_admin_bug_report .wrap input[type='month'], .settings_page_admin_bug_report .wrap input[type='week'], .settings_page_admin_bug_report .wrap input[type='time'], .settings_page_admin_bug_report .wrap select, .settings_page_admin_bug_report .wrap textarea { width: 300px; } .settings_page_admin_bug_report .wrap .helper { margin-left: 25px; } .settings_page_admin_bug_report .wrap .description { font-style: italic; } .settings_page_admin_bug_report .wrap .spinner { float: none; height: 25px; margin: 0; margin-left: 20px; } .settings_page_admin_bug_report .wrap button + .helper { font-weight: 600; font-style: normal; } .settings_page_admin_bug_report .wrap button + .helper .results { visibility: hidden; font-size: 1.1rem; line-height: 1.7rem; } .settings_page_admin_bug_report .wrap button + .helper .results.is-active { visibility: visible; } .settings_page_admin_bug_report .wrap button + .helper .results.success { color: #0B0; } .settings_page_admin_bug_report .wrap button + .helper .results.failure { color: #B00; } .settings_page_admin_bug_report .wrap button + .helper .results .dashicons { font-size: 2.0rem; line-height: 2.0rem; } .settings_page_admin_bug_report .wrap button + .helper .results .text { margin-left: 15px; }