/* Theme Name: BlankSlate Theme URI: https://github.com/tidythemes/blankslate Author: TidyThemes Author URI: https://github.com/tidythemes Description: Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you. Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready Version: 2023 Requires at least: 5.2 Tested up to: 6.1 Requires PHP: 7.0 License: GNU General Public License v3 or Later License URI: https://www.gnu.org/licenses/gpl.html Text Domain: blankslate BlankSlate WordPress Theme © 2011-2023 TidyThemes BlankSlate is distributed under the terms of the GNU GPL */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{} .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal} .screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} .skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline} .skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto} .visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap} /* ---------------------------------------------------------------------- */ /* * * PORTÉE GÉNÉRALE * * /* ---------------------------------------------------------------------- */ :root { --couleur_claire:#edbec4; --couleur_sombre:#a92020; --couleur_vert:#00ff33; --couleur_vert_sombre:#01641a; --couleur_jaune:#ffff00; --couleur_jaune_sombre:#cccc00; --couleur_rouge:#ff00cc; --couleur_orange:#f14d2c; --couleur_orange:#d7453a; --couleur_rouge_sombre:#990066; --couleur_rouge:#ea5348; --couleur_rouge_sombre:#b43232; --couleur_magenta:#e737c6; --couleur_magenta_sombre:#8a1c63; --couleur_blanc_sombre:#b2afc1; --couleur_noir:black; --couleur_bleu:#00ccff; --couleur_bleu_sombre:#006699; --couleur_gris:#cccccc; --couleur_gris_sombre:#000000; --height_branding: 80px; --height_menu: 24px; --height_footer:24px; --height_container: calc(var(--height_branding) + var(--height_menu) + var(--height_footer)); --width_padding_x_content: 16px; --couleur_du_texte: pink; } body { box-sizing: border-box; overflow:hidden; color: var(--couleur_du_texte); } b, strong, bold { font-family: Neue Haas Grotesk Black; } i, em { font-family: Neue Haas Grotesk Regular Ita; } a {cursor: pointer!important; } /* ------- SUPPRIMER DES TRUCS ------- */ .meta-sep, .author { display: none;} /*.post-edit-link */ /* ---------------------------------------------------------------------- */ /* * * BRANDING: LOGO * * /* ---------------------------------------------------------------------- */ #branding /* contient #site-title #site-description. */ { background-color: var(--couleur_fond_logo); display: flex; align-items: center; justify-content: center; width: 100%; height: var(--height_branding); } #site-description { padding-left: 4px; } #site-description { font-size: 12px; text-transform: uppercase; letter-spacing: 0.2em; } #site-description { color: var(--couleur_noir); } .DAS_site_title_AJOUT {display: inline-block;} /* ---------------------------------------------------------------------- */ /* * * MENU * * /* ---------------------------------------------------------------------- */ #DAS_contenant_btn_menu { display: inline-block; width:100%; height: var(--height_menu); background-color: var(--couleur_fond_menu_navigation); display: flex; justify-content: center; z-index:1200; } .menu > li > ul { display: inline-block; } #menu { font-size: 10px; text-transform: uppercase; } #menu .menu-item a { display: inline-block; height: var(--height_menu); padding: 4px; letter-spacing: 0.1em; } #menu-menu_social, #menu-menu_contact { width: 150px; height:var(--height_menu); } #menu-menu_social li a { float: right;margin-right: 4px; } #menu-menu_contact li a { float: left; margin-left: 4px; } #menu-menu_social li a, #menu-menu_contact li a { display: inline-block; text-align:center; line-height:24px; border-radius: 24px; height: var(--height_menu); width: var(--height_menu); border: 1px solid; } #BTN_ouvre_menu { display: inline-block; width: 150px; height: 24px; text-align: left; letter-spacing: 0.1em; } .lang-item { text-align: center;} .lang-item a { font-size:10px; letter-spacing:0.2em; line-height: 16px; text-transform: uppercase;} /* ---------------------------------------------------------------------- */ /* * * VOLET NAVIGATION * * /* ---------------------------------------------------------------------- */ #menu /* contient => tags category une fois ouvert */ { display: inline-block; width: auto; min-height: var(--height_menu); height:auto; z-index:100; } /* menu NAVIG ------> tags categories etc */ #DAS_contenant_menu /* pour caller au milieu les menu grace a flex ET masquerla navigation*/ { display: block; width:100%; background-color:var(--couleur_liens_texte); display: flex; justify-content: center; overflow: hidden; padding-left:10px; padding-right:10px; margin-top: -1px; } #particles-js { position: fixed; top: 103px; right: 0; left: 0; height: 276px; z-index: 0; transition: 0.5s; } .DAS_contenant_menu_CLOSE { height: 0px; transition: 0.5s height; } /* nombre de menu parent determiné par une fonction dans footer.php DAS_contenant_menu_OPEN_N = N menus */ .DAS_contenant_menu_OPEN_4, .DAS_contenant_menu_OPEN_3, .DAS_contenant_menu_OPEN_2 { height: 300px!important; transition: 0.5s height; border-top: 1px solid black; } ul.sub-menu /* contient les sous-menu */ { display: inline-block; width:100%; top: 25px; overflow-y: scrollbar; overflow-x: hidden; max-height: 275px; height:auto; background-color:var(--couleur_du_site_sombre); border: 1px solid var(--couleur_noir); border-top: 0px; margin-top:-1px; padding-bottom: 24px; } li.menu-item-has-children /* menu contenant bouton et sous-menu */ { display: block; width: 200px; height: 100%; overflow: hidden; float: left; margin-right:-1px; } li.menu-item-has-children a /* categories tags etc.... */ { display: block; width: 100%; height: var(--height_menu); line-height: 14px; border-top:0px; text-overflow: ellipsis; /* Required for text-overflow to do anything */ overflow: hidden; white-space: nowrap; } ul.sub-menu li.menu-item a /* lien pour chaque item des sous-menu */ { display: inline-block; width:calc(100% + 2px); height: var(--height_menu); line-height: 14px; border-right:0px; margin-left: -1px; margin-top: -1px; margin-bottom: -2px; } /* ---------------------------------------------------------------------- */ /* * * content * * /* ---------------------------------------------------------------------- */ .conteneur_grid { border-top: 1px solid var(--couleur_du_texte); } /* ---------------------------------------------------------------------- */ /* * * TYPO * * /* ---------------------------------------------------------------------- */ .single p, .DAS_index_excerpt, #footer, .archive-meta { font-size: 13px; line-height: 16px; letter-spacing: 0.2px; } .single p.has-small-font-size { font-size: 10px!important; line-height: 13px!important; letter-spacing: 0.3px!important; } .single p.credits_woo_commerce { font-size: 10px!important; line-height: 13px!important; letter-spacing: 0.3px!important; padding-top:8px; text-transform: uppercase;} .archive-meta {margin-top:8px;} .info_prix_libre { font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; margin-left:8px; margin-top:-10px; } .entry-date { font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; display: inline; } .entry-title { font-size:1.3em; width: 100%; display: inline-block;} .grid-item_category h1.entry-title { font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; display: inline; } .grid-item_single_post_media p {padding:0px 0px 4px 0px!important;} .grid-item_single_post_media .wp-block-file a {padding:0px 0px 4px 0px!important; } .grid-item_insta .fa-instagram { margin: 26px 0px 0px 26px; } .TXT_clignote_site_blanc { animation-duration: .8s; animation-name: colorchange_couleur_du_site_couleur_blanc; animation-iteration-count: infinite; transition: none; } @keyframes colorchange_couleur_du_site_couleur_blanc { 0% { color: var(--couleur_liens_texte); } 50% { color: var(--couleur_blanc); } } a.bouton_fermer { display: inline-block; font-size: 16px; letter-spacing: 0.1em; width:20px; height:20px; padding:1px 4px 4px 4px; margin-right: 4px; } button { text-transform: uppercase; font-size: 10px; cursor: pointer; } /* ---------------------------------------------------------------------- */ /* * * form * * /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* * * COULEURS * * /* ---------------------------------------------------------------------- */ body { background-color: var(--couleur_body); } a { text-decoration: none; color: var(--couleur_liens_texte); } a:hover { color: var(--couleur_liens_texte_survoles); } .tag-links a, .nav-previous a, .nav-next a { color: var(--couleur_liens_texte)!important; border: 1px solid var(--couleur_liens_texte); background-color: white; } .tag-links a:hover, .nav-previous a:hover, .nav-next a:hover { color: var(--couleur_noir)!important; border: 1px solid var(--couleur_noir); background-color: var(--couleur_liens_texte); } .cat-links a, #menu-menu_social li a, #menu-menu_contact li a, .current-lang a, ul.sub-menu li.menu-item a, a.bouton_fermer, button, button:active { border: 1px solid var(--couleur_liens_boutons); background-color: var(--couleur_fonds_boutons); color: var(--couleur_liens_boutons); } .cat-links a:hover, #menu-menu_social li a:hover, #menu-menu_contact li a:hover, .current-lang a:hover, ul.sub-menu li.menu-item a:hover, li.menu-item-has-children a, a:hover.bouton_fermer, button:hover { border: 1px solid var(--couleur_fonds_boutons); background-color: var(--couleur_liens_boutons); color: var(--couleur_fonds_boutons); } li.menu-item-has-children a { border-top: 0px; } .cat-links a, .cat-links a:hover { border-top:0px; border-left:0px; border-right:0px; border-bottom: 1px solid var(--couleur_du_texte)!important; } a.page-numbers { color:var(--couleur_liens_boutons); background-color: var(--couleur_fonds_boutons); border: 1px solid var(--couleur_liens_boutons); } a:hover.page-numbers { color:var(--couleur_fonds_boutons); background-color: var(--couleur_liens_boutons); border: 1px solid var(--couleur_fonds_boutons); } /* ---------------------------------------------------------------------- */ /* * * COULEURS x category "article" * * /* ---------------------------------------------------------------------- */ /* * --couleur_fond_menu_navigation:#000000; --couleur_fond_logo:#000000; --couleur_liens_texte:#FF00FF; --couleur_liens_texte_survoles:#FFFFFF; --couleur_liens_boutons:#000000; --couleur_fonds_boutons:#FF00FF; --couleur_du_site_sombre:#000000; --couleur_blanc:#333333; --couleur_body:#000000; --couleur_des_blocs_images:#000000; --couleur_du_texte:#FFFF00; */ .category-articles .cat-links a { background-color: var(--couleur_du_texte); } /* ---------------------------------------------------------------------- */ /* ------- PAGINATION => nav-below.php appleée par category.php-------- */ .nav-links .prev, .nav-links .next { display: none;} .page-numbers, a.page-numbers, a:hover.page-numbers, .grid-item-pagination .current { display: block; float: left; width: 43px; height: 43px; text-align: center; margin-right: 6px; margin-bottom: 6px; line-height: 42px; text-decoration: none; } .grid-item_pagination .current, .grid-item_pagination_bottom .current { color:black!important; background-color: var(--couleur_blanc); border: 1px solid black; } /* -------------------------------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------*/ /* ---------------------------------------- INSTA ----------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------*/ .FeedLayout__wrapper { background-color: var(--couleur_liens_texte)!important; } .DesignedButton__link button, .DesignedButton__button.LoadMoreButton { text-transform: uppercase; font-size: 10px!important; cursor: pointer!important; letter-spacing: 0.1em; border: 1px solid var(--couleur_noir)!important; background-color: var(--couleur_liens_texte)!important; color: var(--couleur_noir)!important; padding:1px 4px 1px 4px!important; border-radius: 0px!important; } .DesignedButton__link button:hover, .DesignedButton__button.LoadMoreButton:hover { border: 1px solid var(--couleur_liens_texte)!important; background-color: var(--couleur_noir)!important; color: var(--couleur_liens_texte)!important; } .FeedHeader__left-container.FeedHeader__container { border: 1px solid var(--couleur_noir)!important; display: none; } /* -------------------------------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------*/ /* ---------------------------------------- grid-item ----------------------------------------------------------*/ /* -------------------------- "columnWidth": 21, "gutter": 14 --------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------*/ .conteneur_grid { display:block; position:absolute; width: 100%; height: 100%; padding: 16px 30px 300px 30px; /* top right bottom left */ overflow-y:scroll; z-index:100; } .grid { margin: 0 auto; } .grid:after { content: ''; display: block; clear: both; } .grid-item { float: left; border: 1px solid var(--couleur_du_texte); overflow: visible!important; margin: 0px 0px 0px 0px ; padding:0px; margin-bottom: 13px; background-color: var(--couleur_blanc); z-index:110; } .grid-item { width: 337px; height: 337px; } .grid-item_credit { width: 337px; height: 69px; } .grid-item_pagination { width: 337px; height: auto; background-color: transparent!important; border: 0px; } .grid-item_pagination_bottom { width: 687px; height: auto; background-color: transparent!important; border: 0px; } .grid-item.grid-item_insta { width: 337px; height: 337px; background-color:var(--couleur_liens_texte); overflow-y: scroll!important; padding-right: 30px; } .grid-item_category { padding: 8px; background-color:var(--couleur_du_site_sombre);} .grid-item_credit { padding:8px;} .grid-item_404 { padding:8px; background-color:var(--couleur_du_site_sombre); color:var(--couleur_liens_texte); font-size: 2em; line-height:1em;} .grid-item_single_post { width: 687px; height: 1000px; overflow-y:auto;} .grid-item_single_post_media { width: 687px; min-height: 337px; height: auto; overflow-y:auto; padding:8px 8px 0px 8px; background-color:var(--couleur_blanc); } .grid-item_single_post_Txt { width: 337px; height:auto; max-height: 687px; min-height: 337px; overflow-y:auto; padding:8px!important;} .grid-item_single_thumbnail { width: 687px; height: 687px; padding: 0px 0px -10px 0px; margin: 0px 0px 16px 0px; background-color:var(--couleur_des_blocs_images); } .grid-item_single_thumbnail img {width:100%; height:auto;padding: 0px; margin: 0px;} /* ---------------------------------------- text x pages (type "info") ----------------------------------------------------------*/ /* dimnsions = meme chose que ".grid-item_Woo_Commerce" dans "style_product-css" */ .page .grid-item_single_post_Txt { background-color: var(--couleur_blanc); width: 687px; height:auto!important; min-height:687px; padding: 8px; overflow-y: scroll!important; } .page .grid-item_single_post_Txt h2 { font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; display: inline-block; width:100%; padding-top:24px; padding-bottom:16px; } .page .grid-item_single_post_Txt h2:first-child { padding-top:0px; } @media only screen and (max-width: 720px) { .page .grid-item_single_post_Txt { width: 337px; height:auto; min-height:337px; } } /* .grid-item_previous_next { width: 337px; height: 17px; background-color: transparent!important; border: 0px; } INUTILE */ /* -------------------------------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------*/ /* ---------------------------------------- single post ----------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------*/ .entry-content img {width: 100px; height: 100px;} /* -------------------------------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------*/ /* ---------------------------------------- post ----------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------*/ .home .DAS_contenant_titre_date a:first-child { /* Required for text-overflow to do anything display: inline-block!important; border: 1px solid blue!important; max-width: 100%!important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; */ } .home .DAS_contenant_titre_date, .archive .DAS_contenant_titre_date { padding: 8px 8px 8px 8px; margin:0px!important; } .home .DAS_index_excerpt h2 { padding: 0px 8px 8px 0px; font-size: 16px; display: inline-block; width: 100%; } /* top right bottom left */ .single h2.wp-block-heading { padding: 0px 8px 8px 0px; font-size: 20px; } /* top right bottom left */ .single .DAS_contenant_titre_date { padding: 0px 8px 8px 0px; } .home .DAS_index_excerpt, .archive .DAS_index_excerpt { padding: 0px 8px 0px 8px; line-break: auto;} .single p { padding: 0px 0px 8px 0px; } .home .tag-links, .archive .tag-links { padding: 8px 0px 8px 8px; } .single .tag-links { padding: 8px 0px 8px 0px;} .tag-links_SUB { width: 100%; margin-top: 0px!important;} .nav-links { padding:0px 0px 8px 0px!important; } .grid-item_single_post_media p {display: inline-block; width:100%; padding: 0px 0px 8px 0px!important;} .DAS_index_contenant_img { background-color:var(--couleur_des_blocs_images); } .DAS_index_contenant_img, .DAS_contenant_titre_date, .DAS_index_excerpt { display: inline-block; position:relative; float:left;} /* une unite de bloc = 21px */ :root { --MESURE_grid_item_BASE: 337px; --MESURE_grid_item_x2: 737px; --MESURE_grid_item_SQUARE: 337px; --MESURE_grid_item_Grande_Longueur: 688px; --Plus_grande_longueur_de_Img: 450px; /* <===== chamger largeur image le reste s'adaptera automatiquement */ --Espace_restant_pour_Txt: calc(var(--MESURE_grid_item_x2) - var(--Plus_grande_longueur_de_Img) - 4px); } .grid-item.landscape { width: var(--MESURE_grid_item_Grande_Longueur); height: var(--MESURE_grid_item_BASE); } .DAS_index_contenant_img.landscape { width: calc(var(--Plus_grande_longueur_de_Img) - 70px); height: 310px; overflow:hidden; } .DAS_index_contenant_img.landscape img {height:auto; width:auto; max-height: 311px; max-width: calc(var(--Plus_grande_longueur_de_Img) - 70px); } .DAS_contenant_titre_date.landscape, .DAS_index_excerpt.landscape,.tag-links.landscape {width: var(--Espace_restant_pour_Txt); height: auto;} .grid-item.portrait { width: var(--MESURE_grid_item_BASE); height: var(--MESURE_grid_item_Grande_Longueur); } .DAS_index_contenant_img.portrait { width: calc(var(--MESURE_grid_item_BASE) - 2px); height: var(--Plus_grande_longueur_de_Img); overflow:hidden;} .DAS_index_contenant_img.portrait img { height:auto; width:auto; max-height: var(--Plus_grande_longueur_de_Img); max-width: var(--MESURE_grid_item_BASE); } .DAS_contenant_titre_date.portrait, .DAS_index_excerpt.portrait,.tag-links.portrait { width: 100%; height: auto; } .grid-item.square { width: var(--MESURE_grid_item_BASE); height: var(--MESURE_grid_item_Grande_Longueur); } .DAS_index_contenant_img.square { width: calc(var(--MESURE_grid_item_BASE) - 2px); height: var(--Plus_grande_longueur_de_Img); overflow:hidden;} .DAS_index_contenant_img.square img { height:auto; width:auto; max-height: var(--Plus_grande_longueur_de_Img); max-width: var(--MESURE_grid_item_BASE); } .DAS_contenant_titre_date.square, .DAS_index_excerpt.square,.tag-links.square { width: 100%; height: auto; } /* border: 1px solid blue; border: 1px solid green; border: 1px solid red; */ .single .DAS_contenant_titre_date {width: 100%; } .single .tag-links {width: 100%; } /* categorie en haut article */ .cat-links a { display:block; width: 100%; height:100%; font-size: 10px; padding:4px; line-height: 16px; text-transform: uppercase; letter-spacing: 0.15em; } /* ne s'affiche pas dans la page "categorie" */ .category .cat-links { display: none;} /* tags nav-links*/ .tag-links a { display: inline-block; height: auto; /* top right bottom left */ margin: 0px 4px 4px 0px; } .tag-links { display: block; float:left; width:40%; } .nav-links { display: inline-block; width: 100%; height: auto; padding:8px 8px 8px 0px; } .nav-previous a, .nav-next a { display: inline-block;float:left; width: calc(50% - 4px);height: auto; } .nav-previous a {margin: 0px 8px 0px 0px;} .nav-next a {text-align:right;} .tag-links p, .tag-links a, .nav-previous a, .nav-next a { font-size: 10px; text-transform: uppercase;letter-spacing: 0.15em; line-height: 8px; padding: 4px 2px 3px 2px; } .tag-links p { display: inline-block!important;} .nav-previous a, .nav-next a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .post-edit-link { display: inline-block; margin-top: 20px; } /* -------------------------------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------*/ /* ------------------------------ media ------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------*/ /* ------------------------------ ajout contenu ------------------------------------------------------------------*/ .wp-block-file a { display:inline-block; width:100%; padding-left:8px; } .wp-block-file a::after { content: " ↶";} /* comme .credits_woo_commerce */ .wp-element-caption { font-size: 10px !important; line-height: 13px !important; letter-spacing: 0.3px !important; } .wp-element-caption::before { content: "▲ ";} .wp-block-image.size-full.enlarged-image > .wp-element-caption::before, .wp-block-image.size-large.enlarged-image > .wp-element-caption::before, .wp-block-image.size-medium.enlarged-image > .wp-element-caption::before, .wp-block-image.size-thumbnail.enlarged-image > .wp-element-caption::before { content: "▼ ";} /* ------------------------------ block-image ------------------------------------------------------------------*/ .wp-block-image.size-full, .wp-block-image.size-large, .wp-block-image.size-medium, .wp-block-image.size-thumbnail { padding: 4px; margin-bottom: 8px;} .wp-block-image.size-full, .wp-block-image.size-large, .wp-block-image.size-medium, .wp-block-image.size-thumbnail { background-color: var(--couleur_des_blocs_images)!important;} /* background-color: green; background-color: blue; background-color: yellow; background-color: black; */ /* wp-lightbox-container = SMALL */ .wp-block-image.size-full.wp-lightbox-container { width:100%; } .wp-block-image.size-large.wp-lightbox-container { width:80%; } .wp-block-image.size-medium.wp-lightbox-container { width:60%; } .wp-block-image.size-thumbnail.wp-lightbox-container { width:calc(50% - 8px); } /* .wp-block-image.size-large.enlarged-image = BIG */ /* ------------------------------ Conteneurs / block-image ------------------------------------------------------------------*/ .wp-block-group { align-items: stretch;} body .is-layout-flex { align-items: stretch; } /* ------------------------------ autres media ------------------------------------------------------------------ */ @media only screen and (min-width: 720px) { .wp-block-embed.is-type-video.is-provider-vimeo.wp-block-embed-vimeo {padding: 4px; margin-bottom: 8px; } .wp-block-embed__wrapper { } } .wp-block-embed.is-type-video.is-provider-vimeo.wp-block-embed-vimeo {background-color: var(--couleur_des_blocs_images)!important; } .wp-block-audio { margin: 0px 0px 6px 0px;} /* -------------------------------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------*/ /* -------------------------------------- adaptative (général) ----------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------*/ /* ------ adaptative -------*/ @media only screen and (max-width: 629px) { .DAS_contenant_menu_OPEN_4, .DAS_contenant_menu_OPEN_3 { height: 600px; } .DAS_contenant_menu_OPEN_2 { height: 300px; } } @media only screen and (max-width: 760px) { .DAS_site_title_AJOUT { font-size:0.6em;} } @media only screen and (max-width: 520px) { .DAS_site_title_AJOUT { display:none; } } @media only screen and (max-width: 720px) { #menu-menu_social, #menu-menu_contact, #BTN_ouvre_menu { width: 120px; } #menu { height: 687px!important; } li.menu-item-has-children { width: 33%!important; } /* menu contenant bouton et sous-menu */ .conteneur_grid { padding: 16px 0px 200px 0px; margin: auto; /* top right bottom left */ } .grid-item_insta { display: none;} .grid-item.square, .grid-item.landscape { width: 337px; height: 687px; } .grid-item_single_post_Txt { width: 337px; height:auto!important;} .DAS_index_contenant_img.square, .DAS_index_contenant_img.landscape {width: 335px; height: 335px;} .DAS_index_contenant_img.landscape img { width:100%; height:auto;} .tag-links.landscape { width: 100%; height: auto;} .DAS_contenant_titre_date.landscape { width: 100%; height: auto;} .DAS_index_excerpt.landscape { width: 100%; height: auto;} .grid-item_single_thumbnail { width: 337px!important; height: auto!important;} .grid-item_single_thumbnail img { display: block; } .grid-item_single_post_media { width: 337px!important; height: auto!important;max-height: none; } .wp-block-image { width:calc( 337px - 16px)!important; height:auto; } /* supprime 2 col dans block image */ body .is-layout-flex { display: inline-block!important; } .grid-item_pagination_bottom { width: 337px; } .grid-item_category {height:auto; max-height:337px; overflow-y:auto;} } @media only screen and (max-width: 1400px) and (min-width: 721px) { /* hauteur definie dans entry.php */ .grid-item_single_thumbnail img { width: 80%!important; height:auto!important; padding: 0px 0px 0px 0px!important;margin: 0px 0px 16px 0px!important; display:block!important; } .grid-item_single_thumbnail { width: 480px!important; height:auto!important; padding: 0px 0px 0px 0px!important;margin: 0px 0px 12px 0px!important; overflow: hidden!important;} .grid-item_single_post_media { width: 480px!important; height: auto!important; } .conteneur_grid { padding: 8px 16px 300px 8px; /* top right bottom left */ } }