bachir/materio-base-legacy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

upadted home V2

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi 2015-06-10 15:53:49 +02:00
parent 96aef8c128
commit afd3a90538
9 changed files with 407 additions and 246 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
sites/all/modules/features/materio_content_types/materio_content_types.features.field_instance.inc
View File

@ -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(

1
sites/all/modules/features/materio_content_types/materio_content_types.info
View File

@ -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

2
sites/all/modules/features/materio_home_v2/materio_home_v2.pages_default.inc
View File

@ -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,

39
sites/all/modules/features/materio_home_v2/materio_home_v2.panels_default.inc
View File

@ -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;

114
sites/all/modules/features/materio_home_v2/materio_home_v2.views_default.inc
View File

@ -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;

226
sites/all/themes/gui/materiobasetheme/css/styles.css
View File

@ -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;
}
/*
__ ___

196
sites/all/themes/gui/materiobasetheme/js/script.js
View File

@ -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`.
});
*/
}
};
/**

4
sites/all/themes/gui/materiobasetheme/scss/layout.scss
View File

@ -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{

61
sites/all/themes/gui/materiobasetheme/scss/styles.scss
View File

@ -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;
// }
}