@import "components/variable"; @import "components/mixins"; // ========================================================= // homepage : All the title ligne // ========================================================= #panel-homepage, #young-children-hp, #teenager-hp, #children-hp, #childhood-homepage, #brands-homepage, #balanceddiet-homepage, #block-ft-childhood-hp-childhood-hp-for-more-region { [class^='panels-flexible'] { padding: 0; width: 100%; } .view-carousel-hp { width: @w_colx2; height: 365px; overflow: hidden; float: left; } .pane-ft-balanceddiet-hp-balanceddiet-hp-region-header { & > h2 { margin: 0; } } #cooking-anonymous, #cooking-authenticated, #brands-anonymous, #brands-authenticated, #pleasure-anonymous, #pleasure-authenticated, #childhood-anonymous, #childhood-authenticated, #push-anonymous, #push-authenticated, [id$='-header-block'] { float: left; width: 100%; background-color: #FFF; height: 48px; line-height: 48px; margin: 30px 0 20px 0; #coupons-region-title, #brand-headline-title, [id$='-header-title'], [id$='-headline-title'], .region-header-title, #childhood-header-wrapper-subchild { color: #fff; padding: 0 20px 0 18px; float: left; font-weight: normal; font-size: 18px; line-height: 48px; margin: 0; } h2 { margin: 0; } .coupons-region-link, [class$='-header-link'] { float: right; color: #826F68; height: 48px; border-left: 1px dotted #826F68; padding: 0; line-height: 48px; margin-right: 0;//10px; a { color: @brown; text-decoration: none; float: left; } } h1 { clear: right; float: left; color: @brown; font-weight: normal; font-size: 18px; line-height: 48px; margin: 0 0 0 10px; } [id$='-headline-body'] { color: @green; font-size: 18px; font-weight: normal; } #for-more-header-body #balanced-diet-header-body { color: @grisPolice !important; font-weight: normal; font-size: 18px; } } .region-header-body, #coupons-region-body, #for-more-header-body, #activities-header-body, [id$='-headline-body'] { color: @grisPolice; margin-left: 10px; float: left; } #cooking-anonymous, #brands-anonymous, #pleasure-anonymous, #childhood-anonymous, #push-anonymous, [id$='-header-block'] { [class$='-header-link'] a { background-image: url('../images/fleche_inscription_right.png'); // background-position: calc(100% - 7px) center; background-position: 93% center; background-color: transparent; background-repeat: no-repeat; padding: 0 55px 0 20px; } } #cooking-anonymous, #cooking-authenticated { .region-header-title { background: url("../images/pane-block-red.png") repeat-y scroll right center @red; position: relative; &:before { background: #fff; content: ''; display: block; height: 48px; position: absolute; right: -2px; width: 3px; } } .region-header-body h1 { color: @red; } } #brands-anonymous, #brands-authenticated, [id$='-header-block'] { #coupons-region-title, #brand-headline-title, .region-header-title { background: url("../images/pane-block-blue.png") repeat-y scroll right center @blue; } #brand-headline-body { color: @brown; float: left; margin-left: 10px; } #coupons-region-body h1, #brand-headline-body h1, .region-header-body h1 { color: @blue; } } #pleasure-anonymous, #pleasure-authenticated, #balanced-diet-header-block { #recipes-search-header-title, #recipes-search-headline-title, .region-header-title { background: url("../images/pane-block-green.png") repeat-y scroll right center @green; } .region-header-body h1{ color: @green; } #balanced-diet-header-body h1 { color: @grisPolice; font-size: 16px; font-weight: normal; } } #childhood-header-block, #balanced-diet-header-block { #childhood-header-body, #balanced-diet-header-body { color: @grisPolice; float: left; margin-left: 5px; } } #childhood-authenticated, #childhood-anonymous, [id$='-header-block'] { #childhood-header-wrapper-subchild, [id$='-header-title'], .region-header-title { background: url("../images/pane-block-gold.png") repeat-y scroll right center @gold; } #childhood-header-body h1, .region-header-body h1 { color: @gold; } } #push-anonymous, #push-authenticated { .region-header-title { background: url("../images/pane-block-navy.png") repeat-y scroll right center @navy; } .region-header-body { color: @navy; } } #push-authenticated { .region-header-link { width: 136px; span { position: relative; img { margin-top: 1px; vertical-align: top; } .croqs { width: 32px; position: relative; left: 18px; top: -36px; a { color: #FFF; line-height: 11px; font-size: 11px; text-align: center; } } .block-header-advantages { font-size: 11px; left: 30px; line-height: 11px; position: relative; top: -36px; width: 66px; } } } .region-header-body { span { position: relative; margin-right: 7px; img { margin-top: 1px; vertical-align: top; } .croqs { left: 10px; position: relative; float: right; top: 0; color: @gris; a { color: #fff; display: block; float: left; font-size: 11px; line-height: 11px; margin: 12px 20px 0 10px; text-align: center; text-decoration: none; width: 32px; } span { &.status-bronze { color: @status-bronze; } &.status-gold { color: @status-gold; } &.status-platinum { color: @status-platinum; } &.status-silver { color: @status-silver; } } a[class^='status'] { color: white; height: 45px; font-size: 11px; line-height: 11px; margin: 0 0 0 7px; padding: 11px; width: 33px; } a.status-bronze { background: url('../images/ico_user_croqs_bronze.png') center 2px no-repeat transparent; } a.status-gold { background: url('../images/ico_user_croqs_gold.png') center 2px no-repeat transparent; } a.status-platinum { background: url('../images/ico_user_croqs_platinum.png') center 2px no-repeat transparent; } a.status-silver { background: url('../images/ico_user_croqs_silver.png') center 2px no-repeat transparent; } } } } } [id$='-authenticated'] { .region-header-link span a { line-height: 11px; font-size: 11px; img { vertical-align: middle; } } } } #block-ft-childhood-hp-childhood-hp-for-more-region [id$='-header-block'] [class$='-header-link'] a { background-image: none; } #panel-homepage #push-authenticated .region-header-body { min-width: 330px; //is for chrome on HPs } #panel-homepage #push-authenticated .region-header-body span .croqs { left: -10px; // only for HP croqs } //overrides the golden one #balanceddiet-homepage #for-more-header-title { background: url("../images/pane-block-green.png") repeat-y scroll right center @green; } //overrides the margin block #young-children-hp, #children-hp, #teenager-hp { #for-more-header-block { margin: 0px 0 30px 0; } #childhood-header-block { margin-top: 0px; } } #panel-homepage { p { margin: 0; padding: 0; } .pane-clv-coupons-transverse { background-color: #FFF; width: @w_col; overflow: hidden; margin-right: @marge_col; height: 470px; float: left; } .pane-custom.pane-1 { float: left; width: 635px; .kd-request.kd-request-processed > .node:nth-child(n+3) { margin-bottom: 0; } } .pane-custom.pane-2, .pane-custom.pane-3 { .kd-request.kd-request-processed > .node { margin-bottom: 0; &:nth-child(3) { margin-right: 0; } } } [class*='pane-ft-homepage-ft-homepage-push-leoo'] { float: left; width: @w_col; margin-right: @marge_col; } .pane-ft-homepage-ft-homepage-push-leoo-3 { margin-right: 0; } } //============================================================================= // homepage blocs .panel-pane.pane-node //============================================================================= #panel-homepage .panels-flexible-row .panels-flexible-region-1-promoted_pushed_region-inside .panel-pane.pane-node, #panel-homepage .panels-flexible-row .panels-flexible-region-1-center_ .panel-pane.pane-node { background-color: transparent; margin-bottom: 0; margin-right: 15px; margin-left: 0; } #panel-homepage .panels-flexible-row .panels-flexible-region-1-promoted_pushed_region-inside .panel-pane.pane-node:nth-child(3n) { margin-right: 0; } /*============================================================================= pane-clv-coupons-transverse ========================================================================== */ /*region region-sidebar-second column sidebar page-taxonomy */ #block-clv-coupons-transverse-full { background-color: #FFF; margin-top: 20px; width: 310px; max-height: 455px; overflow: hidden; margin-right: 5px; margin-bottom: 20px; } #panel-homepage .panel-pane.pane-custom.pane-1 > p { margin: 0; padding: 0; } #panel-homepage .panels-flexible-region-first .pane-ft-cooking-hp-cooking-hp-monumental-week img, #panel-homepage .panels-flexible-region-inside .pane-ft-cooking-hp-cooking-hp-monumental-week { height: 224px; margin: 0; } /* readjustment */ #panel-homepage .panels-flexible-region-new-pleasure_region { width: 100%; } // ========================== Old ft_balanceddiet_hp ================================ #balanceddiet-homepage { .kd_bdiet_hp0 { min-width: 650px; min-height: 10px; width: 100%; .kd-request.kd-request-processed:nth-child(3n) > .node { margin-right: 0; } } .pane-views-f94109861129cd8fac263261068e5a58 { /* Beurk ! */ float: left; width: 310px; margin-bottom: 30px; } .pane-views-5374447f4bc0ff6a26448a5f9789bd9e { /* Re-Beurk ! */ float: left; width: 635px; height: 470px; overflow: hidden; background: url('../images/search_green.png') no-repeat 25px 18px white; padding-left: 15px; box-sizing: border-box; .view-id-balanced_diet_thematic.view-display-id-block_bdiet_hp_terms h2 { padding-left: 0; } } .pane-views-5374447f4bc0ff6a26448a5f9789bd9e h2, .pane-views-5374447f4bc0ff6a26448a5f9789bd9e h2.pane-title { color: #A8C034; font-size: 16px; font-weight: normal; padding-left: 60px; margin-bottom: 10px; } .pane-quicktabs-quicktab-top-recettes { float: left; margin-left: 15px; height: 470px; overflow: hidden; } .pane-clv-coupons-monocoupon { float: left; height: 223px; width: 310px; background-color: #fff; overflow: hidden; } } .view-display-id-block_bdiet_hp_terms .view-footer p { margin: 0; } // For ANONYMOUS & LOGIN but no admin .not-logged-in, .logged-in { &.page-equilibre-nutrition-articles [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+3) > .node, &.page-equilibre-nutrition [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+3) > .node, #balanceddiet-homepage .kd_bdiet_hp2 span.kd-request:nth-child(2) > .node { margin-right: 0; } } // For ADMIN .logged-in.admin-menu { &.page-equilibre-nutrition-articles [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+4) > .node, &.page-equilibre-nutrition [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+4) > .node { margin-right: 0; } &.page-equilibre-nutrition-articles [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+3) > .node, &.page-equilibre-nutrition [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+3) > .node { margin-right: 15px; } #balanceddiet-homepage .kd_bdiet_hp2 span.kd-request:nth-child(3) > .node { margin-right: 0; } #balanceddiet-homepage .kd_bdiet_hp2 span.kd-request:nth-child(2) > .node { margin-right: 15px; } } // ========================== Old ft_brand_hp ================================ .pane-ft-brandhp-ft-brandhp-grouping-block { background-color: #FFF; margin-top: 30px; } body.page-marques form#views-exposed-form-all-products-search-home .views-exposed-form { height: 140px; padding: 0 20px; width: 100%; box-sizing: border-box; } #views-exposed-form-all-products-search-home .views-exposed-widgets { border-bottom: 1px dotted #826F68; padding-bottom: 20px; } #block-quicktabs-brand-and-ranges { padding-bottom: 5px; padding-top: 0; } form#views-exposed-form-all-products-search-home, #block-quicktabs-brand-and-ranges { background-color: #FFF; margin-bottom: 30px; } form .views-exposed-form #edit-search-wrapper label { min-height: 40px; } form .views-exposed-form #edit-search-wrapper label, #block-quicktabs-brand-and-ranges h2.block-title { color: #1F7DBE; font-size: 16px; font-weight: normal; background: url('../images/search_blue.png') no-repeat left center transparent; padding-left: 42px; margin-left: 23px; margin-bottom: 20px; } form .views-exposed-form #edit-search-wrapper label { margin-left: 5px; } form .views-exposed-form .views-exposed-widget.views-submit-button { margin: 0; padding-right: 0; float: right; } #block-quicktabs-brand-and-ranges #quicktabs-brand_and_ranges { width: 915px; margin: 0 auto; } #block-quicktabs-brand-and-ranges .view-id-all_brands .views-row, #block-quicktabs-brand-and-ranges .view-id-all_brands .more-link { float: left; height: 77px; width: 110px; margin-right: 15px; margin-top: 15px; background-color: #FFF; } #block-quicktabs-brand-and-ranges .view-id-all_brands .more-link { margin: 15px 0 0 0; } #block-quicktabs-brand-and-ranges .view-id-all_brands .more-link a { color: #AB9299; text-decoration: none; vertical-align: middle; display: inline-block; margin-top: 23px; line-height: 16px; text-align: left; width: 100px; } #block-quicktabs-brand-and-ranges .view-id-all_brands .more-link a:before { content: '>'; display: inline; } // ======================================================================================= // ft_common :: node :: * :: view-mode-taxo_mini_push FOR Marques page with Tabs // ======================================================================================= #quicktabs-brand_and_ranges { .view-id-ft_product_all_ranges { .taxonomy-term.vocabulary-range.view-mode-taxo_mini_push { float: right; height: 75px; position: relative; width: 285px; margin: 0; .field-name-title, .field-name-ds-select-title { background: none; //to overide normal view-mode-taxo_mini_push position: static; //to overide normal view-mode-taxo_mini_push h2 { background: url("../images/arrow_articles_blue.png") no-repeat scroll 122px 3px transparent; color: #826f68; font-size: 20px; font-weight: normal; height: 42px; left: 145px; line-height: 20px; margin: 0; position: absolute; top: 23px; width: 145px; } } } } .quicktabs-tabs { margin: 0; li { background-color: #EAE8E9; display: inline-block; font-size: 18px; line-height: 1.2; margin: 0 10px 0 0; padding: 6px 2px; text-align: center; vertical-align: bottom; width: 160px; h2 { margin: 0; font-size: 18px; line-height: 1.2; } &.first { margin-left: 40px; } &.active { padding: 10px 2px; background-color: #1F7DBE; color: #FFF; text-decoration: none; a { background-color: #1F7DBE; color: #FFF; text-decoration: none; } } a { color: #1F7DBD; text-decoration: none; } } } } #quicktabs-container-brand_and_ranges { background-color: #1F7DBE; min-height: 300px; padding-left: 20px; width: 895px; margin: 0 auto 20px auto; } form#views-exposed-form-all-products-search-home #edit-submit-all-products { margin: 60px 0 0 0; } .panels-flexible-region-new-product_search_region-inside, .pane-ft-brandhp-ft-brandhp-grouping-block { .search-form-title-description { background-color: #1F7DBE; color: #FFF; padding: 10px; &:before { background: url('../images/icon_brand.png') no-repeat center transparent; content: ' '; width: 41px; height: 33px; position: absolute; margin-top: -13px; margin-left: 20px } .search-form-title { font-size: 21px; font-weight: 100; line-height: 1.2; padding-left: 70px; text-transform: uppercase; } .search-form-description { &, h2 { font-size: 15px; font-weight: normal; line-height: 1.2; padding-left: 70px; } } } } .panels-flexible-region-new-product_search_region-inside .block form { padding: 0px 20px; .views-exposed-form .views-exposed-widgets { padding-bottom: 35px; margin-bottom: 0; } } #block-views-exp-all-products-search-home .products-search-subtitle { color: #826F68; padding: 10px 0 10px 20px; } /* Brand HP blocs*/ body.page-marques .pane-block.pane-views-brand-hp-block { float: left; margin: 0; padding: 0; } body.page-marques .pane-block.pane-views-brand-hp-block h2.pane-title { display: none; } /* bands HP */ .panels-flexible-region-new-headline_region-inside .panel-pane.pane-custom.pane-2 { width: 650px; float: left; } .panels-flexible-region-new-headline_region-inside .pane-clv-coupons-transverse { float: left; background-color: #FFF; } .panels-flexible-region-new-headline_region-inside .panel-pane.pane-custom.pane-2 > p { margin: 0; float: left; width: 100%; padding: 0; } .panels-flexible-region-new-headline_region-inside .panel-pane.pane-custom.pane-2 > p > span { margin: 0; padding: 0; } div[class*="-coupon_region"] div[class*="-coupon_region-inside"] .pane-custom { margin-top: 20px; width: 962px; } div[class*="-coupon_region"] div[class*="-coupon_region-inside"] .pane-custom p { margin: 0; padding: 0; } div[class*="-coupon_region"] div[class*="-coupon_region-inside"] .pane-custom .kd-request-processed > div:last-of-type { float: left; margin-right: 0; } #brands-homepage .panels-flexible-region-new-center { width: 100%; } // ================================================================== // Product :: node :: Product :: view-mode-push // ================================================================== // For ANONYMOUS & LOGIN but no admin .not-logged-in, .logged-in { &.page-marques-articles [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+3) > .node, &.page-marques [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+3) > .node { margin-right: 0; } &.navbar-administration { &.page-marques-articles [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+4) > .node, &.page-marques [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+4) > .node { margin-right: 0; } &.page-marques-articles [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+3) > .node, &.page-marques [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+3) > .node { margin-right: 15px; } } } // ====================================================================================== // * : view : * : * // ====================================================================================== .view-all-games, .view-brands-products-articles, .view-brands-products-web-folders { table.views-view-grid { border-collapse: separate; border-spacing: 0 24px; margin-top: -24px; tr { width: 100%; td.col-1, td.col-2 { width: 310px; padding: 0 15px 0 0; } td.col-3 { width: 310px; padding: 0; } } } } // ====================================================================================== // ft_brand : view : node : view-display-id-page (no marin on the last block)g // ====================================================================================== #block-block-6 .kd-request.kd-request-processed .node:nth-child(3) { margin-right: 0; } // ============================ Old ft_childhood_hp =============================================== #teenager-hp { .panels-flexible-row-new-main-row { height: 365px; padding: 0; } .panels-flexible-row-new-1 { padding: 0; } } #childhood-homepage .pane-ft-common-kd-trio-1 .kd-request.kd-request-processed > .node:nth-child(3) { margin-right: 0; } /* childhood homepage */ .panels-flexible-region-new-childhood_rubric_region-inside .pane-ft-childhood-hp-childhood-hp-small-chef { background-color: #FFFFFF; float: right; margin: 0 5px 0 0; padding-bottom: 11px; padding-right: 15px; padding-top: 25px; padding-left: 9px; } .panels-flexible-region-new-childhood_rubric_region-inside .pane-ft-childhood-hp-childhood-hp-small-chef p { padding: 0; margin: 0; } #childhood-homepage .pane-block.pane-ft-childhood-hp-childhood-hp-region-header, #childhood-homepage .panels-flexible-new-inside .panels-flexible-row { clear: both; } .panels-flexible-region-new-childhood_rubric_region-inside h2.pane-title { font-size: 16px; color: #F2B33A; font-weight: normal; padding-left: 55px; } .panels-flexible-region.panels-flexible-region-new-childhood_rubric_region { width: 100%; } /* caroussel*/ .view-childhood-web-folders.view-id-childhood_web_folders .view-footer #slideshow-nav, .view-childhood-homepage.view-display-id-childhood_carousel_hp .view-footer { width: 100%; text-align: center; position: relative; top: -40px; z-index: 98; } .view-id-all_activities.view-display-id-attachment_1 .view-content, .view-id-ft_product_new_limited .view-footer #slideshow-nav, .view-id-all_activities.view-display-id-page .view-footer #slideshow-nav, .view-childhood-web-folders.view-id-childhood_web_folders .view-footer #slideshow-nav { width: 635px; } .view-id-all_activities.view-display-id-page .view-footer #slideshow-nav a, .view-childhood-web-folders.view-id-childhood_web_folders .view-footer #slideshow-nav a { font-size: 0; float: left; background: url('../images/carr_white_dot.png') center center no-repeat transparent; height: 31px; width: 31px; margin: 0 auto; padding: 0; } .view-id-all_activities.view-display-id-page .view-footer #slideshow-nav a:first-of-type { margin-left: 40%; } .view-id-all_activities.view-display-id-page .view-footer #slideshow-nav a:last-of-type, .view-childhood-web-folders.view-id-childhood_web_folders .view-footer #slideshow-nav a:last-of-type { margin-right: 40%; } .view-id-childhood_articles.view-display-id-childhood_article_page .view-footer #slideshow-nav a.activeSlide, .view-id-all_activities.view-display-id-page .view-footer #slideshow-nav a.activeSlide, .view-childhood-web-folders.view-id-childhood_web_folders .view-footer #slideshow-nav a.activeSlide { font-size: 0; float: left; background: url('../images/carr_gold_dot.png') center center no-repeat transparent; } /* enfants/activites-loisirs-creatifs */ .view-id-all_activities.view-display-id-page #block-ft-common-user-all-activities-block-header { height: 50px; padding: 0; margin-bottom: 30px; color: #826F68; font-weight: normal; } .view-id-all_activities.view-display-id-page #all-activities-block-header { width: 100%; float: left; margin-bottom: 20px; background-color: #fff; div.title { color: #FFF; background: url('../images/pane-block-gold.png') repeat-y right center #F2B33A; height: 48px; line-height: 48px; font-weight: normal; padding: 0 30px 0 20px; font-size: 18px; margin: 0; text-transform: uppercase; } .body { height: 48px; h1 { font-size: inherit; font-weight: inherit; } } } .view-id-all_activities.view-display-id-page #all-activities-block-header .body { line-height: 50px; padding-left: 10px; h1 { } } .view-id-all_activities.view-display-id-page #all-activities-block-header .body, .view-id-all_activities.view-display-id-page #all-activities-block-header .title { float: left; } .view-id-all_activities.view-display-id-page .view-filters .chosen-container-single .chosen-single div b { background: url('../images/select_ibutton_gold.png') no-repeat right #fff; } #childhood-homepage .panels-flexible-region-new-center { width: 100%; /* overrides ctools 99% */ } /* margin on chidren HP */ .view-id-all_activities.view-display-id-page .view-content .views-row { margin: 0 15px 24px 0; &:nth-child(3n+3) { margin-right: 0; } } .kadata_4 { width: 650px; height: 470px; float: left; } #childhood-homepage .panels-flexible-row [class*="pane-block-"] { p { margin: 0; padding: 0; } width: 310px; height: 223px; overflow: hidden; float: left; margin-bottom: 24px; } /* override the JS params in /enfants/activites-loisirs-creatifs */ .view-id-all_activities.view-display-id-page .views-slideshow-cycle-main-frame.views_slideshow_cycle_teaser_section .views_slideshow_cycle_slide.views_slideshow_slide { height: 365px; } // For ANONYMOUS & LOGIN but no admin .not-logged-in, .logged-in { &.page-enfants-articles [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+3) > .node, &.page-enfants [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+3) > .node { margin-right: 0; } } // For ADMIN .logged-in.admin-menu { &.page-enfants-articles [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+4) > .node, &.page-enfants [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+4) > .node { margin-right: 0; } &.page-enfants-articles [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+3) > .node, &.page-enfants [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+3) > .node { margin-right: 15px; } } // ============================ Old ft_cooking_hp =============================================== /*============================================================================= Homepage Carousel. Mega push rendering populated ========================================================================== */ .view-id-ft_recipe_videos_recipes .view-id-ft_recipe_videos_recipes, #block-views-carousel-hp-carousel-hp { /*width: 635px;*/ overflow: hidden; /* Because of overflowing on homepage */ } .view-id-ft_recipe_videos_recipes.view-display-id-page .view-footer #slideshow-nav { float: left; height: 31px; position: relative; text-align: center; top: 0; width: 635px; z-index: 98; } .view-id-ft_recipe_videos_recipes.view-display-id-page .view-footer { width: 100%; text-align: center; position: relative; top: -40px; z-index: 9; } .view-id-ft_recipe_videos_recipes.view-display-id-page .view-footer #slideshow-nav a, .view-id-ft_recipe_videos_recipes .view-id-ft_recipe_videos_recipes .view-footer a { font-size: 0; float: left; background: url('../images/carr_white_dot.png') center center no-repeat transparent; height: 31px; width: 31px; margin: 0 auto; padding: 0; } .view-id-ft_recipe_videos_recipes.view-display-id-page .view-footer #slideshow-nav a.activeSlide, .view-id-ft_recipe_videos_recipes .view-id-ft_recipe_videos_recipes .view-footer a.activeSlide { font-size: 0; background: url('../images/carr_red_dot.png') center center no-repeat transparent; } .view-id-ft_recipe_videos_recipes.view-display-id-page .view-footer #slideshow-nav a:first-of-type, .view-id-ft_recipe_videos_recipes .view-id-ft_recipe_videos_recipes .view-footer a:first-of-type { margin-left: 40%; } .view-id-ft_recipe_videos_recipes.view-display-id-page .view-footer #slideshow-nav a:last-of-type, .view-id-ft_recipe_videos_recipes .view-id-ft_recipe_videos_recipes .view-footer a:last-of-type { margin-right: 40%; } /*============================================================================= #cooking-homepage TODO : all these nth-child(n+X) are not a permanent solution, we must find something better ========================================================================== */ #cooking-homepage { width: 100%; .panels-flexible-row { padding: 0; &:first-child { margin-bottom: 30px; } &:nth-child(1) div[class*='pane-views-'] { width: 635px; height: 365px; float: left; } &:nth-child(2) { padding: 0; .pane-ft-cooking-hp-cooking-hp-recipes-search-header { height: auto; background-color: #FFFFFF; } .pane-ft-cooking-hp-cooking-hp-grouping-block { width: 100%; background-color: #FFF; float: left; overflow: inherit; .search-form-title-description { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 13px 5px 8px 75px; width: 100%; font-weight: normal; .search-form-title { h1 { font-size: 21px; line-height: 24px; margin: 0; } } } .search-form-description { background: @red; color: #fff; font-size: 16px; line-height: 30px; vertical-align: middle; margin: 0; padding: 0; } } } &:nth-child(3) { p { margin: 0; padding: 0; } .pane-ft-common-kd-your-favorites, .pane-ft-common-kd-your-favorites-6 { width: 310px; height: 470px; float: left; background-color: #FFF; } .pane-ft-cooking-hp-cooking-hp-monumental-week { width: 310px; height: 223px; margin-left: 15px; float: left; } .pane-ft-cooking-hp-cooking-hp-essential-pan { width: 310px; height: 223px; float: left; margin-left: -310px; margin-top: 247px; } .pane-quicktabs-quicktab-top-recettes, .pane-quicktabs-top-recipes-authenticated { width: 310px; height: 470px; float: left; margin-left: 15px; } } &:nth-child(4) { .pane-ft-cooking-hp-cooking-hp-for-more-header { margin-bottom: 30px; .region-header-body { width: 525px; } } .kd-request { display: block; float: left; height: 223px; margin: 0 15px 25px 0; width: 310px; } } .panel-pane.pane-block { overflow: hidden; } } } #block-ft-cooking-hp-cooking-hp-for-more-header #for-more-region .region-header-body { width: 525px; } // It is all moldy, but no other solutions currently // For ANONYMOUS & LOGIN but no admin .not-logged-in #cooking-homepage .panels-flexible-row:nth-child(4) span.kd-request:nth-child(3), .logged-in #cooking-homepage .panels-flexible-row:nth-child(4) span.kd-request:nth-child(3) { margin-right: 0; } .not-logged-in #cooking-homepage .panels-flexible-row:nth-child(4) span.kd-request:nth-child(5), .logged-in #cooking-homepage .panels-flexible-row:nth-child(4) span.kd-request:nth-child(5) { float: left; margin: -248px 0 0 650px; } // For ADMIN .logged-in.admin-menu #cooking-homepage .panels-flexible-row:nth-child(4) span.kd-request:nth-child(4) { margin-right: 0; } .logged-in.admin-menu #cooking-homepage .panels-flexible-row:nth-child(4) span.kd-request:nth-child(6) { float: left; margin: -248px 0 0 650px; } #cooking-homepage .panels-flexible-row:nth-child(4) .kd-request > .node, #cooking-homepage .panels-flexible-row:nth-child(4) .kd-request > article { margin: 0; } #cooking-homepage .panels-flexible-row:nth-child(4) .pane-clv-coupons-monocoupon { display: block; height: 223px; margin: -247px 0 0 325px; width: 310px; } #cooking-homepage .panels-flexible-region { clear: both; } #panel-homepage .panels-flexible-region-1-promoted_pushed_region, #cooking-homepage .panels-flexible-region-1-center, #cooking-homepage .panels-flexible-region-2-center, #cooking-homepage .panels-flexible-region-new-center { width: 100%; /* override ctools 99% */ } #cooking-homepage .panel-pane { margin-right: 0; } #cooking-homepage .panels-flexible-row .panels-flexible-region-1-for_more_region .panel-pane.pane-node { float: left; margin-bottom: 10px; width: 310px; } #cooking-homepage .panels-flexible-region-1-for_more_region .pane-ft-cooking-hp-cooking-hp-for-more-header { float: left; clear: both; } /* All regions but the first */ #cooking-homepage .panels-flexible-row:nth-child(n+2) .panels-flexible-region { margin-top: 0; } /* The blocks opening every region : "You are ... " logged_in */ #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-cooking .region-header-body, #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-push .region-header-body { background-color: #FFF; color: #826F68; overflow: hidden; max-width: 550px; } /* The blocks opening every region : "You are ... " */ #cooking-homepage .panel-pane.pane-block.pane-ft-common-user-homepage-block-header-cooking, #cooking-homepage .panel-pane.pane-block.pane-ft-common-user-homepage-block-header-push { width: 100%; height: 48px; line-height: 48px; margin: 0; display: block; } #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-cooking .region-header-title, #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-push .region-header-title { float: left; padding-left: 20px; padding-right: 15px; color: white; background-color: #AB9299; position: relative; } #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-cooking .region-header-body, #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-push .region-header-body, #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-push .region-header-link { max-height: 47px; display: inline-block; padding-left: 5px; } #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-cooking .region-header-link, #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-push .region-header-link { border-left: 1px dotted #826F68; max-height: 47px; padding-left: 5px; padding-right: 20px; float: right; text-align: center; width: 170px; } #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-cooking, #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-push { background: url('../images/fleche_inscription_right.png') no-repeat right center transparent; } /* the banner block with the crocqs */ #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-push .region-header-body a.block-header-croqs, #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-push .region-header-link a.block-header-croqs, #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-push .region-header-body a { position: relative; color: #FFF; text-decoration: none; left: -55px; margin: 0; padding: 0; font-size: 12px; text-align: center; } #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-cooking .region-header-link span img, #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-push .region-header-link span img, #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-push .region-header-body span img { vertical-align: middle; } #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-cooking .region-header-link a, #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-push .region-header-link a, #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-push .region-header-link a.block-header-advantages { color: #AB9299; text-decoration: none; } #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-push .region-header-link a.block-header-advantages { margin-left: -51px; } #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-cooking .region-header-title { background: url('../images/pane-block-red.png') right center no-repeat #E0117D; margin-right: 5px; padding-right: 30px; } #cooking-homepage .panel-pane.pane-ft-common-user-homepage-block-header-push .region-header-title { background: url('../images/pane-block-navy.png') right center no-repeat #5783A2; margin-right: 5px; padding-right: 30px; } /*============================================================================= Right pannels : user recettes top ========================================================================== */ .taxonomy-term.vocabulary-menu-thematic.view-mode-full .field-name-quicktab-block-field { float: right; margin-right: 10px; } // #cooking-homepage .panels-flexible-region-new-cooking_rubric_region-inside .pane-quicktabs-quicktab-top-recettes.panel-pane, // #cooking-homepage .panels-flexible-region-new-cooking_rubric_region-inside .pane-quicktabs-top-recipes-authenticated.panel-pane { // background-color: #E0107C; // } #cooking-homepage .panels-flexible-row .panel-pane.pane-views-ff32fc9247574b1fd29fe795ea4f4798, #cooking-homepage .panels-flexible-row .panels-flexible-region-new-recipes_search_region-inside .panel-pane.pane-views-ff32fc9247574b1fd29fe795ea4f4798 { width: 955px; } #cooking-homepage .panels-flexible-row .panel-pane.pane-views-ff32fc9247574b1fd29fe795ea4f4798 h2.pane-title { color: #E0107C; font-size: 16px; font-weight: normal; padding-left: 55px; } #cooking-homepage .panels-flexible-row .panel-pane.pane-views-ff32fc9247574b1fd29fe795ea4f4798 { background: url('../images/red_dot_line.png') 20px top no-repeat white; padding-left: 0; } #cooking-homepage .pane-ft-cooking-hp-cooking-hp-recipes-search-header.panel-pane.pane-block, #cooking-homepage .pane-ft-cooking-hp-cooking-hp-rubric-cooking-header.panel-pane.pane-block, .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-rubric-cooking-header, .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-for-more-header #for-more-region, #block-ft-cooking-hp-cooking-hp-for-more-header { background: #FFF; margin-bottom: 30px; line-height: 48px; height: 48px; width: 100%; float: left; } .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-for-more-header #for-more-region { clear: both; } /*============================================================================= Horizontal infos blocks (On a bien pensé que...) ========================================================================== */ .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-for-more-header { height: 48px; line-height: 48px; margin: 0; display: block; } .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-recipes-search-header #recipes-search-header-title, .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-recipes-search-header #recipes-search-header-body, .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-rubric-cooking-header .region-header-title, .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-rubric-cooking-header .region-header-body, .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-rubric-cooking-header .region-header-link, .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-for-more-header .region-header-title, .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-for-more-header .region-header-body, .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-for-more-header .region-header-link, #block-ft-cooking-hp-cooking-hp-for-more-header #for-more-region .region-header-title { float: left; } .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-recipes-search-header #recipes-search-header-title, .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-rubric-cooking-header .region-header-title, .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-for-more-header .region-header-title, #block-ft-cooking-hp-cooking-hp-for-more-header #for-more-region .region-header-title { background: url('../images/pane-block-red.png') right center no-repeat #E0117D; color: #FFF; font-weight: normal; line-height: 41px; padding-left: 10px; padding-right: 20px; height: 48px; line-height: 48px; } #block-ft-cooking-hp-cooking-hp-for-more-header #for-more-region .region-header-body, .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-for-more-header .region-header-body, .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-recipes-search-header #recipes-search-header-body, .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-rubric-cooking-header .region-header-body { color: #826F68; padding-left: 10px; width: 500px; font-weight: normal; span, h1, h2 { color: @grisPolice; float: left; font-size: 18px; font-weight: normal; line-height: 48px; margin: 0 0 0 10px; padding: 0; } } .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-recipes-search-header #recipes-search-header-body h1 { color: #826F68; } #block-ft-cooking-hp-cooking-hp-for-more-header #for-more-region .region-header-body { float: left; } #block-ft-cooking-hp-cooking-hp-for-more-header #for-more-region .region-header-link, .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-rubric-cooking-header .region-header-link, .panel-pane.pane-block.pane-ft-cooking-hp-cooking-hp-for-more-header .region-header-link { width: 160px; float: right; color: #826F68; height: 48px; background: url('../images/fleche_inscription_right.png') no-repeat right center transparent; border-left: 1px dotted #826F68; padding-left: 10px; a { color: #AB9299; text-decoration: none; } img { vertical-align: middle; margin-left: -10px; float: left; } span { float: left; font-size: 12px; line-height: 13px; margin: 10px 0 0; width: 80px; } } /*============================================================================= The pannel in my fridge ; override ft_cooking ========================================================================== */ #cooking-homepage #block-ft-recipe-in-my-fridge { float: right; margin-right: 20px; overflow: hidden; } #cooking-homepage #block-ft-recipe-in-my-fridge p, #cooking-homepage #block-ft-recipe-in-my-fridge h2 { margin: 0; } #cooking-homepage .panels-flexible-region-new-recipes_search_region .panels-flexible-region-new-recipes_search_region-inside .panel-pane.pane-ft-recipe-in-my-fridge { float: right; margin-bottom: 0; margin-right: 10px; min-height: 294px; padding-left: 20px; width: 300px } /*============================================================================= cuisine/recettes-video : Right tags ========================================================================== */ .view-id-ft_recipe_videos_recipes .view-content .views-row:nth-child(4n) .node-recipe.view-mode-teaser { padding-right: 15px; } .pane-block.pane-ft-common-kd-for-you { float: right; } .region-sidebar-second #block-ft-common-kd-for-you .block-title, .pane-ft-common-kd-for-you .pane-title { color: #FFF; background-color: #E0107C; text-transform: uppercase; padding-left: 5px; font-weight: normal; font-size: 18px; margin: 0; width: 300px; } .region-sidebar-second #block-ft-common-kd-for-you > .more-link, .pane-ft-common-kd-for-you > .more-link { width: 265px; margin: 20px auto 25px auto; padding: 0; text-align: center; } .region-sidebar-second #block-ft-common-kd-for-you > .more-link { margin: 0; padding: 20px 0 25px 0; } .region-sidebar-second #block-ft-common-kd-for-you > .more-link a, .pane-ft-common-kd-for-you > .more-link a { color: #E0107C; } .pane-ft-common-kd-your-favorites .subtitle, .pane-ft-common-kd-your-favorites-6 .subtitle { color: #E0107C; text-transform: uppercase; padding-left: 5px; } .pane-ft-common-kd-your-favorites-6 .subtitle { padding-left: 20px; } .pane-ft-common-kd-your-favorites .subtitle:after, .pane-ft-common-kd-your-favorites-6 .subtitle:after { content: ":"; } .pane-ft-common-kd-your-favorites h2.pane-title, .pane-ft-common-kd-your-favorites-6 h2.pane-title { background: url('../images/selection_atelier_bg.png') no-repeat 182px center #E0107C; color: #FFFFFF; font-size: 18px; text-align: left; font-weight: normal; margin: 0; text-transform: uppercase; line-height: 18px; padding: 15px 140px 15px 10px; } #cooking-homepage .panel-pane.pane-block.pane-ft-common-kd-quintet { width: 960px; background: none; margin-top: 20px; } #cooking-homepage .panels-flexible-region-inside.panels-flexible-region-new-for_more_region-inside { position: relative; } #cooking-homepage .panels-flexible-region-inside .pane-node h2.pane-title { background: url('../images/arrow_teaser_red.png') no-repeat right center white; font-size: 17px; color: #917F79; font-weight: normal; text-decoration: none; padding: 10px 20px 5px 5px; left: 130px; z-index: 3; background-color: #FFF; line-height: 17px; margin: 159px 10px 5px 10px; overflow: hidden; position: absolute; width: 145px; } // For ANONYMOUS & LOGIN but no admin .not-logged-in, .logged-in { &.page-taxonomy-term [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+3) > .node, &.page-cuisine-articles [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+3) > .node, &.page-cuisine [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+3) > .node { margin-right: 0; } } // For ADMIN .logged-in.admin-menu { &.page-cuisine-articles [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+4) > .node, &.page-cuisine [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+4) > .node { margin-right: 0; } &.page-cuisine-articles [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+3) > .node, &.page-cuisine [id^="block-block-"] .kd-request.kd-request-processed:nth-child(3n+3) > .node { margin-right: 15px; } } // ========================= Old ft_subchildhood_hp ======================================= .panel-pane.pane-ft-subchildhoodhp-ft-schildhp-children, .panel-pane.pane-ft-subchildhoodhp-ft-schildhp-teenager, .panel-pane.pane-ft-subchildhoodhp-ft-schildhp-young-children { float: left; } .panel-pane.pane-ft-subchildhoodhp-ft-schildhp-teenager .subchildhoodhp-title, .panel-pane.pane-ft-subchildhoodhp-ft-schildhp-children .subchildhoodhp-title, .panel-pane.pane-ft-subchildhoodhp-ft-schildhp-young-children .subchildhoodhp-title { background-color: #F2B33A; color: #FFF; display: inline-block; height: 23px; line-height: 23px; vertical-align: middle; padding: 5px 10px; position: relative; margin-left: 20px; top: 17px; margin-top: -25px; z-index: 1; } .panel-pane.pane-ft-subchildhoodhp-ft-schildhp-young-children .subchildhoodhp-illustrating-image, .panel-pane.pane-ft-subchildhoodhp-ft-schildhp-teenager .subchildhoodhp-illustrating-image, .panel-pane.pane-ft-subchildhoodhp-ft-schildhp-children .subchildhoodhp-illustrating-image { top: -23px; position: relative; z-index: 0; } #teenager-hp .panels-flexible-region-new-center, #children-hp .panels-flexible-region-new-header_region, #young-children-hp .panels-flexible-region-new-center { width: 100%; height: 365px; } #teenager-hp .pane-ft-subchildhoodhp-ft-schildhp-head-teenager #childhood-header-title, #children-hp .pane-ft-subchildhoodhp-ft-schildhp-head-children #childhood-header-title, #young-children-hp .pane-ft-subchildhoodhp-ft-schildhp-head-young-children #childhood-header-title { background: url('../images/pane-block-gold.png') right center no-repeat #F2B33A; padding-left: 10px; padding-right: 5px; width: 95px; } #teenager-hp .pane-ft-subchildhoodhp-ft-schildhp-head-teenager #childhood-header-title h1, #children-hp .pane-ft-subchildhoodhp-ft-schildhp-head-children #childhood-header-title h1, #young-children-hp .pane-ft-subchildhoodhp-ft-schildhp-head-young-children #childhood-header-title h1 { color: #FFF; } #teenager-hp .pane-ft-recipesearchengine-recipesearchengine-child, #children-hp .pane-ft-recipesearchengine-recipesearchengine-child, #young-children-hp .pane-ft-recipesearchengine-recipesearchengine-child { background-color: white; min-height: 273px; position: relative; top: 65px; } #teenager-hp .panels-flexible-region-new-main_region-inside h2.pane-title, #children-hp .panels-flexible-region-new-main_region-inside h2.pane-title, #young-children-hp .panels-flexible-region-new-main_region-inside h2.pane-title { margin: 0 0 0 26px; padding: 0 0 0 60px; font-size: 16px; background: url('../images/search_gold.png') no-repeat left bottom transparent; color: #F2B33A; line-height: 16px; } .panels-flexible-region.panels-flexible-region-new-main_region #block-ft-recipesearchengine-recipesearchengine-child { margin-top: 25px; } .panels-flexible-region:first-of-type { width: 100%; /* Surcharge ctools 99% */ } .view-id-all_activities.view-display-id-page #block-ft-childhood-hp-childhood-hp-for-more-region .for-more-header-link, .view-id-balanced_diet_web_folders.view-display-id-balanced_diet_webfolder_page #block-ft-balanceddiet-hp-balanceddiet-hp-more-header #for-more-header-block .for-more-header-link, .view-id-childhood_web_folders.view-display-id-childhood_webfolder_page #block-ft-childhood-hp-childhood-hp-for-more-region .for-more-header-link, .view-id-childhood_articles.view-display-id-childhood_article_page #block-ft-childhood-hp-childhood-hp-for-more-region .for-more-header-link { padding: 0 10px; } #page{ z-index: 1; position: relative; } #region-bottom{ z-index: 1; position: relative; } #arche{ text-align: center; line-height: 0; } #arche a { display: block; } #pleasure-anonymous .region-header-body, #for-more-header-block #for-more-header-body, #balanced-diet-header-block #balanced-diet-header-body { color: #8c7b74; font-size: 18px; font-weight: normal; }