:root { --accent: #2596be; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #ffffff }/* code pour avoir le dégradé dans la barre supérieure */ header.c27-main-header.header .header-skin{ background: rgb(255,255,255) !important; background: linear-gradient(90deg, rgba(255,145,77,1) 13%, rgba(255,222,89,1) 100%) !important; } /* code pour avoir le dégradé dans la barre supérieure du AI*/ .mwai-header { background: rgb(255,255,255) !important; background: linear-gradient(90deg, rgba(255,145,77,1) 13%, rgba(255,222,89,1) 100%) !important; } /* code pour régler la taille de l'avatar AI*/ .mwai-open-button img { width: 95px; height: 121px} /* Add listing button */ .header-right .header-button a.buttons { background-color: #f24286; color: #fff; } /* Style on hover */ .header-right .header-button a.buttons:hover { color: #f24286; background-color: #fff; } /* code pour afficher les notifications en jaune fluo */ .col-md-12 > .woocommerce-message { background-color: #FFEA00; text-align: center; margin-top: 20px; } .col-md-12 > .woocommerce-message:before { position: unset; } /* code pour que le titre d'une annonce et l'éclair apparaisse plus foncé */ .lf-head-btn { height: auto; padding: 5px 10px; background-color: rgba(0, 0, 0, .4) } /* code pour cacher "formule déjà utilisée" */ #job-manager-job-dashboard table ul.job-dashboard-actions li.cts-listing-action-switch { display: none !important; } .package-available.dropup { display:none; } /* code pour que le titre d'une annonce s'affiche sur la même ligne que l'éclair quand il est trop long*/ .lf-head-btn { overflow: hidden; max-width: 35ch; white-space: nowrap; } /* taille point dans le menu Mes points*/ .gamipress-user-points-amount { font-weight: bold; font-size: 50px; } /* code pour changer la couleur de fond d'une annonce en argent */ .lf-type-2.level-featured .lf-item-info-2, .lf-type-2.level-featured.listing-details { background: linear-gradient(to bottom right, #e0e0e0 0%, #ffffff 30%, #e0e0e0 40%, #e0e0e0 70%, #ffffff 80%, #e0e0e0 100%) !important; } /* code pour changer la couleur de fond d'une annonce en or */ .lf-type-2.level-promoted .lf-item-info-2, .lf-type-2.level-promoted.listing-details { background: linear-gradient(to bottom right, #f2e6b8 0%, #ffd700 25%, #f2e6b8 50%, #ffd700 75%, #f2e6b8 100%) !important; } /* taille originale des vignettes dans Add a listing page */ .plan-image { width:auto !important; } /* espace en dessous des prix de Add a listing page enlevé */ .plan-price { margin-bottom: 0px !important; } /*Content Show/Hide on Hover*/ .show-text-hover .elementor-column .elementor-widget-text{ opacity: 0; transition: 0.5s ease-in-out; } .show-text-hover .elementor-column:hover .elementor-widget-text{ opacity: 1; } /* add a listing page editor body:not(.elementor-editor-active) .elementor:not([data-elementor-type=header]):not([data-elementor-type=footer]) { display: block !important; } */ /* css pour corriger page wolubilis */ @media only screen and (min-width : 1201px) { .user-profile-cover { margin-top: 120px; } body.author header + .c27-top-content-margin { display: none; } } @media only screen and (max-width : 1200px) { .user-profile-cover { margin-top: 60px; } } /* css faire clignoter le message d'acceptation de la preview */ @keyframes flashBackground { 0% { background-color: white; } 50% { background-color: #FFEA00; } 100% { background-color: white; } } .job_listing_preview_title { animation: flashBackground 6s infinite; /* Ajustez la durée et l'effet d'animation selon vos préférences */ /* Autres styles pour le texte, la police, etc. */ } /* ajustement de la date et du prix dans la cover */ .price-or-date .value { white-space: normal!important; max-width: 400px!important; } /* correction provisoire double eyes mot de passe */ .woocommerce form .show-password-input, .woocommerce-page form .show-password-input { display: none !important; } /* simplifier point exchange*/ .gamipress-points-exchanges-form-to { display: none; } .gamipress-points-exchanges-form-from-details { display: none; } .gamipress-points-exchanges-form-to-details { display: none; } .gamipress-points-exchanges-form-exchange-rate-details { display: none!important; } .gamipress-points-exchanges-form-from-details{ display: none!important; } .gamipress-points-exchanges-form-to-details{ display: none!important; } /*.gamipress-points-exchanges-form-amount { display: none; }*/ /* conversion success en vert et centré*/ .gamipress-points-exchanges-form-response.gamipress-points-exchanges-success { display: flex; align-items: center; justify-content: center; color: green; } .gamipress-coupons-form-response, .gamipress-coupons-error { color: green; text-align: center; } /* centrer point et texte page point*/ .gamipress-user-points-label { display: block; } /* astérisque à droite du prix page add a listing*/ .woocommerce-Price-amount.amount::after { content: "*"; font-size: 20px; vertical-align:top; color: black; /* Couleur de l'astérisque, ajustez selon vos besoins */ margin-left: 3px; /* Marge à gauche de l'astérisque, ajustez selon vos besoins */ } /* Styliser le bouton */ .gamipress-coupons-form-submit-button, .gamipress-coupons-redeem-coupon-form-submit-button { margin-left: 25%!important; display: inline!important; /*padding: 10px 20px;*/ background-color: #2596be; /* Couleur de fond du bouton */ color: #fff; /* Couleur du texte du bouton */ border: none; /* Supprimer la bordure */ border-radius: 10px!important; /* Ajouter des bordures arrondies */ cursor: pointer; text-align: center!important; text-decoration: none; font-size: 14px; width: 100px; text-align: center; } /* Styliser le bouton au survol */ .gamipress-coupons-form-submit-button:hover, .gamipress-coupons-redeem-coupon-form-submit-button:hover { background-color: #005bb5; /* Nouvelle couleur de fond au survol */ } .gamipress-coupons-form-submit-button, .gamipress-points-exchanges-form-submit-button { margin-left: 25%!important; display: inline!important; /*padding: 10px 20px;*/ background-color: #2596be; /* Couleur de fond du bouton */ color: #fff; /* Couleur du texte du bouton */ border: none; /* Supprimer la bordure */ border-radius: 10px!important; /* Ajouter des bordures arrondies */ cursor: pointer; text-align: center!important; text-decoration: none; font-size: 14px; width: 100px; } /* Styliser le bouton au survol */ .gamipress-coupons-form-submit-button:hover, .gamipress-points-exchanges-form-submit-button:hover { background-color: #2c7e9b; /* Nouvelle couleur de fond au survol */ } .gamipress-coupons-redeem-coupon-form-code-input { width: 100%; /* Vous pouvez ajuster la largeur selon vos besoins */ padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px; } /* cadre coin arrondi input point exchange */ .gamipress-points-exchanges-form-amount-input { width: 100%; /* Vous pouvez ajuster la largeur selon vos besoins */ padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px; } /*cadre coin arrondi point exchange */ .gamipress-points-exchanges-form-amount{ width: 100%; /* Vous pouvez ajuster la largeur selon vos besoins */ padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px; } .gamipress-coupons-redeem-coupon-form-code-input::placeholder { color: #999999; /* Couleur gris clair pour le placeholder */ font-size: 14px; /* Taille de police en pixels pour le placeholder */ } label[for="gamipress-coupons-redeem-coupon-form-code-label"] { font-size: 16px; /* Taille de police en pixels */ font-weight: bold; /* Texte en gras */ } label[for="gamipress-points-exchanges-form-1-amount"] { font-size: 16px; /* Taille de police en pixels */ font-weight: bold; /* Texte en gras */ } .gamipress-coupons-form-submit-button, .gamipress-coupons-redeem-coupon-form-submit-button { font-weight: bold; /* Texte en gras */ } .gamipress-points-exchanges-form-submit-button { font-weight: bold; } .tnp-field.tnp-field-button .tnp-submit { border-radius: 5px !important; background-color: #f24286; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; font-weight: bold; /* Texte en caractère gras */ margin: 4px 2px; cursor: pointer; transition: background-color 0.3s; /* Transition pour l'effet de survol */ } .tnp-field.tnp-field-button .tnp-submit:hover { background-color: #d32f6f!important; /* Nouvelle couleur au survol */ } /* Notification gamipress coin arrondi*/ } .gamipress_notifyjs-corner{ border-radius: 60px !important; /* Ajustez la valeur selon vos préférences */ height:150px!important; overflow: hidden !important; } .gamipress_notifyjs-wrapper { border-radius: 60px !important; /* Ajustez la valeur selon vos préférences */ height:150px!important; overflow: hidden !important; } .gamipress_notifyjs-arrow{ border-radius: 60px !important; /* Ajustez la valeur selon vos préférences */ height:150px!important; overflow: hidden !important; } .gamipress_notifyjs-container{ border-radius: 60px !important; /* Ajustez la valeur selon vos préférences */ height:150px!important; overflow: hidden !important; } .gamipress_notifyjs-hidable { border-radius: 60px !important; /* Ajustez la valeur selon vos préférences */ height:150px!important; overflow: hidden !important; } .gamipress_notifyjs-gamipress-base.gamipress_notifyjs-gamipress-notification.gamipress-notification.gamipress-notification-points-award.gamipress-notification-points-type-point { border-radius: 60px!important; /* Ajustez la valeur selon vos préférences */ height:150px!important; overflow: hidden!important; /* Si nécessaire pour éviter tout débordement */ } .alignnone.size-full.wp-image-10921 { margin-right: 0px; /* Ajustez la valeur selon vos préférences */ } .submit-l-message { text-align: center!important; } /* taille de la cover sur mobile */ @media (max-width: 1200px){ .profile-cover-image, .single-post .profile-cover:not(.profile-cover-no-bg) { padding-bottom: 80% !important; } }