/* Theme Name: Weaver Xtreme Child Theme URI: //weavertheme.com Description: Bare minimum Weaver Xtreme Child demo theme Author: Consuljl.com Author URI: http://www.consuljl.com/ Version: 1.0 Tags: light, dark, white, black, gray, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, photoblogging Template: weaver-xtreme This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 2 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see . About style.css: Traditionally, a child theme provides its own style.css to override or extend the parent style.css. This usually involved adding an "@import" to the child's style.css. Weaver Xtreme handles the main style sheet differently. It is called "assets/css/style.weaverx.css", and is loaded before the theme "style.css" file. Thus, there is no need to "@import" the parent stylesheet. So you can make overrides and extensions directly in this child style.css. */ /************************/ p {margin: 0 0 1em 0;} h1,h2,h3,h4,h5,h6 {margin: 0 0 1em 0;} body {} /* Pour afficher une image et une couleur en même temps dans le background */ @media (min-width: 768px) {#wrapper {border: solid 1px #666666;}} @media (max-width: 768px) {#wrapper {border: none;}} li.lang-item, li.lang-item-en {list-style-type: none !important;} /* Pour ne pas afficher la puce du sélecteur de langue dans la barre du menu */ ul {padding-left: 4px;} /* Pour contrôler les puces affichées dans les widgets */ li {margin-bottom: 0.3em;} /* Pour mettre un peu d'espace entre les puces d'une liste */ .wvrx-menu * {margin-right: 1.0em;} /* Pour appliquer également une marge de chaque côté des items du menu */ ul.wvrx-menu {margin-left: 0;} /* Pour empêcher l'application d'une marge à gauche sur le menu par la CSS du thème */ @media (max-width: 768px) {.wvrx-menu-container {top: 0px !important;}} .widget-title {} /* Pour modifier l'affichage des titres des widgets */ .titre_widget {font-size: 1.3em; border-bottom: solid 1px #FFFFFF; margin-bottom: 1em;} /* Pour appliquer un style de titre dans un texte de Widget */ /***** .lien_entete, .wrapper a {pointer-events: none;cursor: default;} *****/ h1, h2, h3, h4, h5, h6 {} /* Pour afficher tous les titres dans une couleur specifique */ #primary-widget-area {} /* Pour afficher une image de fond dans le SideBar */ #site-info {float: left; padding-top: 0px; padding-right: 1em; margin-top: 1em;} /* Pour contrôler le copyright dans le bas du footer */ .fcbk_share {margin-bottom: 0.5em;} /* Pour dégager les boutons Facebook du titre de la page */ @media (max-width: 768px) {#container {padding: 0 1em 1em 1em !important;}} /* Pour ajuster le padding du contenu de la version mobile */ /************************/ #header {position: relative;} /* Pour permettre un positionnement absolute dans ce div */ #colophon {position: relative;} /* Pour permettre un positionnement absolute dans ce div */ /********** Réorganisation des éléments de l'entête *****************/ #title-tagline {height: 100%;} #site-tagline { position:absolute; right: 3%; bottom:5%; z-index:90; color: #FFFFFF; font-size: 2em; text-shadow: 3px 3px 2px #666666; } @media (max-width: 768px) {#site-tagline { width: 50%; position:absolute; right: 1%; bottom:1%; z-index:90; color: #FFFFFF; font-size: 0.8em; text-shadow: 2px 2px 1px #333333; } } #nav-header-mini {position:absolute; margin:0; right:5px;bottom:5px;z-index:100;} #primary-toggle-button {padding-top: 0.8em;} #site-title {position:absolute;left:5%;top:10%;z-index:120; width: 25%;} @media (max-width: 768px) {#site-title {position:absolute;left:3%;top:0%;z-index:120; width: 42%;}} @media (max-width: 768px) {#header-image {opacity: 0.5;}} @media (max-width: 768px) {#header {padding-left: 0; padding-right: 0;}} /* Pour repositionner et redimentionner le fond du moteur de recherche */ @media (min-width: 768px) { #header-search { width: 660px; height: 45px; background-color: transparent; background-image: url(images/fond-recherche.png); background-position: right top; background-repeat: no-repeat; position: absolute; right: 0%; top: 0%; z-index: 3000; } } .search-form:before {color: #666666 !important;} /* Pour changer la couleur de la loupe de l'outil de recherche */ /**** * * On utiliser le SITEWIDE TOP WIDGET AREA pour appeler les scripts de Facebook en fonction de la langue * nécessaires à la mise en place des boutons "like / j'aime" sur les pages du site. * ****/ /* HEADER HTML - Pour appliquer une position ABSOLUTE */ @media (min-width: 768px) { #header-html-ref {width: 32%; position:absolute;left:30px;top:10%;z-index:10;} } @media (max-width: 768px) { #header-html-ref {width: 60%; position:absolute;left:5px;top:5px;z-index:10;} } /* HEADER WIDGET AREA */ @media (max-width: 768px) { #header-widget-area {display: block !important;} } @media (min-width: 768px) { #header-widget-area {display: none;} } /* Moteur de recherche dans le Header Widget Area */ #header-widget-area .widget_search {padding-top: 0; padding-bottom: 0;} #header-widget-area .widget_search input[type="search"], .wp-block-search__input { border: none !important; outline: none !important; } /* Optionnel : Retire aussi la bordure extérieure si le thème englobe tout le widget */ #header-widget-area .widget_search { border: none !important; } #header-widget-area .widget_search input[type="search"], #header-widget-area .wp-block-search__input { background-color: transparent !important; } #header-widget-area .genericon-search { font-size: 32px; } #header-widget-area .search-form input[type=search ]{ width: 95%; float: right; } #header-widget-area .search-form .search-submit {top: 0;} /* Pour ne pas afficher le moteur de recherche de l'entête du site */ @media (max-width: 768px) {#header-search {display: none;}} /* Pour grossir les caractères des boutons sociaux des Widgets SiteOrigin */ @media (min-width: 768px) { .sow-social-media-button { font-size: 1.75em !important; padding: 0.2em 0.2em !important; } } /************************/ /********** Pour appliquer un filet (border) autour des images *****************/ .image_border {border: solid 1px #666 !important;} /* Pour intégrer les images dans des DIV */ .exemple_class {float: left; margin: 0 2em 0 0;} .clear_line {clear: both;} /*************************************/ blockquote { border-left: solid 3px #458CAB; color: #231F20; padding: 1em 1.2em 1em 1.2em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } /* Pour ajuster le FOOTER WIDGET AREA si on réduit le padding (left et right) des INDIVIDUAL WIDGETS à "0" */ /* Nécessaire si on utilise le PageBuilder dans une page */ .widget-smart-rm aside, .m-widget-smart-rm aside, .is-mobile .m-widget-smart-rm aside, .ie8 .smart-rm {margin-right: 2%;} @media (min-width: 768px) { .per-row-3-m {width: 31.663%;} } /* Pour modifier l'apparence du sélecteur de langue si on le met en place avec un widget */ /* Utile si on gère le menu avec Weaver et non pas avec l'outil MENU de WordPress */ li.lang-item-reference {list-style-type: none; text-transform: uppercase; font-size: 0.875em;} /*************************************/ /* Pour supprimer la marge de 30px qui s'applique automatiquement en dessous des widgets du Page Builder */ .so-panel { margin-bottom: 0; } /************************/ /* Pour appliquer un style de lien personnalisé */ a.a_gray:link { color:#818284 !important; text-decoration:none; } a.a_gray:visited { color:#818284 !important; text-decoration:none; } a.a_gray:hover { color:#818284 !important; text-decoration:underline; } /* Pour ajuster les intertitre à la largeur de la page */ .intertitre { margin-left: -2% !important; margin-right: -2.05% !important; padding-left: 0 !important; padding-right: 0 !important; } .l-content-m {width: 100%; margin-left: 0; margin-right: 0;} /* Pour ajuster la largeur des blockquote */ blockquote {width: 100% !important;} /* Pour ajuster la hauteur du header de l'accordion .post-2 .sow-accordion-panel-header {height: 9em;}*/ .sow-accordion-panel-border {padding: 0 10px !important;} /* Pour mettre une bordure autour des listes de produits */ .wvrx-posts .content-3-col { width: 30.3%; border: solid 1px #aaaaaa !important; padding-top: 0.5em !important; padding-bottom: 0.5em !important; margin-right: 1%; margin-bottom: 1%; } /* Pour convertir en une seule colonne sur petits écrans */ @media screen and (max-width: 768px) { .content-2-col, .content-3-col, .content-4-col, .content-5-col { width: 100% !important; float: none !important; clear: both !important; margin-left: 0 !important; margin-right: 0 !important; } article.post, article.product, .post-area, .wvrx-post { width: 100% !important; max-width: 100% !important; float: none !important; } } /* Pour présenter les listes de produits de la même façon partout */ .tax-metiers_concernes .produits { float: left; width: 29.3%; padding-right: 1%; padding-left: 1%; border: solid 1px #aaaaaa !important; padding-top: 0.5em !important; padding-bottom: 0.5em !important; margin-right: 1%; margin-bottom: 1%; } /* Plugin IMAGELY - Pour ne pas afficher le lien vers le diaporama */ .slideshowlink {display: none;} #cmplz-manage-consent .cmplz-manage-consent {animation: none; bottom: -20px !important;} #site-ig-wrap {padding-top: 10px; padding-bottom: 10px;}