diff --git a/sites/all/modules/features/materio_content_types/materio_content_types.features.field_instance.inc b/sites/all/modules/features/materio_content_types/materio_content_types.features.field_instance.inc index 127d150d..90fce860 100644 --- a/sites/all/modules/features/materio_content_types/materio_content_types.features.field_instance.inc +++ b/sites/all/modules/features/materio_content_types/materio_content_types.features.field_instance.inc @@ -4208,13 +4208,9 @@ function materio_content_types_field_default_field_instances() { ), 'homeblock' => array( 'label' => 'hidden', - 'module' => 'title', - 'settings' => array( - 'title_class' => '', - 'title_link' => '', - 'title_style' => '', - ), - 'type' => 'title_linked', + 'module' => 'text', + 'settings' => array(), + 'type' => 'text_default', 'weight' => 3, ), 'print' => array( diff --git a/sites/all/modules/features/materio_content_types/materio_content_types.info b/sites/all/modules/features/materio_content_types/materio_content_types.info index cb4f77c2..9b978467 100644 --- a/sites/all/modules/features/materio_content_types/materio_content_types.info +++ b/sites/all/modules/features/materio_content_types/materio_content_types.info @@ -21,7 +21,6 @@ dependencies[] = list dependencies[] = materio_page_title dependencies[] = materio_subscriptions dependencies[] = materio_user_profiles -dependencies[] = node dependencies[] = options dependencies[] = print dependencies[] = print_ui diff --git a/sites/all/modules/features/materio_home_v2/materio_home_v2.pages_default.inc b/sites/all/modules/features/materio_home_v2/materio_home_v2.pages_default.inc index 62862dae..c9ef1757 100644 --- a/sites/all/modules/features/materio_home_v2/materio_home_v2.pages_default.inc +++ b/sites/all/modules/features/materio_home_v2/materio_home_v2.pages_default.inc @@ -109,7 +109,7 @@ function materio_home_v2_default_page_manager_pages() { $pane->panel = 'middle'; $pane->type = 'block'; $pane->subtype = 'menu-menu-home-v2'; - $pane->shown = TRUE; + $pane->shown = FALSE; $pane->access = array(); $pane->configuration = array( 'override_title' => 1, diff --git a/sites/all/modules/features/materio_home_v2/materio_home_v2.panels_default.inc b/sites/all/modules/features/materio_home_v2/materio_home_v2.panels_default.inc index 322b3ea1..fe09f8ea 100644 --- a/sites/all/modules/features/materio_home_v2/materio_home_v2.panels_default.inc +++ b/sites/all/modules/features/materio_home_v2/materio_home_v2.panels_default.inc @@ -21,7 +21,7 @@ function materio_home_v2_default_panels_mini() { $mini->contexts = array(); $mini->relationships = array(); $display = new panels_display(); - $display->layout = 'twocol_stacked'; + $display->layout = 'threecol_33_34_33_stacked'; $display->layout_settings = array(); $display->panel_settings = array( 'style_settings' => array( @@ -30,6 +30,7 @@ function materio_home_v2_default_panels_mini() { 'left' => NULL, 'right' => NULL, 'bottom' => NULL, + 'middle' => NULL, ), ); $display->cache = array(); @@ -42,7 +43,7 @@ function materio_home_v2_default_panels_mini() { $pane->panel = 'bottom'; $pane->type = 'block'; $pane->subtype = 'simplenews-6274'; - $pane->shown = TRUE; + $pane->shown = FALSE; $pane->access = array(); $pane->configuration = array( 'override_title' => 0, @@ -70,7 +71,10 @@ function materio_home_v2_default_panels_mini() { $pane->subtype = 'news_home_v2-panel_pane_1'; $pane->shown = TRUE; $pane->access = array(); - $pane->configuration = array(); + $pane->configuration = array( + 'link_to_view' => 1, + 'path' => 'actuality', + ); $pane->cache = array(); $pane->style = array( 'settings' => NULL, @@ -87,7 +91,7 @@ function materio_home_v2_default_panels_mini() { $display->panels['left'][0] = 'new-04d42fc5-b2de-441b-aaff-3becac366c74'; $pane = new stdClass(); $pane->pid = 'new-04d7e982-b05e-4bcd-a24a-8d80b8a4bee2'; - $pane->panel = 'right'; + $pane->panel = 'middle'; $pane->type = 'views_panes'; $pane->subtype = 'news_home_v2-panel_pane_2'; $pane->shown = TRUE; @@ -106,8 +110,31 @@ function materio_home_v2_default_panels_mini() { $pane->locks = array(); $pane->uuid = '04d7e982-b05e-4bcd-a24a-8d80b8a4bee2'; $display->content['new-04d7e982-b05e-4bcd-a24a-8d80b8a4bee2'] = $pane; - $display->panels['right'][0] = 'new-04d7e982-b05e-4bcd-a24a-8d80b8a4bee2'; - $display->hide_title = PANELS_TITLE_FIXED; + $display->panels['middle'][0] = 'new-04d7e982-b05e-4bcd-a24a-8d80b8a4bee2'; + $pane = new stdClass(); + $pane->pid = 'new-5a41e0d1-2e82-4fdb-a34a-6712d9cc6d28'; + $pane->panel = 'right'; + $pane->type = 'views_panes'; + $pane->subtype = 'news_home_v2-panel_pane_3'; + $pane->shown = TRUE; + $pane->access = array(); + $pane->configuration = array( + 'override_title' => 0, + 'override_title_text' => '', + 'override_title_heading' => 'h2', + ); + $pane->cache = array(); + $pane->style = array( + 'settings' => NULL, + ); + $pane->css = array(); + $pane->extras = array(); + $pane->position = 0; + $pane->locks = array(); + $pane->uuid = '5a41e0d1-2e82-4fdb-a34a-6712d9cc6d28'; + $display->content['new-5a41e0d1-2e82-4fdb-a34a-6712d9cc6d28'] = $pane; + $display->panels['right'][0] = 'new-5a41e0d1-2e82-4fdb-a34a-6712d9cc6d28'; + $display->hide_title = PANELS_TITLE_NONE; $display->title_pane = 'new-9cd76d41-bb30-42d9-9209-cdf495d97281'; $mini->display = $display; $export['news_home_v2'] = $mini; diff --git a/sites/all/modules/features/materio_home_v2/materio_home_v2.views_default.inc b/sites/all/modules/features/materio_home_v2/materio_home_v2.views_default.inc index 9b1ffe24..ab979d26 100644 --- a/sites/all/modules/features/materio_home_v2/materio_home_v2.views_default.inc +++ b/sites/all/modules/features/materio_home_v2/materio_home_v2.views_default.inc @@ -33,38 +33,38 @@ function materio_home_v2_views_default_views() { $handler->display->display_options['exposed_form']['options']['reset_button_label'] = 'Réinitialiser'; $handler->display->display_options['exposed_form']['options']['exposed_sorts_label'] = 'Trier par'; $handler->display->display_options['pager']['type'] = 'some'; - $handler->display->display_options['pager']['options']['items_per_page'] = '6'; + $handler->display->display_options['pager']['options']['items_per_page'] = '1'; $handler->display->display_options['pager']['options']['offset'] = '0'; $handler->display->display_options['style_plugin'] = 'default'; $handler->display->display_options['row_plugin'] = 'entity'; - $handler->display->display_options['row_options']['view_mode'] = 'cardmedium'; - /* Field: Content: Title */ + $handler->display->display_options['row_options']['view_mode'] = 'cardbig'; + /* Champ: Contenu : Titre */ $handler->display->display_options['fields']['title']['id'] = 'title'; $handler->display->display_options['fields']['title']['table'] = 'node'; $handler->display->display_options['fields']['title']['field'] = 'title'; $handler->display->display_options['fields']['title']['label'] = ''; $handler->display->display_options['fields']['title']['alter']['word_boundary'] = FALSE; $handler->display->display_options['fields']['title']['alter']['ellipsis'] = FALSE; - /* Sort criterion: Content: Post date */ + /* Critère de tri: Contenu : Date de publication */ $handler->display->display_options['sorts']['created']['id'] = 'created'; $handler->display->display_options['sorts']['created']['table'] = 'node'; $handler->display->display_options['sorts']['created']['field'] = 'created'; $handler->display->display_options['sorts']['created']['order'] = 'DESC'; - /* Filter criterion: Content: Published */ + /* Critère de filtrage: Contenu : Publié */ $handler->display->display_options['filters']['status']['id'] = 'status'; $handler->display->display_options['filters']['status']['table'] = 'node'; $handler->display->display_options['filters']['status']['field'] = 'status'; $handler->display->display_options['filters']['status']['value'] = 1; $handler->display->display_options['filters']['status']['group'] = 1; $handler->display->display_options['filters']['status']['expose']['operator'] = FALSE; - /* Filter criterion: Content: Type */ + /* Critère de filtrage: Contenu : Type */ $handler->display->display_options['filters']['type']['id'] = 'type'; $handler->display->display_options['filters']['type']['table'] = 'node'; $handler->display->display_options['filters']['type']['field'] = 'type'; $handler->display->display_options['filters']['type']['value'] = array( 'breve' => 'breve', ); - /* Filter criterion: Workflow: Current state */ + /* Critère de filtrage: Processus : État actuel */ $handler->display->display_options['filters']['sid']['id'] = 'sid'; $handler->display->display_options['filters']['sid']['table'] = 'workflow_node'; $handler->display->display_options['filters']['sid']['field'] = 'sid'; @@ -76,6 +76,16 @@ function materio_home_v2_views_default_views() { $handler = $view->new_display('panel_pane', 'News', 'panel_pane_1'); $handler->display->display_options['pane_category']['name'] = 'home v2'; $handler->display->display_options['pane_category']['weight'] = '0'; + $handler->display->display_options['allow']['use_pager'] = 0; + $handler->display->display_options['allow']['items_per_page'] = 0; + $handler->display->display_options['allow']['offset'] = 0; + $handler->display->display_options['allow']['link_to_view'] = 'link_to_view'; + $handler->display->display_options['allow']['more_link'] = 0; + $handler->display->display_options['allow']['path_override'] = 'path_override'; + $handler->display->display_options['allow']['title_override'] = 0; + $handler->display->display_options['allow']['exposed_form'] = 0; + $handler->display->display_options['allow']['fields_override'] = 0; + $handler->display->display_options['link_to_view'] = '0'; /* Display: daily */ $handler = $view->new_display('panel_pane', 'daily', 'panel_pane_2'); @@ -94,28 +104,28 @@ function materio_home_v2_views_default_views() { $handler->display->display_options['defaults']['row_options'] = FALSE; $handler->display->display_options['defaults']['filter_groups'] = FALSE; $handler->display->display_options['defaults']['filters'] = FALSE; - /* Filter criterion: Content: Published */ + /* Critère de filtrage: Contenu : Publié */ $handler->display->display_options['filters']['status']['id'] = 'status'; $handler->display->display_options['filters']['status']['table'] = 'node'; $handler->display->display_options['filters']['status']['field'] = 'status'; $handler->display->display_options['filters']['status']['value'] = 1; $handler->display->display_options['filters']['status']['group'] = 1; $handler->display->display_options['filters']['status']['expose']['operator'] = FALSE; - /* Filter criterion: Content: Type */ + /* Critère de filtrage: Contenu : Type */ $handler->display->display_options['filters']['type']['id'] = 'type'; $handler->display->display_options['filters']['type']['table'] = 'node'; $handler->display->display_options['filters']['type']['field'] = 'type'; $handler->display->display_options['filters']['type']['value'] = array( 'simplenews' => 'simplenews', ); - /* Filter criterion: Workflow: Current state */ + /* Critère de filtrage: Processus : État actuel */ $handler->display->display_options['filters']['sid']['id'] = 'sid'; $handler->display->display_options['filters']['sid']['table'] = 'workflow_node'; $handler->display->display_options['filters']['sid']['field'] = 'sid'; $handler->display->display_options['filters']['sid']['value'] = array( 3 => '3', ); - /* Filter criterion: Content: Newsletter category (field_simplenews_term) */ + /* Critère de filtrage: Contenu : Newsletter category (field_simplenews_term) */ $handler->display->display_options['filters']['field_simplenews_term_tid']['id'] = 'field_simplenews_term_tid'; $handler->display->display_options['filters']['field_simplenews_term_tid']['table'] = 'field_data_field_simplenews_term'; $handler->display->display_options['filters']['field_simplenews_term_tid']['field'] = 'field_simplenews_term_tid'; @@ -124,7 +134,73 @@ function materio_home_v2_views_default_views() { ); $handler->display->display_options['filters']['field_simplenews_term_tid']['type'] = 'select'; $handler->display->display_options['filters']['field_simplenews_term_tid']['vocabulary'] = 'newsletter'; - /* Filter criterion: Simplenews issue: Sent status */ + /* Critère de filtrage: Parution de lettre d'information : État des envois */ + $handler->display->display_options['filters']['status_1']['id'] = 'status_1'; + $handler->display->display_options['filters']['status_1']['table'] = 'simplenews_newsletter'; + $handler->display->display_options['filters']['status_1']['field'] = 'status'; + $handler->display->display_options['filters']['status_1']['value'] = array( + 2 => '2', + ); + $handler->display->display_options['pane_category']['name'] = 'home v2'; + $handler->display->display_options['pane_category']['weight'] = '0'; + $handler->display->display_options['allow']['use_pager'] = 0; + $handler->display->display_options['allow']['items_per_page'] = 0; + $handler->display->display_options['allow']['offset'] = 0; + $handler->display->display_options['allow']['link_to_view'] = 'link_to_view'; + $handler->display->display_options['allow']['more_link'] = 0; + $handler->display->display_options['allow']['path_override'] = 'path_override'; + $handler->display->display_options['allow']['title_override'] = 'title_override'; + $handler->display->display_options['allow']['exposed_form'] = 0; + $handler->display->display_options['allow']['fields_override'] = 0; + + /* Display: newsletter */ + $handler = $view->new_display('panel_pane', 'newsletter', 'panel_pane_3'); + $handler->display->display_options['defaults']['title'] = FALSE; + $handler->display->display_options['title'] = 'Niouse'; + $handler->display->display_options['defaults']['pager'] = FALSE; + $handler->display->display_options['pager']['type'] = 'some'; + $handler->display->display_options['pager']['options']['items_per_page'] = '1'; + $handler->display->display_options['pager']['options']['offset'] = '0'; + $handler->display->display_options['defaults']['style_plugin'] = FALSE; + $handler->display->display_options['style_plugin'] = 'default'; + $handler->display->display_options['defaults']['style_options'] = FALSE; + $handler->display->display_options['defaults']['row_plugin'] = FALSE; + $handler->display->display_options['row_plugin'] = 'entity'; + $handler->display->display_options['row_options']['view_mode'] = 'teaser'; + $handler->display->display_options['defaults']['row_options'] = FALSE; + $handler->display->display_options['defaults']['filter_groups'] = FALSE; + $handler->display->display_options['defaults']['filters'] = FALSE; + /* Critère de filtrage: Contenu : Publié */ + $handler->display->display_options['filters']['status']['id'] = 'status'; + $handler->display->display_options['filters']['status']['table'] = 'node'; + $handler->display->display_options['filters']['status']['field'] = 'status'; + $handler->display->display_options['filters']['status']['value'] = 1; + $handler->display->display_options['filters']['status']['group'] = 1; + $handler->display->display_options['filters']['status']['expose']['operator'] = FALSE; + /* Critère de filtrage: Contenu : Type */ + $handler->display->display_options['filters']['type']['id'] = 'type'; + $handler->display->display_options['filters']['type']['table'] = 'node'; + $handler->display->display_options['filters']['type']['field'] = 'type'; + $handler->display->display_options['filters']['type']['value'] = array( + 'simplenews' => 'simplenews', + ); + /* Critère de filtrage: Processus : État actuel */ + $handler->display->display_options['filters']['sid']['id'] = 'sid'; + $handler->display->display_options['filters']['sid']['table'] = 'workflow_node'; + $handler->display->display_options['filters']['sid']['field'] = 'sid'; + $handler->display->display_options['filters']['sid']['value'] = array( + 3 => '3', + ); + /* Critère de filtrage: Contenu : Newsletter category (field_simplenews_term) */ + $handler->display->display_options['filters']['field_simplenews_term_tid']['id'] = 'field_simplenews_term_tid'; + $handler->display->display_options['filters']['field_simplenews_term_tid']['table'] = 'field_data_field_simplenews_term'; + $handler->display->display_options['filters']['field_simplenews_term_tid']['field'] = 'field_simplenews_term_tid'; + $handler->display->display_options['filters']['field_simplenews_term_tid']['value'] = array( + 6274 => '6274', + ); + $handler->display->display_options['filters']['field_simplenews_term_tid']['type'] = 'select'; + $handler->display->display_options['filters']['field_simplenews_term_tid']['vocabulary'] = 'newsletter'; + /* Critère de filtrage: Parution de lettre d'information : État des envois */ $handler->display->display_options['filters']['status_1']['id'] = 'status_1'; $handler->display->display_options['filters']['status_1']['table'] = 'simplenews_newsletter'; $handler->display->display_options['filters']['status_1']['field'] = 'status'; @@ -151,10 +227,11 @@ function materio_home_v2_views_default_views() { t('Trier par'), t('Asc'), t('Desc'), - t('more'), t('home v2'), t('daily'), t('Daily materiO\''), + t('newsletter'), + t('Niouse'), ); $export['news_home_v2'] = $view; @@ -186,33 +263,33 @@ function materio_home_v2_views_default_views() { $handler->display->display_options['style_plugin'] = 'default'; $handler->display->display_options['row_plugin'] = 'entity'; $handler->display->display_options['row_options']['view_mode'] = 'homeblock'; - /* Field: Content: Title */ + /* Champ: Contenu : Titre */ $handler->display->display_options['fields']['title']['id'] = 'title'; $handler->display->display_options['fields']['title']['table'] = 'node'; $handler->display->display_options['fields']['title']['field'] = 'title'; $handler->display->display_options['fields']['title']['label'] = ''; $handler->display->display_options['fields']['title']['alter']['word_boundary'] = FALSE; $handler->display->display_options['fields']['title']['alter']['ellipsis'] = FALSE; - /* Sort criterion: Content: Post date */ + /* Critère de tri: Contenu : Date de publication */ $handler->display->display_options['sorts']['created']['id'] = 'created'; $handler->display->display_options['sorts']['created']['table'] = 'node'; $handler->display->display_options['sorts']['created']['field'] = 'created'; $handler->display->display_options['sorts']['created']['order'] = 'DESC'; - /* Filter criterion: Content: Published */ + /* Critère de filtrage: Contenu : Publié */ $handler->display->display_options['filters']['status']['id'] = 'status'; $handler->display->display_options['filters']['status']['table'] = 'node'; $handler->display->display_options['filters']['status']['field'] = 'status'; $handler->display->display_options['filters']['status']['value'] = 1; $handler->display->display_options['filters']['status']['group'] = 1; $handler->display->display_options['filters']['status']['expose']['operator'] = FALSE; - /* Filter criterion: Content: Type */ + /* Critère de filtrage: Contenu : Type */ $handler->display->display_options['filters']['type']['id'] = 'type'; $handler->display->display_options['filters']['type']['table'] = 'node'; $handler->display->display_options['filters']['type']['field'] = 'type'; $handler->display->display_options['filters']['type']['value'] = array( 'publication' => 'publication', ); - /* Filter criterion: Workflow: Current state */ + /* Critère de filtrage: Processus : État actuel */ $handler->display->display_options['filters']['sid']['id'] = 'sid'; $handler->display->display_options['filters']['sid']['table'] = 'workflow_node'; $handler->display->display_options['filters']['sid']['field'] = 'sid'; @@ -234,7 +311,6 @@ function materio_home_v2_views_default_views() { t('Trier par'), t('Asc'), t('Desc'), - t('more'), t('Home v2'), ); $export['publication_home_v2'] = $view; diff --git a/sites/all/themes/gui/materiobasetheme/css/styles.css b/sites/all/themes/gui/materiobasetheme/css/styles.css index 9ab906ee..e138f266 100644 --- a/sites/all/themes/gui/materiobasetheme/css/styles.css +++ b/sites/all/themes/gui/materiobasetheme/css/styles.css @@ -4144,7 +4144,7 @@ a { */ /* line 205, ../scss/layout.scss */ -body.home-v2 #header > .inner, body.home-v2 #utilities > .inner, body.home-v2 #main, body.home-v2 #footer { +body.home-v2 #header > .inner, body.home-v2 #utilities > .inner, body.home-v2 #center, body.home-v2 #footer { width: 100%; margin-left: auto; margin-right: auto; @@ -4153,12 +4153,12 @@ body.home-v2 #header > .inner, body.home-v2 #utilities > .inner, body.home-v2 #m max-width: 80rem; } /* line 172, ../bower_components/foundation/scss/foundation/components/_global.scss */ -body.home-v2 #header > .inner:before, body.home-v2 #header > .inner:after, body.home-v2 #utilities > .inner:before, body.home-v2 #utilities > .inner:after, body.home-v2 #main:before, body.home-v2 #main:after, body.home-v2 #footer:before, body.home-v2 #footer:after { +body.home-v2 #header > .inner:before, body.home-v2 #header > .inner:after, body.home-v2 #utilities > .inner:before, body.home-v2 #utilities > .inner:after, body.home-v2 #center:before, body.home-v2 #center:after, body.home-v2 #footer:before, body.home-v2 #footer:after { content: " "; display: table; } /* line 173, ../bower_components/foundation/scss/foundation/components/_global.scss */ -body.home-v2 #header > .inner:after, body.home-v2 #utilities > .inner:after, body.home-v2 #main:after, body.home-v2 #footer:after { +body.home-v2 #header > .inner:after, body.home-v2 #utilities > .inner:after, body.home-v2 #center:after, body.home-v2 #footer:after { clear: both; } @@ -10738,80 +10738,82 @@ body.home-v2 #center { #home-v2 > .panel-panel > div > .panel-pane { overflow: hidden; } -/* line 2801, ../scss/styles.scss */ +/* line 2800, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-node { border-radius: 5px; background-clip: padding-box; overflow: hidden; } -/* line 2804, ../scss/styles.scss */ +/* line 2803, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-node .pane-content, #home-v2 > .panel-panel > div > .panel-pane.pane-node .node { position: relative; width: 100%; height: 100%; overflow: hidden; } -/* line 2808, ../scss/styles.scss */ +/* line 2807, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-node .links a { background-color: rgba(255, 255, 255, 0.7); border-radius: 5px; background-clip: padding-box; padding: 15px; } -/* line 2814, ../scss/styles.scss */ +/* line 2813, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video { height: auto; background-color: #f7f8f2; - margin-top: 0; + margin-top: 2em; + margin-bottom: 2em; padding-top: 0; } -/* line 2819, ../scss/styles.scss */ +/* line 2818, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video { margin: 0 auto; } @media only screen and (max-width: 40em) { - /* line 2819, ../scss/styles.scss */ + /* line 2818, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video { width: 320px; height: 180px; } } @media only screen and (min-width: 40.063em) and (max-width: 64em) { - /* line 2819, ../scss/styles.scss */ + /* line 2818, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video { width: 640px; height: 360px; } } @media only screen and (min-width: 64.063em) and (max-width: 90em) { - /* line 2819, ../scss/styles.scss */ + /* line 2818, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video { width: 800px; height: 450px; } } @media only screen and (min-width: 90.063em) { - /* line 2819, ../scss/styles.scss */ + /* line 2818, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video { width: 1024px; height: 576px; } } -/* line 2833, ../scss/styles.scss */ +/* line 2832, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video .player, #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video iframe { width: 100%; height: 100%; } -/* line 2839, ../scss/styles.scss */ +/* line 2838, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-title-field { display: none; } -/* line 2843, ../scss/styles.scss */ +/* line 2842, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body { + display: none; margin-top: 1em; text-align: center; } -/* line 2847, ../scss/styles.scss */ +/* line 2846, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body p { text-align: left; display: moz-inline-stack; @@ -10823,16 +10825,22 @@ body.home-v2 #center { margin-left: 2%; font-size: 0.756em; } -/* line 2856, ../scss/styles.scss */ +@media only screen and (max-width: 40em) { + /* line 2846, ../scss/styles.scss */ + #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body p { + width: 48%; + } +} +/* line 2859, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 { margin: 2em 0; } -/* line 2858, ../scss/styles.scss */ +/* line 2861, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 ul.menu { margin: 0px; text-align: center; } -/* line 2861, ../scss/styles.scss */ +/* line 2864, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li { margin: 0 1em 0 0; padding: 0px; @@ -10844,7 +10852,7 @@ body.home-v2 #center { zoom: 1; *display: inline; } -/* line 2864, ../scss/styles.scss */ +/* line 2867, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a { background-color: #4d4d4d; border-radius: 5px; @@ -10856,42 +10864,48 @@ body.home-v2 #center { -webkit-transition: opacity,background-color 0.2s ease-out; transition: opacity,background-color 0.2s ease-out; } -/* line 2876, ../scss/styles.scss */ +/* line 2879, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(1):hover a { background-color: #ff7400; color: #4d4d4d; } -/* line 2880, ../scss/styles.scss */ +/* line 2883, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(2):hover a { background-color: #79e644; color: #4d4d4d; } -/* line 2884, ../scss/styles.scss */ +/* line 2887, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(3):hover a { background-color: #69cdcf; color: #4d4d4d; } -/* line 2888, ../scss/styles.scss */ +/* line 2891, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(4):hover a { background-color: #e6de1c; color: #4d4d4d; } -/* line 2892, ../scss/styles.scss */ +/* line 2895, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(5):hover a { background-color: #d476ae; color: #4d4d4d; } -/* line 2896, ../scss/styles.scss */ +/* line 2899, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(6):hover a { background-color: #772e88; color: #4d4d4d; } -/* line 2900, ../scss/styles.scss */ +/* line 2903, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(7):hover a { background-color: #e62326; color: #4d4d4d; } -/* line 2904, ../scss/styles.scss */ +@media only screen and (max-width: 40em) { + /* line 2859, ../scss/styles.scss */ + #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 { + display: none; + } +} +/* line 2911, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-transition: box-shadow 0.3s ease-out; @@ -10899,58 +10913,86 @@ body.home-v2 #center { height: 450px; margin-top: 15px; background-color: #fff; - background-size: cover; position: relative; } /* line 2788, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } -/* line 2912, ../scss/styles.scss */ +/* line 2919, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content { width: 100%; height: 100%; position: relative; } -/* line 2914, ../scss/styles.scss */ +/* line 2921, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .node { position: absolute; height: 100%; width: 100%; } -/* line 2915, ../scss/styles.scss */ +/* line 2922, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau { position: absolute; width: 100%; height: 100%; overflow: hidden; } -/* line 2917, ../scss/styles.scss */ +/* line 2924, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau img { width: 100%; margin-top: -10%; } -/* line 2919, ../scss/styles.scss */ +/* line 2926, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content { position: relative; z-index: 2; width: 30%; margin: 3em 2em; - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.8); padding: 1em; border-radius: 5px; background-clip: padding-box; } -/* line 2927, ../scss/styles.scss */ +/* line 2934, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content .field-name-title-field { font-size: 2.1em; font-weight: 300; } -/* line 2930, ../scss/styles.scss */ +/* line 2937, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content .field-name-body { - margin-top: 1em; + margin-top: 0.5em; } -/* line 2938, ../scss/styles.scss */ +@media only screen and (max-width: 40em) { + /* line 2911, ../scss/styles.scss */ + #home-v2 > .panel-panel > div > .panel-pane.showroom { + height: 210px; + margin-top: 10px; + } + /* line 2946, ../scss/styles.scss */ + #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau { + position: absolute; + width: 100%; + height: 100%; + overflow: hidden; + } + /* line 2948, ../scss/styles.scss */ + #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau img { + margin-top: 0; + } + /* line 2950, ../scss/styles.scss */ + #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content { + width: auto; + padding: 2%; + margin: 2%; + } + /* line 2954, ../scss/styles.scss */ + #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content .field-name-body { + font-size: 0.756em; + margin-top: 0.5em; + } +} +/* line 2963, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom:after { content: url("../img/bulle.png"); -webkit-transform: scale(0.8); @@ -10961,7 +11003,7 @@ body.home-v2 #center { right: -80px; z-index: 10; } -/* line 2947, ../scss/styles.scss */ +/* line 2972, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.bdd { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-transition: box-shadow 0.3s ease-out; @@ -10975,11 +11017,11 @@ body.home-v2 #center { #home-v2 > .panel-panel > div > .panel-pane.bdd:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } -/* line 2953, ../scss/styles.scss */ +/* line 2978, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.bdd .links a { background-color: #e6e6e6; } -/* line 2955, ../scss/styles.scss */ +/* line 2980, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau { display: moz-inline-stack; display: inline-block; @@ -10990,11 +11032,11 @@ body.home-v2 #center { height: 100%; overflow: hidden; } -/* line 2957, ../scss/styles.scss */ +/* line 2982, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau img { max-width: 2000px; } -/* line 2960, ../scss/styles.scss */ +/* line 2985, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content { display: moz-inline-stack; display: inline-block; @@ -11007,16 +11049,16 @@ body.home-v2 #center { border-radius: 5px; background-clip: padding-box; } -/* line 2965, ../scss/styles.scss */ +/* line 2990, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content .field-name-title-field { font-size: 2.1em; font-weight: 300; } -/* line 2968, ../scss/styles.scss */ +/* line 2993, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content .field-name-body { margin-top: 1em; } -/* line 2973, ../scss/styles.scss */ +/* line 2998, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.bdd:after { content: url("../img/boule.png"); -webkit-transform: scale(0.8); @@ -11026,7 +11068,7 @@ body.home-v2 #center { bottom: -50px; left: -50px; } -/* line 2982, ../scss/styles.scss */ +/* line 3007, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.formations { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-transition: box-shadow 0.3s ease-out; @@ -11041,16 +11083,16 @@ body.home-v2 #center { #home-v2 > .panel-panel > div > .panel-pane.formations:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } -/* line 2989, ../scss/styles.scss */ +/* line 3014, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.formations a { color: #FFF; } -/* line 2991, ../scss/styles.scss */ +/* line 3016, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.formations .node { padding: 0 0 0 30%; width: 70%; } -/* line 2994, ../scss/styles.scss */ +/* line 3019, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.formations .node:before { content: " "; background: transparent url("../img/formations.png") no-repeat center center; @@ -11062,21 +11104,21 @@ body.home-v2 #center { width: 30%; height: 100%; } -/* line 3007, ../scss/styles.scss */ +/* line 3032, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.formations .group-content { padding: 1em; position: relative; } -/* line 3009, ../scss/styles.scss */ +/* line 3034, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.formations .group-content .field-name-title-field { font-size: 2.1em; font-weight: 300; } -/* line 3012, ../scss/styles.scss */ +/* line 3037, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.formations .group-content .field-name-body { margin-top: 1em; } -/* line 3017, ../scss/styles.scss */ +/* line 3042, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.services { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-transition: box-shadow 0.3s ease-out; @@ -11089,12 +11131,12 @@ body.home-v2 #center { #home-v2 > .panel-panel > div > .panel-pane.services:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } -/* line 3023, ../scss/styles.scss */ +/* line 3048, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.services .node { padding: 0 30% 0 0; width: 70%; } -/* line 3026, ../scss/styles.scss */ +/* line 3051, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.services .node:before { content: " "; background: transparent url("../img/services.png") no-repeat center center; @@ -11106,21 +11148,21 @@ body.home-v2 #center { width: 30%; height: 100%; } -/* line 3039, ../scss/styles.scss */ +/* line 3064, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.services .group-content { padding: 1em; position: relative; } -/* line 3041, ../scss/styles.scss */ +/* line 3066, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.services .group-content .field-name-title-field { font-size: 2.1em; font-weight: 300; } -/* line 3044, ../scss/styles.scss */ +/* line 3069, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.services .group-content .field-name-body { margin-top: 1em; } -/* line 3050, ../scss/styles.scss */ +/* line 3075, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.publication { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-transition: box-shadow 0.3s ease-out; @@ -11136,11 +11178,11 @@ body.home-v2 #center { #home-v2 > .panel-panel > div > .panel-pane.publication:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } -/* line 3057, ../scss/styles.scss */ +/* line 3082, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.publication, #home-v2 > .panel-panel > div > .panel-pane.publication a, #home-v2 > .panel-panel > div > .panel-pane.publication h1, #home-v2 > .panel-panel > div > .panel-pane.publication h2 { color: #fff; } -/* line 3061, ../scss/styles.scss */ +/* line 3086, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row { display: moz-inline-stack; display: inline-block; @@ -11149,24 +11191,25 @@ body.home-v2 #center { *display: inline; width: 30%; } -/* line 3064, ../scss/styles.scss */ +/* line 3089, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row h1 { display: none; } -/* line 3070, ../scss/styles.scss */ +/* line 3095, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .pane-news-home-v2 { background-color: #e6e6e6; border-radius: 10px; background-clip: padding-box; margin-top: 30px; padding-top: 1em; + padding-bottom: 1em; position: relative; } -/* line 3077, ../scss/styles.scss */ +/* line 3102, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .pane-news-home-v2 h2 { font-size: 30px; } -/* line 3079, ../scss/styles.scss */ +/* line 3104, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper { width: 100%; margin-left: auto; @@ -11184,29 +11227,27 @@ body.home-v2 #center { #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper:after { clear: both; } -/* line 3081, ../scss/styles.scss */ +/* line 3106, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel { overflow: hidden; -} -/* line 3083, ../scss/styles.scss */ -#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .inside { - margin: 0; -} -/* line 3085, ../scss/styles.scss */ -#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-col-first { - padding-left: 0.9375rem; - padding-right: 0.9375rem; - width: 58.33333%; - float: left; -} -/* line 3086, ../scss/styles.scss */ -#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-col-last { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 33.33333%; float: left; + width: 30.5%; + padding-left: 1em; } -/* line 3088, ../scss/styles.scss */ +/* line 3111, ../scss/styles.scss */ +#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .inside { + margin: 0; +} +/* line 3112, ../scss/styles.scss */ +#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel article.node, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel article.node-breve.vm-cardbig { + max-width: 95%; + margin: 0; + height: 610px; +} +/* line 3115, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom { width: 100%; margin-left: auto; @@ -11226,14 +11267,14 @@ body.home-v2 #center { #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom:after { clear: both; } -/* line 3090, ../scss/styles.scss */ +/* line 3117, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom > .inside { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; } -/* line 3096, ../scss/styles.scss */ +/* line 3123, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .pane-news-home-v2 .view-news-home-v2 .views-row { display: moz-inline-stack; display: inline-block; @@ -11241,7 +11282,7 @@ body.home-v2 #center { zoom: 1; *display: inline; } -/* line 3098, ../scss/styles.scss */ +/* line 3125, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews { border-radius: 5px; background-clip: padding-box; @@ -11253,7 +11294,7 @@ body.home-v2 #center { position: relative; margin: 7px; } -/* line 3105, ../scss/styles.scss */ +/* line 3132, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a { position: absolute; bottom: 0; @@ -11261,19 +11302,12 @@ body.home-v2 #center { background-color: #FFF; text-align: center; } -/* line 3110, ../scss/styles.scss */ +/* line 3137, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a h1 { padding: 10px; margin: 0; font-size: 1em; } -/* line 3119, ../scss/styles.scss */ -#home-v2 > .panel-panel > div > .pane-news-home-v2:after { - content: url("../img/point.png"); - position: absolute; - bottom: 50px; - right: 0px; -} /* __ ___ diff --git a/sites/all/themes/gui/materiobasetheme/js/script.js b/sites/all/themes/gui/materiobasetheme/js/script.js index 271fe362..dfa32a6d 100644 --- a/sites/all/themes/gui/materiobasetheme/js/script.js +++ b/sites/all/themes/gui/materiobasetheme/js/script.js @@ -293,116 +293,118 @@ function initHomeV2(){ console.log('initHomeV2'); - // Click Menu and scroll to part of the page - $('.pane-menu-menu-home-v2 .menu li a').each(function(){ - // var href = $(this).attr("href"); - // var part = link.replace("/fr/", ""); - // $(this).attr('href', '#' +part); - // $(this).click(function(e){ - // e.preventDefault(); - // var scrollTo = $('.' + part).offset().top -200; - // $("body").animate({scrollTop: scrollTo}, 2000 ); - // return false; - // }) - var reg = /\b([^-]+)-link/g; - var match = reg.exec($(this).attr('class')); - console.log('match', match); - $(this).attr('href', '#' +match[1]+ '-pane'); + if(!_max_480()){ - $('#'+match[1]+'-pane').attr('data-menu-offset','-80'); - }); + /* + // Click Menu and scroll to part of the page + $('.pane-menu-menu-home-v2 .menu li a').each(function(){ + // var href = $(this).attr("href"); + // var part = link.replace("/fr/", ""); + // $(this).attr('href', '#' +part); + // $(this).click(function(e){ + // e.preventDefault(); + // var scrollTo = $('.' + part).offset().top -200; + // $("body").animate({scrollTop: scrollTo}, 2000 ); + // return false; + // }) + var reg = /\b([^-]+)-link/g; + var match = reg.exec($(this).attr('class')); + console.log('match', match); + $(this).attr('href', '#' +match[1]+ '-pane'); + + $('#'+match[1]+'-pane').attr('data-menu-offset','-80'); + }); + */ + // SKROLLR effects + // showroom TXT + $('.panel-pane.showroom .group-content', '#home-v2') + .attr('data-400-center-top', 'transform:translateX(-43em);opacity:0;') + .attr('data-100-center-center', 'transform[quadratic]:translateX(0em);opacity[quadratic]:1;') + .attr('data-top-bottom', 'transform[quadratic]:translateX(10em);'); + // showroom Image BGD + $('.panel-pane.showroom .field-name-field-bandeau img', '#home-v2') + .attr('data-400-bottom-top', 'transform:translateY(-20em);') + .attr('data-100-top-bottom', 'transform:translateY(5em);'); + // database TXT + $('.panel-pane.bdd .group-content', '#home-v2') + .attr('data-400-center-top', 'transform:translateX(40em);opacity:0;') + .attr('data-100-center-center', 'transform[quadratic]:translateX(0em);opacity[quadratic]:1;'); + // database IMG + $('.panel-pane.bdd .field-name-field-bandeau img', '#home-v2') + .attr('data-400-bottom-top', 'transform:translateX(0em);') + .attr('data-100-top-bottom', 'transform[quadratic]:translateX(-40em);'); + // news + $('.panel-pane.news-panel .center-wrapper .panel-panel', '#home-v2').each(function(i, e){ + $(this) + // .attr('data-anchor-target', "#news-pane") + .attr('data--'+(i+1)*150+'-bottom-top', 'transform:translateY(20em);opacity:0;') + .attr('data-100-center-center', 'transform[quadratic]:translateY(0em);opacity:1;'); + }); - // SKROLLR effects - // showroom TXT - $('.panel-pane.showroom .group-content', '#home-v2') - .attr('data-400-center-top', 'transform:translateX(-35em);opacity:0;') - .attr('data-100-center-center', 'transform[quadratic]:translateX(0em);opacity[quadratic]:1;') - .attr('data-top-bottom', 'transform[quadratic]:translateX(10em);'); - // showroom Image BGD - $('.panel-pane.showroom .field-name-field-bandeau img', '#home-v2') - .attr('data-400-bottom-top', 'transform:translateY(-20em);') - .attr('data-100-top-bottom', 'transform:translateY(5em);'); - // database TXT - $('.panel-pane.bdd .group-content', '#home-v2') - .attr('data-400-center-top', 'transform:translateX(40em);opacity:0;') - .attr('data-100-center-center', 'transform[quadratic]:translateX(0em);opacity[quadratic]:1;'); - // database IMG - $('.panel-pane.bdd .field-name-field-bandeau img', '#home-v2') - .attr('data-400-bottom-top', 'transform:translateX(0em);') - .attr('data-100-top-bottom', 'transform[quadratic]:translateX(-40em);'); - //NEWS node news - $('.panel-pane.news .views-row', '#home-v2').each(function(i, e){ - $(this) - .attr('data-anchor-target', "#news-pane") - .attr('data--'+i*100+'-bottom-top', 'opacity:0;') - .attr('data-'+i*50+'-center-center', 'opacity:1;'); - }); - // NEWS daily - $('.panel-pane.news-panel .panel-col-last', '#home-v2') - .attr('data-400-bottom-top', 'transform:translateX(40em);') - .attr('data-center-top', 'transform[quadratic]:translateX(0em);'); - // Formations - $('.panel-pane.formations .group-content', '#home-v2') - .attr('data-50-bottom-top', 'transform:translateX(20em);opacity:0;') - .attr('data-center-top', 'transform[quadratic]:translateX(0em);opacity:1;'); - // Formations - $('.panel-pane.services .group-content', '#home-v2') - .attr('data-50-bottom-top', 'transform:translateX(20em);opacity:0;') - .attr('data-center-top', 'transform[quadratic]:translateX(0em);opacity:1;'); - //Publication node news - $('.panel-pane.publication .views-row', '#home-v2').each(function(i, e){ - $(this) - // .attr('data-anchor-target', "#news-pane") - .attr('data--'+i*100+'-bottom-top', 'opacity:0;') - .attr('data-'+i*50+'-center-center', 'opacity:1;'); - }); + // Formations + $('.panel-pane.formations .group-content', '#home-v2') + .attr('data-50-bottom-top', 'transform:translateX(20em);opacity:0;') + .attr('data-center-top', 'transform[quadratic]:translateX(0em);opacity:1;'); + // Formations + $('.panel-pane.services .group-content', '#home-v2') + .attr('data-50-bottom-top', 'transform:translateX(20em);opacity:0;') + .attr('data-center-top', 'transform[quadratic]:translateX(0em);opacity:1;'); + //Publication node news + $('.panel-pane.publication .views-row', '#home-v2').each(function(i, e){ + $(this) + // .attr('data-anchor-target', "#news-pane") + .attr('data--'+i*100+'-bottom-top', 'opacity:0;') + .attr('data-'+i*50+'-center-center', 'opacity:1;'); + }); + _skrollr = skrollr.init(); - _skrollr = skrollr.init(); + /* + //The options (second parameter) are all optional. The values shown are the default values. + skrollr.menu.init(_skrollr, { + //skrollr will smoothly animate to the new position using `animateTo`. + animate: true, - //The options (second parameter) are all optional. The values shown are the default values. - skrollr.menu.init(_skrollr, { - //skrollr will smoothly animate to the new position using `animateTo`. - animate: true, + //The easing function to use. + easing: 'outCubic', - //The easing function to use. - easing: 'outCubic', + //Multiply your data-[offset] values so they match those set in skrollr.init + scale: 2, - //Multiply your data-[offset] values so they match those set in skrollr.init - scale: 2, + //How long the animation should take in ms. + duration: function(currentTop, targetTop) { + //By default, the duration is hardcoded at 500ms. + // return 500; + //But you could calculate a value based on the current scroll position (`currentTop`) and the target scroll position (`targetTop`). + return Math.abs(currentTop - targetTop)*0.8; + }, - //How long the animation should take in ms. - duration: function(currentTop, targetTop) { - //By default, the duration is hardcoded at 500ms. - // return 500; - //But you could calculate a value based on the current scroll position (`currentTop`) and the target scroll position (`targetTop`). - return Math.abs(currentTop - targetTop)*0.8; - }, + //If you pass a handleLink function you'll disable `data-menu-top` and `data-menu-offset`. + //You are in control where skrollr will scroll to. You get the clicked link as a parameter and are expected to return a number. + // handleLink: function(link) { + // return 400;//Hardcoding 400 doesn't make much sense. + // }, - //If you pass a handleLink function you'll disable `data-menu-top` and `data-menu-offset`. - //You are in control where skrollr will scroll to. You get the clicked link as a parameter and are expected to return a number. - // handleLink: function(link) { - // return 400;//Hardcoding 400 doesn't make much sense. - // }, + //By default skrollr-menu will only react to links whose href attribute contains a hash and nothing more, e.g. `href="#foo"`. + //If you enable `complexLinks`, skrollr-menu also reacts to absolute and relative URLs which have a hash part. + //The following will all work (if the user is on the correct page): + //http://example.com/currentPage/#foo + //http://example.com/currentDir/currentPage.html?foo=bar#foo + ///?foo=bar#foo + complexLinks: false, - //By default skrollr-menu will only react to links whose href attribute contains a hash and nothing more, e.g. `href="#foo"`. - //If you enable `complexLinks`, skrollr-menu also reacts to absolute and relative URLs which have a hash part. - //The following will all work (if the user is on the correct page): - //http://example.com/currentPage/#foo - //http://example.com/currentDir/currentPage.html?foo=bar#foo - ///?foo=bar#foo - complexLinks: false, + //This event is triggered right before we jump/animate to a new hash. + // change: function(newHash, newTopPosition) { + // //Do stuff + // }, - //This event is triggered right before we jump/animate to a new hash. - // change: function(newHash, newTopPosition) { - // //Do stuff - // }, - - //Add hash link (e.g. `#foo`) to URL or not. - updateUrl: false //defaults to `true`. - }); + //Add hash link (e.g. `#foo`) to URL or not. + updateUrl: false //defaults to `true`. + }); + */ + } }; /** diff --git a/sites/all/themes/gui/materiobasetheme/scss/layout.scss b/sites/all/themes/gui/materiobasetheme/scss/layout.scss index ea0bd512..d694a04c 100644 --- a/sites/all/themes/gui/materiobasetheme/scss/layout.scss +++ b/sites/all/themes/gui/materiobasetheme/scss/layout.scss @@ -133,7 +133,7 @@ $rootminwidth : 320px; } /** NIVEAU 2 */ -@mixin padded(){ $p:2%; width:100%-2*$p; padding-left:$p; padding-right:$p; } +@mixin padded(){ $p:2%; width:96%; padding-left:$p; padding-right:$p; } // @mixin padded(){width:100%;} $header-z-index:1000; @@ -202,7 +202,7 @@ $header-z-index:1000; */ body.home-v2{ - #header>.inner, #utilities>.inner, #main, #footer{ + #header>.inner, #utilities>.inner, #center, #footer{ @include grid-row(); } // #header,#utilities{ diff --git a/sites/all/themes/gui/materiobasetheme/scss/styles.scss b/sites/all/themes/gui/materiobasetheme/scss/styles.scss index 1b9671d6..c56c0817 100644 --- a/sites/all/themes/gui/materiobasetheme/scss/styles.scss +++ b/sites/all/themes/gui/materiobasetheme/scss/styles.scss @@ -2797,7 +2797,6 @@ body.home-v2{ >.panel-panel>div>.panel-pane { // padding: 10px 15px; overflow:hidden; - &.pane-node{ @include rounded(5px); overflow:hidden; @@ -2814,7 +2813,7 @@ body.home-v2{ &.intro-video{ height:auto; background-color: #f7f8f2; - margin-top:0; padding-top:0; + margin-top:2em;margin-bottom:2em; padding-top:0; .field-name-field-emvideo{ .embedded-video{ margin:0 auto; @@ -2841,7 +2840,7 @@ body.home-v2{ } .field-name-body{ - // @include grid-row(); + display:none; margin-top:1em; text-align: center; p{ @@ -2850,6 +2849,10 @@ body.home-v2{ @include inlineblock(); width:35%; margin-left:2%; font-size:0.756em; + + @media #{$small-only}{ + width:48%; + } } } } @@ -2900,6 +2903,10 @@ body.home-v2{ &:hover a{background-color: $rouge; color:#4d4d4d;} } } + + @media #{$small-only}{ + display:none; + } } &.showroom{ @include shaddowed(); @@ -2907,7 +2914,7 @@ body.home-v2{ margin-top: 15px; background-color: #fff; // background: url("http://carnet-aux-petites-choses.fr/wp-content/uploads/2015/02/un-oeil-sur-la-matiere-materiO-26_gagaone.jpg"); - background-size: cover; + // background-size: cover; position: relative; .pane-content{ width:100%; height:100%; position:relative; @@ -2921,17 +2928,35 @@ body.home-v2{ z-index:2; width:30%; margin:3em 2em; - background-color: rgba(255,255,255, 0.7); + background-color: rgba(255,255,255, 0.8); padding:1em; @include rounded(5px); .field-name-title-field{ font-size: 2.1em; font-weight: 300; } .field-name-body{ - margin-top: 1em; + margin-top: 0.5em; + } + } + } + @media #{$small-only}{ + height:210px; + margin-top: 10px; + .pane-content{ + .field-name-field-bandeau{ + position:absolute; width:100%; height:100%; overflow:hidden; + img{margin-top:0;} + } + .group-content{ + width:auto; + padding:2%; + margin:2%; + .field-name-body{ + font-size:0.756em; + margin-top:0.5em; + } } } - } @@ -3069,7 +3094,7 @@ body.home-v2{ //mini panneau news >.panel-panel>div>.pane-news-home-v2{ background-color: #e6e6e6; @include rounded(10px); - margin-top: 30px; padding-top: 1em; + margin-top: 30px; padding-top: 1em; padding-bottom: 1em; // padding:0; position: relative; // .panel-col-first{width:70%;} @@ -3080,10 +3105,12 @@ body.home-v2{ @include grid-row(); .panel-panel{ overflow:hidden; + @include grid-column(4); + width:30.5%; + padding-left:1em; .inside{margin:0;} + article.node, article.node-breve.vm-cardbig{max-width: 95%; margin:0; height:610px;} } - .panel-col-first{@include grid-column(7);} - .panel-col-last{@include grid-column(4);} } #mini-panel-news_home_v2 .panel-col-bottom{ @include grid-row(); margin-top: 1.5em; margin-bottom: 1.5em; @@ -3116,13 +3143,13 @@ body.home-v2{ } //deco - &:after{ - content:url("../img/point.png"); - //transform: scale(1); - position: absolute; - bottom:50px; - right: 0px; - } + // &:after{ + // content:url("../img/point.png"); + // //transform: scale(1); + // position: absolute; + // bottom:50px; + // right: 0px; + // } }