/*
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;
}
}
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere.
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor.
Lorem ipsum dolor sit Non Existing amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere.