/*
Version: 1.0
color CSS
bleu foncé de base :#33414e
bleu foncé hover :#1d2933
bleu clair :#00a0d2
bleu clair border :#176a8c
bleu clair hover :#0090be
vert validation :#2dbb45
vert validation hover :#039436
vert WPS :#95be22
vert WPS border :#73931a
jaune notice :#fcba24
orange :#fea223
orange border :#d88e29
rouge :#dc3232
rouge border :#a72525
rouge hover :#bb2b2b
FontAwesome font-family:Font Awesome\ 5 Pro;
*/
/*hack clearfix*/
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* close commented backslash hack */
.wps-limit-login-page-settings .h2 {
font-size: 1.3em;
font-weight: 600;
}
.wps-limit-login-page-settings .wps-nav-menu a,
.wps-limit-login-page-settings .wps-tab td.wps_unlock a,
.wps-limit-login-page-settings .btn-wps {
-webkit-transition: all 350ms ease-in;
-moz-transition: all 350ms ease-in;
-ms-transition: all 350ms ease-in;
-o-transition: all 350ms ease-in;
transition: all 350ms ease-in;
}
.wps-limit-login-page-settings .wps-nav-menu a:hover,
.wps-limit-login-page-settings .wps-tab td.wps_unlock a:hover,
.wps-limit-login-page-settings .btn-wps:hover {
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
-ms-transition: all 350ms ease-out;
-o-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.wps-limit-login-page-settings .wps-title {
text-align: center;
background: #33414e;
background-size: cover;
border-radius: 40px 0 0 0;
position: relative;
margin-bottom: 10px;
}
.wps-limit-login-page-settings .field-col {
display: inline-block;
margin-right: 20px;
}
.wps-limit-login-page-settings .wps-limit-login-log table {
background-color: #fff;
border: 1px solid #d6d6d6;
}
.wps-limit-login-page-settings .wps-limit-login-log table tr {
border-bottom: 1px solid #d6d6d6;
}
.wps-limit-login-page-settings .wps-limit-login-log table th {
padding: 10px;
border-right: 1px solid #d6d6d6;
}
.wps-limit-login-page-settings .wps-limit-login-log table td {
border-right: 1px solid #d6d6d6;
}
.wps-limit-login-page-settings .wps-limit-login-log table tr:nth-child(even) {
background-color: rgba(0, 0, 0, 0.09);
}
.wps-limit-login-page-settings .wps-content-limit-login {
float: left;
width: calc(100% - 320px);
width: -moz-calc(100% - 320px);
width: -webkit-calc(100% - 320px);
}
.wps-limit-login-page-settings .wps-autopromo {
width: 320px;
float: right;
display: block;
padding: 0 0 0 20px;
box-sizing: border-box;
}
.wps-limit-login-page-settings .wps-content-tab {
background: #fff;
border: 1px solid #33414e;
box-sizing: border-box;
width: calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: -webkit-calc(100% - 20px);
}
.wps-limit-login-page-settings .wps-nav-menu a {
width: 25%;
float: left;
text-align: center;
font-size: 20px;
padding: 10px 5px;
box-sizing: border-box;
text-decoration: none;
color: #fff;
background: #33414e;
border-right: 1px solid rgba(255, 255, 255, 0.3);
border-left: 1px solid rgba(255, 255, 255, 0.3);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wps-limit-login-page-settings .wps-nav-menu:first-child a {
border-left: 0px;
}
.wps-limit-login-page-settings .wps-nav-menu.last-child a {
border-right: 0px;
}
.wps-limit-login-page-settings .wps-nav-menu.current a {
background: #fff;
color: #33414e;
}
.wps-limit-login-page-settings .wps-nav-menu a:focus,
.wps-limit-login-page-settings .wps-nav-menu a:hover {
background: #1d2933;
color: #fff;
box-shadow: none !important;
}
.wps-limit-login-page-settings .wps-tab {
padding: 10px;
}
.wps-limit-login-page-settings .wps-tab input[type="number"] {
max-width: 50px;
}
.wps-limit-login-page-settings .wps-tab textarea {
width: 100%;
margin-bottom: 10px;
}
.wps-limit-login-page-settings .wps-tab td.wps_unlock,
.wps-limit-login-page-settings .wps-tab td.wps_unlocked {
text-align: center;
vertical-align: middle;
position: relative;
}
.wps-limit-login-page-settings .wps-tab td.wps_unlock a {
background: #dc3232;
color: #fff;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 15px 10px;
box-sizing: border-box;
border-radius: 0 !important;
box-shadow: none !important;
line-height: 1 !important;
border: 0px;
margin: 0;
}
.wps-limit-login-page-settings .wps-tab td.wps_unlock a:focus,
.wps-limit-login-page-settings .wps-tab td.wps_unlock a:hover {
background: #bb2b2b;
color: #fff;
box-shadow: none !important;
}
.wps-limit-login-page-settings .wps-tab td.wps_unlocked span {
background: #2dbb45;
color: #fff;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 15px 10px;
box-sizing: border-box;
}
.wps-limit-login-page-settings .wps-credit {
margin: 35px 0px 25px;
}
.wps-limit-login-page-settings .wps-limit-login-log .display-mobile {
display: none;
}
.wps-limit-login-page-settings .wps-tab p.submit {
margin: 0;
padding: 0px;
}
.wps-limit-login-page-settings span.wps-ip {
background: #33414e;
color: #fff;
padding: 3px 8px;
border-radius: 4px;
font-size: 1.1em;
}
/*
*UI
*/
.wps-limit-login-page-settings .btn-wps {
padding: 10px 12px 10px 38px !important;
display: inline-block !important;
line-height: 20px !important;
height: 40px !important;
position: relative;
box-shadow: none !important;
cursor: pointer;
font-weight: 500;
text-align: center;
text-decoration: none;
box-sizing: border-box;
outline: none;
text-shadow: none !important;
}
.wps-limit-login-page-settings .btn-wps.wps-save {
background: #33414e !important;
color: #fff !important;
border: 1px solid #222b33;
}
.wps-limit-login-page-settings .btn-wps.wps-save:focus,
.wps-limit-login-page-settings .btn-wps.wps-save:hover {
color: #33414e !important;
background: #fff !important;
}
.wps-limit-login-page-settings .btn-wps.wps-addip {
background: #00a0d2 !important;
color: #fff !important;
border: 1px solid #222b33;
}
.wps-limit-login-page-settings .btn-wps.wps-addip:focus,
.wps-limit-login-page-settings .btn-wps.wps-addip:hover {
color: #33414e !important;
background: #fff !important;
}
.wps-limit-login-page-settings .btn-wps.wps-reinit {
background: #00a0d2 !important;
color: #fff !important;
border: 1px solid #176a8c;
}
.wps-limit-login-page-settings .btn-wps.wps-reinit:focus,
.wps-limit-login-page-settings .btn-wps.wps-reinit:hover {
color: #00a0d2 !important;
background: #fff !important;
}
.wps-limit-login-page-settings .btn-wps.wps-reset-lockouts {
background: #2dbb45 !important;
color: #fff !important;
border: 1px solid #039436;
}
.wps-limit-login-page-settings .btn-wps.wps-reset-lockouts:focus,
.wps-limit-login-page-settings .btn-wps.wps-reset-lockouts:hover {
color: #2dbb45 !important;
background: #fff !important;
}
.wps-limit-login-page-settings .btn-wps.wps-clear {
background: #dc3232 !important;
color: #fff !important;
border: 1px solid #a72525;
}
.wps-limit-login-page-settings .btn-wps.wps-clear:focus,
.wps-limit-login-page-settings .btn-wps.wps-clear:hover {
color: #dc3232 !important;
background: #fff !important;
}
.wps-limit-login-page-settings .btn-wps:before {
content: '';
font-family: Font Awesome\ 5 Pro;
position: absolute;
left: 10px;
font-size: 20px;
font-weight: 300;
}
.wps-limit-login-page-settings .btn-wps.wps-addip:before {
content: '\f067';
}
.wps-limit-login-page-settings .btn-wps.wps-save:before {
content: '\f0c7';
}
.wps-limit-login-page-settings .btn-wps.wps-reinit:before {
content: '\f2f1';
}
.wps-limit-login-page-settings .btn-wps.wps-reset-lockouts:before {
content: '\f13e';
}
.wps-limit-login-page-settings .btn-wps.wps-clear:before {
content: '\f2ed';
}
.wps-limit-login-page-settings textarea[name="wps_limit_login_blacklist_ips"] {
background: #292929;
color: #d0d0d0;
}
.wps-limit-login-page-settings textarea[name="wps_limit_login_blacklist_ips"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #9a9a9a;
}
.wps-limit-login-page-settings textarea[name="wps_limit_login_blacklist_ips"]::-moz-placeholder { /* Firefox 19+ */
color: #9a9a9a;
}
.wps-limit-login-page-settings textarea[name="wps_limit_login_blacklist_ips"]:-ms-input-placeholder { /* IE 10+ */
color: #9a9a9a;
}
.wps-limit-login-page-settings textarea[name="wps_limit_login_blacklist_ips"]:-moz-placeholder { /* Firefox 18- */
color: #9a9a9a;
}
/*pub WPServeur*/
.wps-autopromo .pub-wp-serveur {
background: #33414E !important;
float: none;
width: 100%;
padding: 10px;
border: 0 none;
box-shadow: none;
color: #FFF !important;
margin: 0 0 45px 0 !important;
box-sizing: border-box;
border-radius: 5px;
}
.wps-autopromo .pub-wp-serveur:first-child {
margin-top: 40px !important;
}
.wps-autopromo .pub-wp-serveur.plugin-card-migrate-guru {
margin-top: 0px !important;
}
.wps-autopromo .pub-wp-serveur:last-child {
margin-bottom: 0px !important;
}
.wps-autopromo .pub-wp-serveur .logo {
padding: 0px 20px;
text-align: center;
margin-bottom: 5px;
}
.wps-autopromo .pub-wp-serveur > .wps-pub-logo {
margin-top: -45px;
text-align: center;
position: relative;
}
.wps-autopromo .pub-wp-serveur > .wps-pub-logo img {
border-radius: 100%;
}
.wps-autopromo .pub-wp-serveur > .wps-pub-logo:before {
content: '';
display: block;
width: 64px;
height: 64px;
border: 3px solid rgba(255, 255, 255, 0.27);
box-shadow: 0px 0px 0px 5px #f2f2f2;
position: absolute;
border-radius: 100%;
margin: 0 auto;
left: 0;
right: 0;
top: 0;
box-sizing: border-box;
}
.admin-color-light .wps-autopromo .pub-wp-serveur > .wps-pub-logo:before {
box-shadow: 0px 0px 0px 5px #f5f5f5;
}
.wps-autopromo .pub-wp-serveur > .message {
width: 100%;
padding: 0px;
font-size: 14px;
box-sizing: border-box;
margin-bottom: 15px;
}
.wps-autopromo .pub-wp-serveur .cta {
padding: 0px 0px;
}
.wps-autopromo .btn-install-plugin.activate-now,
.wps-autopromo .btn-pubwps {
display: block;
background: #fff;
width: 100%;
padding: 8px 20px;
white-space: nowrap;
margin-bottom: 4px;
text-decoration: none;
text-align: center;
font-weight: 500;
border-radius: 4px;
line-height: 18px;
height: unset;
text-shadow: none;
box-sizing: border-box;
}
.wps-autopromo .plugin-card-wps-bidouille .notice-dismiss:before {
color: #ffffff;
font: 400 26px/26px dashicons;
}
.wps-autopromo .btn-wps-details {
color: #fff;
}
.wps-autopromo .btn-abonner {
background: #95bf23;
color: #fff;
}
.wps-autopromo .btn-abonner:focus,
.wps-autopromo .btn-abonner:hover {
color: #95bf23;
background: #fff;
box-shadow: none !important;
}
.wps-autopromo .btn-install-plugin.activate-now,
.wps-autopromo .btn-install-plugin {
background: #26a0d2;
color: #fff;
position: relative;
}
.wps-autopromo .btn-install-plugin.activate-now:hover,
.wps-autopromo .btn-install-plugin:hover {
color: #26a0d2;
background: #fff;
}
.wps-autopromo .btn-wps-details {
text-align: center;
width: 100%;
display: block;
white-space: nowrap;
padding: 0 20px;
box-sizing: border-box;
}
.wps-autopromo a.btn-wps-details:focus {
color: #fff !important;
box-shadow: none !important;
}
.wps-autopromo .btn-install-plugin.updating-message:before {
font: normal 20px/1 'dashicons';
position: absolute;
left: 10px;
top: 7px;
}
@media screen and (max-width: 860px) {
.wps-autopromo .pub-wp-serveur,
.wps-autopromo .pub-wp-serveur .logo,
.wps-autopromo .pub-wp-serveur .message,
.wps-autopromo .pub-wp-serveur .cta {
display: block !important;
padding: 5px 10px;
}
.wps-autopromo .btn-pubwps {
width: unset;
}
.wps-autopromo .pub-wp-serveur .message,
.wps-autopromo .pub-wp-serveur .logo {
text-align: center;
}
.wps-autopromo .pub-wp-serveur .cta {
margin-bottom: 20px;
}
}
/*pub hébergement*/
/*
*responsive
*/
@media screen and (max-width: 1300px) {
.wps-limit-login-page-settings .wps-autopromo {
padding: 0 0 0 0;
}
.wps-limit-login-page-settings .wps-content-limit-login,
.wps-limit-login-page-settings .wps-autopromo,
.wps-limit-login-page-settings .wps-content-tab {
float: none;
width: 100%;
}
.wps-limit-login-page-settings .wps-autopromo {
display: table;
}
.wps-limit-login-page-settings .wps-content-limit-login {
margin-bottom: 45px;
}
.wps-autopromo .pub-wp-serveur {
width: calc(50% - 5px);
width: -moz-calc(50% - 5px);
width: -webkit-calc(50% - 5px);
float: left;
}
.wps-autopromo .pub-wp-serveur:first-child {
margin-right: 10px !important;
margin-bottom: 45px !important;
margin-top: 0px !important;
}
}
@media screen and (max-width: 1000px) {
.wps-autopromo .pub-wp-serveur {
width: 100%;
float: none;
}
.wps-autopromo .pub-wp-serveur:first-child {
margin-right: 0px !important;
margin-bottom: 45px !important;
}
}
@media screen and (max-width: 960px) {
.wps-limit-login-page-settings span.wps-ip {
display: block;
}
}
@media screen and (max-width: 830px) {
.wps-limit-login-page-settings .wps-nav-menu a {
width: 50%;
}
.wps-limit-login-page-settings .wps-nav-menu:nth-child(3) a,
.wps-limit-login-page-settings .wps-nav-menu:nth-child(4) a {
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
}
@media screen and (max-width: 782px) {
.wps-limit-login-page-settings .wps-tab td.wps_unlock,
.wps-limit-login-page-settings .wps-tab td.wps_unlocked {
padding: 0px !important;
}
.wps-limit-login-page-settings .wps-tab td.wps_unlock a,
.wps-limit-login-page-settings .wps-tab td.wps_unlocked span {
position: relative;
display: block;
}
.wps-limit-login-page-settings .wps-limit-login-log .hide-mobile {
display: none;
}
.wps-limit-login-page-settings .wps-limit-login-log .display-mobile {
display: block;
width: 90px;
float: left;
font-weight: 600;
text-align: right;
margin-right: 5px;
}
.wps-limit-login-page-settings .wps-limit-login-log table td {
padding: 10px 5px;
border-bottom: 1px solid #d6d6d6;
border-right: 0px;
}
}
@media screen and (max-width: 690px) {
.wps-title .wps-logo-img img {
height: auto;
width: 90%;
}
}
@media screen and (max-width: 460px) {
.wps-limit-login-page-settings .wps-nav-menu a {
width: 100%;
border-right: 0px !important;
border-left: 0px !important;
}
.wps-limit-login-page-settings .wps-nav-menu a {
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.wps-limit-login-page-settings .wps-nav-menu:first-child a {
border-top: 0px !important;
}
}
