/* override wp ui buttons */
body.wp-core-ui {
background: transparent;
}
.wp-core-ui .wp-submenu-wrap {
margin-left: 0;
}
.wp-core-ui .button {
display: inline-block;
text-decoration: none;
font-size: 1rem;
line-height: 125%;
height: auto;
margin: 0;
padding: 15px 20px;
border: none;
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
background: #f26722;
color: #fff;
box-shadow: none;
}
.wp-core-ui .button:hover {
background-color: #db5c1c;
color: #fff;
}
#wpwrap {
/*position: fixed !important;*/
}
div.error {
background-color: #d80000 !important;
padding: 0.61875rem !important;
border-left: none !important;
}
#bruteprotect-warning {
margin-left: 0;
margin-top: 0;
}
.row.wpauxlinks, #bruteapi.row.new_ui, #bruteprotect-warning {
margin-left: 0;
margin-right: 15px;
max-width: 98%;
}
#disconnect_bp_button {
color: #999;
}
#disconnect_bp_button:hover {
color: #bbb !important;
}
.new_ui .already:hover {
text-decoration: underline;
}
.new_ui .padrightonly {
padding-left: 0;
}
.new_ui #starttrial {
width: 100%;
margin-top: 0;
}
.wp-core-ui .new_ui input[type="submit"].btn-go-pro {
text-transform: uppercase;
font-style: normal;
background: #f26722;
color: #fff;
border: 0;
}
.wp-core-ui .new_ui input[type="submit"].btn-go-pro:hover {
background-color: #db5c1c !important;
}
.new_ui .bpwpoptions select {
padding-left: 15px;
}
.new_ui .dashholder .step.a3 {
padding-top: 0;
}
.new_ui .dashholder .step input[type="text"] {
padding: 5px 10px;
line-height: 130%;
}
.new_ui .bpwpoptions select {
padding: 8px 10px 0 18px;
}
.new_ui .dashholder .step input.strength0 {
border: 1px solid #f00 !important;
}
.new_ui .dashholder .step input.strength1 {
border: 1px solid #f26722 !important;
}
.new_ui .dashholder .step input.strength2 {
border: 1px solid #ff00ff !important;
}
.new_ui .dashholder .step input.strength3 {
border: 1px solid #0099ff !important;
}
.new_ui .dashholder .step input.strength4 {
border: 1px solid #0f0 !important;
}
.new_ui .attn p {
color: #686767;
font-style: italic;
}
.new_ui .linkcreds .fa-check-square {
color: #15b100;
}
.new_ui .nextmsg {
padding-right: 30px;
}
.new_ui .whatsnext dd > a {
position: relative;
}
.new_ui .whatsnext dd a .fa {
position: absolute;
top: 50%;
right: 20px;
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
display: block;
}
.new_ui .whatsnext dd a .fa-minus {
display: none;
}
.new_ui .whatsnext .active a .fa-minus {
display: block;
}
.new_ui .whatsnext .active a .fa-plus {
display: none;
}
/* ===========
BP UI - tab / accordion behavior based on WP menu width (full and folded)
============== */
/* start behavior based on full width WP menu */
/* =========== For screens smaller than 1215px */
@media only screen and (max-width: 1215px) {
body .new_ui .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
font-size: .8rem;
}
}
/* smaller than 1215 */
/* =========== For screens smaller than 1090px */
@media only screen and (max-width: 1090px) {
/* ====================================== Dashboard within WordPress */
body .new_ui .r-tabs .r-tabs-nav {
display: none;
}
body .new_ui .r-tabs .r-tabs-accordion-title {
display: block;
}
}
/* =========== end max width 1090 */
/* end behavior based on full width WP menu */
/* start behavior based on condensed WP menu */
/* =========== For screens smaller than 1090px */
@media only screen and (max-width: 1090px) {
/* ====================================== Dashboard within WordPress */
body.folded .new_ui .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
font-size: .8rem;
}
}
/* =========== end max width 1090 */
/* =========== For screens larger than 966px */
@media only screen and (min-width: 966px) {
/* ====================================== Dashboard within WordPress */
body.folded .new_ui .r-tabs .r-tabs-nav {
display: block;
}
body.folded .new_ui .r-tabs .r-tabs-accordion-title {
display: none;
}
}
/* =========== end min width 966 */
/* =========== For screens smaller than 965px */
@media only screen and (max-width: 965px) {
/* ====================================== Dashboard within WordPress */
body.folded .new_ui .r-tabs .r-tabs-nav {
display: none;
}
body.folded .new_ui .r-tabs .r-tabs-accordion-title {
display: block;
}
}
/* =========== end max width 965 */
/* end behavior based on condensed WP menu */
/* end tab / accordion behavior based on WP menu width (full and folded) */
/* GENERAL RESPONSIVE STYLES */
/* =========== For screens smaller than 1100px */
@media only screen and (max-width: 1100px) {
body .new_ui .r-tabs .button {
font-size: .8rem;
}
.new_ui .brutecontainer h3.attn {
font-size: 1.5rem;
}
}
/* smaller than 1100 */
/* =========== For screens smaller than 885px */
@media only screen and (max-width: 885px) {
.new_ui form.apiholder input[type="text"],
.new_ui form.apiholder input[type="submit"] {
width: 100%;
margin-bottom: 2px;
border-right: 1px #e2e2e2 solid;
}
.new_ui .brutecontainer h3.attn {
font-size: 1.35rem;
}
}
/* end small than 885 */
/* =========== For screens smaller than 750px */
@media only screen and (max-width: 750px) {
.new_ui .brutecontainer h3.attn {
text-align: center;
width: 100%;
}
}
/* end small than 750 */
/* =========== For screens smaller than 650px */
@media only screen and (max-width: 650px) {
.new_ui #bp-settings-form input[type="checkbox"] {
zoom: 1.0;
top: 0;
/*ms-transform: translate(0%, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);*/
position: static;
}
.new_ui #bp-settings-form .checkrow label {
margin-top: 5px;
margin-bottom: 25px;
}
.new_ui #bp-settings-form .checkrow .checkholder {
text-align: center;
}
.new_ui .brutecontainer input[type="submit"].submit_email {
width: 100% !important;
}
.new_ui .brutecontainer input[type="text"].apifield {
border-right: 1px #e2e2e2 solid;
}
}
/* end small than 650 */
/* =========== For screens smaller than 640px */
@media only screen and (max-width: 640px) {
.new_ui .brutecontainer input[type="email"], .new_ui .brutecontainer input[type="text"], .new_ui .brutecontainer input[type="password"] {
border-right: 1px;
border-bottom: 1px !important;
}
.new_ui .brutecontainer input[type="submit"] {
width: 100%;
}
.new_ui .brutecontainer {
padding: 0 !important;
}
.new_ui .logogroup {
padding-bottom: 15px !important;
}
.new_ui .uiheader .btngroup {
text-align: center;
}
.new_ui .bpwpoptions select {
padding: 15px;
width: 100%;
margin-bottom: 2px;
height: auto !important;
}
.new_ui .stepholder {
margin-bottom: 10px;
}
}
/* end 640 */
/* =========== For screens smaller than 600px */
@media only screen and (max-width: 600px) {
.new_ui .r-tabs .r-tabs-panel.apioptions form {
margin: 10px 0 25px !important;
}
}
/* end 600 */
/* debug */
#bp_connection_results {
width: 90%;
padding: 10px;
height: 300px;
overflow: scroll;
background: #FFF;
border: 1px solid #555;
}
#brute_footer {
padding: 10px;
}
#brute_footer p {
text-align: center;
font-size: 11px;
}
.bp_connection_status {
width: 90%;
padding: 10px;
color: white;
}
.bp_connection_status.good {
background-color: green;
border: 1px solid green;
}
.bp_connection_status.bad {
background-color: red;
border: 1px solid red;
}