/* Theme Name: Child DIVI - aba35 Version: 1.0 Description: A child theme of Divi Author: alain Template: Divi */ /* *---------------------------------------------------------- * Propriétés générales *---------------------------------------------------------- */ /* Pas de déformation des images */ img { object-fit: cover !important; } /* La taille d'un élément inclut les bords */ * { box-sizing: border-box !important; } /* *---------------------------------------------------------- * Propriétés spécifiques au site *---------------------------------------------------------- */ /* Toutes les pages : mise en forme du survol d'un lien actif (couleur ocre et soulignement) */ a:hover { color:#dd8b0f !important; text-decoration:underline; /* pas !important car on ne veut pas que les "menus" soient impactés * pour les menus le paramétrage est fait via le TdB Wordpress ou Divi Booster*/ } /* Page d'accueil : alignement de la hauteur de tous les blogs grille "actualités" de la page d'accueil */ #blog-modele-grille article { height:500px; } /* Réglage de l'espacement des sous menu ou menu déroulant du menu principal : * lien web pour exemples : * https://www.globalwordpress.com/divi-comment-ajuster-les-dimensions-du-menu-deroulant/ * https://formationdivi.net/comment-styliser-et-ajuster-la-largeur-du-menu-deroulant-dans-divi-en-utilisant-css/ */ /* - réglage marge externe du menu déroulant */ #top-menu .sub-menu { margin-left:0px !important; padding-top:0px !important; padding-bottom:0px !important; width:250px !important; } /* - réglage espace interligne du menu déroulant */ .nav li { line-height:2em !important; } /* - réglage espace interligne du sous-menu déroulant */ .nav li li { line-height:1.5em !important; } /* - réglage marge interne et de la largeur du menu déroulant et des sous-menu ; * ajout d'une séparation */ #top-menu li li a { padding-top:0px !important; padding-bottom:3px !important; padding-left:1px !important; padding-right:0px !important; width:210px !important; border-bottom:1px solid grey !important; } /* Page Recherche : mise en forme de l'image à la une (largeur, texte à droite de l'image avec une marge) */ #blog-archives .et_pb_post a img { max-width: 30%; float: left; padding-right: 2%; } #blog-archives a:hover { color:#119cca !important; text-decoration:underline; } /* Page Actualités : mise en forme de l'image à la une (largeur, texte à droite de l'image avec une marge) */ #blog-actualites .et_pb_post a img { max-width: 25%; float: left; padding-right: 2%; } #blog-actualites a:hover { color:#119cca !important; text-decoration:underline; } /* Page Actualités bis et ter : mise en forme de l'image à la une (largeur, texte à droite de l'image avec une marge) */ #blog-actualites-1 .et_pb_post { height: auto !important; margin-bottom: 20px !important; font-size: 90%; } #blog-actualites-1 .et_pb_post a img { max-width: 25%; height: 75px; float: left; padding-right: 2%; } #blog-actualites-1 .et_pb_post .entry-title{ padding-top: 0px; padding-bottom: 0px; font-size: 130%; } .post-meta{ margin-top: 0px; margin-bottom: 0px !important; padding-top: 1px; padding-bottom: 0px; } .published{ font-size: 60%; } .post-content{ padding-top: 1px; padding-bottom: 0px; font-size: 90%; line-height: 1.3em; } #blog-actualites-1 p { padding-right: 0px; padding-left: 2%; padding-bottom: 0px; padding-top: 0px; } #blog-actualites-1 a:hover { color:#119cca !important; text-decoration:underline; } #blog-actualites-1 .et_pb_post img:hover { opacity: .8; -webkit-transform:scale(1.01); /* Safari et Chrome */ -moz-transform:scale(1.01); /* Firefox */ -ms-transform:scale(1.01); /* Internet Explorer 9 */ -o-transform:scale(1.01); /* Opera */ transform:scale(1.01); } #blog-actualites-1 .et_pb_posts_nav .alignleft {float:left !important ; } .alignright {float:right !important ; } .article-precedent a:before { content: '← '; } .meta-nav { display: none; } .nav-next a:before { content: '← '; } .nav-previous a:after { content: ' →'; } #blog-actualites-2 .et_pb_post { margin-bottom: 30px; } #blog-actualites-2 .et_pb_post .et_pb_image_container { margin-bottom: 15px; } .entry-featured-image-url { margin-bottom: 15px !important; } #blog-actualites-2 a:hover { color:#119cca !important; text-decoration:underline; } #blog-actualites-2 .et_pb_post img:hover { opacity: .8; -webkit-transform:scale(1.01); /* Safari et Chrome */ -moz-transform:scale(1.01); /* Firefox */ -ms-transform:scale(1.01); /* Internet Explorer 9 */ -o-transform:scale(1.01); /* Opera */ transform:scale(1.01); } /* *---------------------------------------------------------- * Change the Blog Module "Older / Newer Entries" Text *---------------------------------------------------------- * pas utilisé pour l'instant (tout le bloc est en commentaire) .et_pb_posts .pagination > .alignleft a:before { content: '<< articles precedents'; visibility: visible; } .et_pb_posts .pagination > .alignleft a { visibility: collapse; } .et_pb_posts .pagination > .alignright a:before { content: 'articles suivants >>'; visibility: visible; } .et_pb_posts .pagination > .alignright a { visibility: collapse; } .et_pb_blog_grid .pagination > .alignleft a:before { content: '<< articles precedents'; float: right; visibility: visible; } .et_pb_blog_grid .pagination > .alignleft a { visibility: collapse; } .et_pb_blog_grid .pagination > .alignright a:before { content: 'articles suivants >>'; visibility: visible; } .et_pb_blog_grid .pagination > .alignright a { visibility: collapse; } */ /* Page Nouveauté ludothèque : mise en forme de l'image à la une (largeur, texte à droite de l'image avec une marge) */ #blog-nouveau a img { max-width: 30% !important; float: left !important; padding-right: 2%; } #blog-nouveau a:hover { color:#119cca !important; text-decoration:underline; } /* Page Liste des Jeux de la Ludothèque : * création d'un soulignement et d'un changement de couleur lors du survol d'un lien par la souris dans le tableau listant les jeux de la Ludothèque */ #listejeuxlivres a:hover { color:#dd8b0f !important; text-decoration:underline !important; } /* Affichage des images et du tableau décrivant chaque jeu via taxonomy-typejeu ; bidouille de Alain .alignleft { margin: 5px 20px 20px 0 !important; clear: both !important; } #content-archive{width:90%;clear:both !important;} #ludo {width:34%;float:left !important;} */ /* *---------------------------------------------------------- * Pages bloquées *---------------------------------------------------------- */ /* Pages Bloquées par une authentification via l'extention WP-members : mise en forme du formulaire de WP-members pour un affichage décollé de la limite gauche de l'écran, il y a 3
concernés : wpmem_restricted_msg (message de commentaire), wpmem_login (user et pwd identifié par l'administrateur du site), et wpmem_reg (pour s'enregistrer en tant que nouvel utilisateur) */ #wpmem_restricted_msg { margin-left: 10% !important; margin-right: 20% !important; } #wpmem_login { margin-left: 10% !important; margin-right: 50% !important; } #wpmem_reg { margin-left: 10% !important; margin-right: 50% !important; } /* *---------------------------------------------------------- * Footer *---------------------------------------------------------- */ /* toutes les pages, menus "footer" ou "pied de page" et barre de bas de page : * . mise en forme d'un effet "soulignement" lors du survol des liens par la souris * . mise en forme de la marge sup du footer #footer-widgets{padding: 6% 0 0} dans DIVI parent */ #footer-widgets{padding: 4% 0 0} #footer-widgets .footer-widget a:hover { color: #e09900; /* ne fonctionne pas au sein d'une balise */ text-decoration: underline; } #footer-widgets .footer-widget a { /* la couleur #808080 est définie dans le menu "apparence - personaliser - pied de page - widgets" */ text-decoration: underline; } #footer-info a { color: #848484 !important; /* couleur du texte du lien dans la barre de bas de page */ text-decoration: underline; } #footer-info a:hover { color:#e09900 !important; /* couleur du texte du lien si survol d'un lien dans la barre de bas de page */ text-decoration:underline !important; }