Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
5f7cf355 by Jeff Balicki
Options

side menu 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 2e0427c3
Inline Side-by-side
Showing 20 changed files with 569 additions and 54 deletions
1 [
2 {
3 "key": "group_63499b3a90e22",
4 "title": "Call Out Block",
5 "fields": [
6 {
7 "key": "field_63499b49415ec",
8 "label": "Text Content",
9 "name": "text_content",
10 "type": "wysiwyg",
11 "instructions": "",
12 "required": 0,
13 "conditional_logic": 0,
14 "wrapper": {
15 "width": "",
16 "class": "",
17 "id": ""
18 },
19 "default_value": "",
20 "tabs": "all",
21 "toolbar": "full",
22 "media_upload": 1,
23 "delay": 0
24 },
25 {
26 "key": "field_63499c971e885",
27 "label": "Button Text",
28 "name": "button_text",
29 "type": "text",
30 "instructions": "",
31 "required": 0,
32 "conditional_logic": 0,
33 "wrapper": {
34 "width": "",
35 "class": "",
36 "id": ""
37 },
38 "default_value": "",
39 "placeholder": "",
40 "prepend": "",
41 "append": "",
42 "maxlength": ""
43 },
44 {
45 "key": "field_63499ca41e886",
46 "label": "Button URL",
47 "name": "button_url",
48 "type": "link",
49 "instructions": "",
50 "required": 0,
51 "conditional_logic": 0,
52 "wrapper": {
53 "width": "",
54 "class": "",
55 "id": ""
56 },
57 "return_format": "url"
58 },
59 {
60 "key": "field_63499b6c415ed",
61 "label": "Background Image",
62 "name": "background_image",
63 "type": "image",
64 "instructions": "",
65 "required": 0,
66 "conditional_logic": 0,
67 "wrapper": {
68 "width": "",
69 "class": "",
70 "id": ""
71 },
72 "return_format": "url",
73 "preview_size": "medium",
74 "library": "all",
75 "min_width": "",
76 "min_height": "",
77 "min_size": "",
78 "max_width": "",
79 "max_height": "",
80 "max_size": "",
81 "mime_types": ""
82 }
83 ],
84 "location": [
85 [
86 {
87 "param": "block",
88 "operator": "==",
89 "value": "acf\/call-out-block"
90 }
91 ]
92 ],
93 "menu_order": 0,
94 "position": "normal",
95 "style": "default",
96 "label_placement": "top",
97 "instruction_placement": "label",
98 "hide_on_screen": "",
99 "active": true,
100 "description": "",
101 "show_in_rest": 0
102 }
103 ]
...\ No newline at end of file ...\ No newline at end of file
1 <?php
2
3 $type = get_field('type');
4 if(!$type || $type == 'full_width_half') {
5
6 $id = 'full-width-block-' . $block['id'] . rand(0,100);
7 if( !empty($block['anchor']) ) {
8 $id = $block['anchor'];
9 }
10
11 // Create class attribute allowing for custom "className" and "align" values.
12 $className = 'full-width-block ' . $type;
13 $className .= ' ' .get_field('style');
14 if( !empty($block['className']) ) {
15 $className .= ' ' . $block['className'];
16 }
17
18 $image = get_field('image');
19 $buttons = get_field('buttons');
20 $content = get_field('content');
21 $style = get_field('style');
22 $colour_style = get_field('colour_style');
23 $show_previous_impact_reports = get_field('show_previous_impact_reports');
24 $show_previous_financial_reports = get_field('show_previous_financial_reports');
25
26 ?>
27
28 <div class="stretch no-pad <?= $className ?> <?= $colour_style ?> <?= $style ?>" id='<?= $id ?>'>
29
30 <div class='image'><figure class='wp-block-image'><img src='<?= $image['sizes']['medium_large'] ?>' alt='<?= $image['alt'] ?>' /><?php if(!empty($image['caption'])) { ?> <figcaption><?= $image['caption'] ?></figcaption><?php } ?></figure></div>
31 <div class='content'>
32 <div class='inner-content'><?= $content ?></div>
33 <div class='button-list'>
34 <?php foreach($buttons as $btn) { ?>
35 <a class='btn' href='<?= $btn['link']['url'] ?>'><?= $btn['link']['title'] ?></a>
36 <?php } ?>
37 </div>
38 <?php if($show_previous_impact_reports) { ?>
39 <a class='previous-reports-anchor' href='#'><?= __("VIEW PREVIOUS REPORTS AND LATEST INTERNATIONAL REPORT", 'msf') ?></a>
40 <div class='previous_impact_reports'>
41 <?php msf_get_translated_sidebar('previous-impact-report') ?>
42 </div>
43 <?php } ?>
44 <?php if($show_previous_financial_reports && !$show_previous_impact_reports) { ?>
45 <a class='previous-reports-anchor' href='#'><?= __("VIEW PREVIOUS REPORTS & LATEST INTERNATIONAL FINANCIAL REPORT", 'msf') ?></a>
46 <div class='previous_impact_reports'>
47 <?php msf_get_translated_sidebar('previous-financial-report') ?>
48 </div>
49 <?php } ?>
50 </div>
51
52 </div>
53
54
55 <?php
56 } else {
57
58 // Create id attribute allowing for custom "anchor" value.
59 $id = 'call-out-block-' . $block['id'] . rand(0,100);
60 if( !empty($block['anchor']) ) {
61 $id = $block['anchor'];
62 }
63
64 // Create class attribute allowing for custom "className" and "align" values.
65 $className = 'call-out-block ' . $type;
66 $className .= ' ' .get_field('style');
67 if( !empty($block['className']) ) {
68 $className .= ' ' . $block['className'];
69 }
70
71 $count = get_field('count');
72 $button = get_field('button_url');
73 $bg_image = get_field('background_image');
74 $text_content = get_field('text_content');
75 $pure_html = get_field('pure_html');
76 ?>
77
78 <div class="<?= $className ?> <?= (strlen($text_content) < 250)?'small-text':'' ?>" id='<?= $id ?>' style="<?= (!empty($bg_image))?"background-image: url(".$bg_image.")":"" ?>">
79 <div class='content'>
80 <?= $text_content ?>
81 <?php if($type == 'newsletter_signup') { ?>
82 <?= get_field('signup_form', 'options') ?>
83 <?php } else if($type == 'html') { ?>
84 <?= $pure_html ?>
85 <?php } ?>
86 <?php if(!empty($button)) { ?>
87 <a href="<?= $button['url'] ?>" > <?= $button['title'] ?> </a>
88 <?php } ?>
89 </div>
90 </div>
91
92 <?php } ?>
...\ No newline at end of file ...\ No newline at end of file
1 .call-out-block{
2 background-size: cover;
3 min-height: 300px;
4 position: relative;
5 overflow: hidden;
6 text-align: center;
7 display: flex;
8 align-items: center;
9 justify-content: center;
10 color:#fff;
11 margin-left:-50%;
12 margin-right:-50%;
13 padding-left:50%;
14 padding-right:50%;
15 box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
16 }
17
18 .call-out-block h2{
19 text-align: center;
20 }
21 .call-out-block p{
22 text-align: center;
23 }
24 .call-out-block a{
25 border-radius: 0!important;
26 background-color: #EE0000;
27 color: #fff;
28 border: none;
29 font-size: 19px;
30 font-weight: 500;
31 margin: 10px 0 0px 0;
32 padding: 15px 60px;
33 line-height: 26px;
34 text-decoration: none;
35 text-transform: uppercase;
36 display: inline-block;
37 width: unset;
38
39 }
40
41 .call-out-block a:hover{
42 color: #fff;
43 background-color:#669999;
44
45 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -16109,16 +16109,16 @@ h4, .h4 { ...@@ -16109,16 +16109,16 @@ h4, .h4 {
16109 line-height: 25px; 16109 line-height: 25px;
16110 } 16110 }
16111 16111
16112 ul li { 16112 ul:not(.side-menu):not(.children) li {
16113 color: #4D4D4D; 16113 color: #4D4D4D;
16114 margin-bottom: 8px; 16114 margin-bottom: 8px;
16115 padding: 3px 0 2px 10px; 16115 padding: 3px 0 2px 10px;
16116 } 16116 }
16117 ul li ul { 16117 ul:not(.side-menu):not(.children) li ul:not(.side-menu):not(.children) {
16118 list-style: none; 16118 list-style: none;
16119 margin-top: 8px; 16119 margin-top: 8px;
16120 } 16120 }
16121 ul li ul li:before { 16121 ul:not(.side-menu):not(.children) li ul:not(.side-menu):not(.children) li:before {
16122 content: "-"; 16122 content: "-";
16123 color: #4D4D4D; 16123 color: #4D4D4D;
16124 font-weight: bold; 16124 font-weight: bold;
...@@ -17358,12 +17358,13 @@ ul.sf_date_field .sf-datepicker { ...@@ -17358,12 +17358,13 @@ ul.sf_date_field .sf-datepicker {
17358 font-weight: bold; 17358 font-weight: bold;
17359 font-size: 20px; 17359 font-size: 20px;
17360 line-height: 25px; 17360 line-height: 25px;
17361 text-decoration: none;
17361 } 17362 }
17362 17363
17363 .side-menu { 17364 .side-menu {
17364 list-style: none; 17365 list-style: none;
17365 margin-top: 14px; 17366 margin-top: 14px;
17366 padding-left: 0px; 17367 padding-left: 15px;
17367 } 17368 }
17368 .side-menu li { 17369 .side-menu li {
17369 margin-bottom: 14px; 17370 margin-bottom: 14px;
...@@ -17373,6 +17374,56 @@ ul.sf_date_field .sf-datepicker { ...@@ -17373,6 +17374,56 @@ ul.sf_date_field .sf-datepicker {
17373 font-size: 20px; 17374 font-size: 20px;
17374 line-height: 25px; 17375 line-height: 25px;
17375 } 17376 }
17377 .side-menu li a:hover {
17378 text-decoration: underline;
17379 position: relative;
17380 }
17381 .side-menu li a:hover:before {
17382 content: "";
17383 position: absolute;
17384 left: -15px;
17385 top: 8px;
17386 border-radius: 50%;
17387 width: 9px;
17388 height: 9px;
17389 background: #EE0000 0% 0% no-repeat padding-box;
17390 }
17391 .side-menu .children .has-children {
17392 position: relative;
17393 }
17394 .side-menu .children .has-children:after {
17395 position: absolute;
17396 content: "";
17397 width: 14px;
17398 height: 9px;
17399 top: 10px;
17400 margin-left: 10px;
17401 transform: rotateX(180deg);
17402 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14.462" height="8.769" viewBox="0 0 14.462 8.769"><path id="Path_1387" data-name="Path 1387" d="M18.55,187.453c.5.507.993,1.01,1.49,1.508q1.791,1.789,3.585,3.575a.8.8,0,0,0,1.188,0c.227-.234.46-.462.691-.692a.787.787,0,0,0,0-1.179l-3.223-3.224q-1.563-1.565-3.125-3.131a.872.872,0,0,0-.585-.279.833.833,0,0,0-.643.278q-1.206,1.21-2.413,2.42l-3.285,3.286c-.224.224-.448.446-.67.671a.783.783,0,0,0,.008,1.157l.685.684a.8.8,0,0,0,1.206,0l2.908-2.9,2.106-2.1Z" transform="translate(-11.305 -184.028)"/></svg>');
17403 }
17404 .side-menu .children .children {
17405 padding-left: 20px;
17406 display: none;
17407 }
17408 .side-menu .children .children:has(.current_page_item) {
17409 display: block;
17410 }
17411 .side-menu .children a.opened:after {
17412 transform: rotateX(0deg);
17413 }
17414 .side-menu ul {
17415 list-style: none;
17416 margin-top: 14px;
17417 padding-left: 15px;
17418 }
17419 .current_page_item a {
17420 font-weight: bold;
17421 text-decoration: underline;
17422 }
17423 .current_page_item li a {
17424 font-weight: 300;
17425 text-decoration: none;
17426 }
17376 17427
17377 @media only screen and (max-width: 1000px) { 17428 @media only screen and (max-width: 1000px) {
17378 #page-sidebar { 17429 #page-sidebar {
...@@ -17578,6 +17629,52 @@ ul.sf_date_field .sf-datepicker { ...@@ -17578,6 +17629,52 @@ ul.sf_date_field .sf-datepicker {
17578 padding-left: 2rem; 17629 padding-left: 2rem;
17579 } 17630 }
17580 17631
17632 .call-out-block {
17633 background-size: cover;
17634 min-height: 300px;
17635 position: relative;
17636 overflow: hidden;
17637 text-align: center;
17638 display: flex;
17639 align-items: center;
17640 justify-content: center;
17641 color: #fff;
17642 margin-left: -50%;
17643 margin-right: -50%;
17644 padding-left: 50%;
17645 padding-right: 50%;
17646 box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
17647 }
17648
17649 .call-out-block h2, .call-out-block .h2 {
17650 text-align: center;
17651 }
17652
17653 .call-out-block p {
17654 text-align: center;
17655 }
17656
17657 .call-out-block a {
17658 border-radius: 0 !important;
17659 background-color: #EE0000;
17660 color: #fff;
17661 border: none;
17662 font-size: 19px;
17663 font-weight: 500;
17664 margin: 10px 0 0px 0;
17665 padding: 15px 60px;
17666 line-height: 26px;
17667 text-decoration: none;
17668 text-transform: uppercase;
17669 display: inline-block;
17670 width: unset;
17671 }
17672
17673 .call-out-block a:hover {
17674 color: #fff;
17675 background-color: #669999;
17676 }
17677
17581 .has-blue-color, 17678 .has-blue-color,
17582 .has-blue-color:visited { 17679 .has-blue-color:visited {
17583 color: #0d6efd; 17680 color: #0d6efd;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -25,4 +25,19 @@ if( function_exists('acf_add_options_page') ) { ...@@ -25,4 +25,19 @@ if( function_exists('acf_add_options_page') ) {
25 'mode' => 'edit' 25 'mode' => 'edit'
26 )); 26 ));
27 27
28 acf_register_block(array(
29 'name' => 'call-out-block',
30 'title' => __('Call Out Block'),
31 'description' => __('A custom block for Call Out Block items.'),
32 'render_template' => 'blocks/call-out-block/call-out-block.php',
33 'category' => 'layout',
34 'icon' => 'excerpt-view',
35 'mode' => 'edit',
36 'supports' => [
37 'align' => false,
38 'anchor' => true,
39 'customClassName' => true
40 ]
41 ));
42
28 } 43 }
...\ No newline at end of file ...\ No newline at end of file
......
1 <?php 1 <?php /**
2 2 * Use wp_list_pages() to display parent and all child pages of current page.
3 function show_all_children($parent_id, $post_id, $current_level) 3 */
4 { 4 function wpse_get_ancestor_tree() {
5 5 // Bail if this is not a page.
6 $top_parents = array(); 6 if ( ! is_page() ) {
7 $top_parents = get_post_ancestors($post_id); 7 return false;
8 $top_parents[] = $post_id;
9
10 $children = get_posts(
11 array(
12 'post_type' => 'page'
13 , 'posts_per_page' => -1
14 , 'post_parent' => $parent_id
15 , 'order_by' => 'title'
16 , 'order' => 'ASC'
17 ));
18
19 if (empty($children)) return;
20 echo '
21 <a class="top_parent" href="'.get_permalink($parent_id).'" title="'.get_the_title($parent_id).'">'.get_the_title($parent_id).'</a>';
22
23
24 echo '<ul class="side-menu children level-'.$current_level.'-children">';
25
26 foreach ($children as $child)
27 {
28 echo '<li';
29 if (in_array($child->ID, $top_parents))
30 {
31 echo ' class="current_page_item"';
32 } 8 }
33 echo '>';
34 9
35 echo '<a href="'.get_permalink($child->ID).'">'; 10 // Get the current post.
36 echo apply_filters('the_title', $child->post_title); 11 $post = get_post();
37 echo '</a>'; 12
38 13 /**
39 // now call the same function for child of this child 14 * Get array of post ancestor IDs.
40 if ($child->ID && (in_array($child->ID, $top_parents))) 15 * Note: The direct parent is returned as the first value in the array.
41 { 16 * The highest level ancestor is returned as the last value in the array.
42 show_all_children($child->ID, $post_id, $current_level+1); 17 * See https://codex.wordpress.org/Function_Reference/get_post_ancestors
18 */
19 $ancestors = get_post_ancestors( $post->ID );
20
21 // If there are ancestors, get the top level parent.
22 // Otherwise use the current post's ID.
23 $parent = ( ! empty( $ancestors ) ) ? array_pop( $ancestors ) : $post->ID;
24
25 // Get all pages that are a child of $parent.
26 $pages = get_pages( [
27 'child_of' => $parent,
28 ] );
29
30 // Bail if there are no results.
31 if ( ! $pages ) {
32 return false;
43 } 33 }
44 34
45 echo '</li>'; 35 // Store array of page IDs to include latere on.
46 } 36 $page_ids = array();
37 foreach ( $pages as $page ) {
38 $page_ids[] = $page->ID;
39 }
47 40
48 echo '</ul>'; 41 // Add parent page to beginning of $page_ids array.
42 array_unshift( $page_ids, $parent );
43
44 // Get the output and return results if they exist.
45 $output = wp_list_pages( [
46 'include' => $page_ids,
47 'title_li' => false,
48 'echo' => false,
49 ] );
50
51 if ( ! $output ) {
52 return false;
53 } else {
54 return '<ul class="side-menu ancestor-tree">' . PHP_EOL .
55 $output . PHP_EOL .
56 '</ul>' . PHP_EOL;
57 }
49 } 58 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -7496,6 +7496,22 @@ ...@@ -7496,6 +7496,22 @@
7496 // Search Filter 7496 // Search Filter
7497 var Search = function ($) { 7497 var Search = function ($) {
7498 function init() { 7498 function init() {
7499 $(".side-menu li:has(.children) > a").addClass("has-children closed");
7500 $(".side-menu li .children .current_page_ancestor a").removeClass("closed").addClass("opened");
7501 $(document).on("click", ".side-menu li:has(.children) > a.has-children.closed", function (e) {
7502 e.preventDefault();
7503 $(this).removeClass("closed");
7504 $(this).addClass("opened");
7505 $(this).next(".children").slideDown();
7506 return false;
7507 });
7508 $(document).on("click", ".side-menu li:has(.children) > a.has-children.opened", function (e) {
7509 e.preventDefault();
7510 $(this).removeClass("opened");
7511 $(this).addClass("closed");
7512 $(this).next(".children").slideUp();
7513 return false;
7514 });
7499 $(".searchandfilter ul li:contains('hidden')").hide(); 7515 $(".searchandfilter ul li:contains('hidden')").hide();
7500 $('<li class="sf-field-reset"><input type="submit" class="search-filter-reset-custom" value="CLEAR ALL" "></li>').appendTo(jQuery('#advance-search-modal .searchandfilter ul:first-child ')); 7516 $('<li class="sf-field-reset"><input type="submit" class="search-filter-reset-custom" value="CLEAR ALL" "></li>').appendTo(jQuery('#advance-search-modal .searchandfilter ul:first-child '));
7501 $(document).on("click", ".search-filter-reset-custom", function (e) { 7517 $(document).on("click", ".search-filter-reset-custom", function (e) {
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -41,9 +41,7 @@ $first_copy = get_field('copyright'); ...@@ -41,9 +41,7 @@ $first_copy = get_field('copyright');
41 <div class="<?php echo esc_attr( $container ); ?>" id="content" tabindex="-1"> 41 <div class="<?php echo esc_attr( $container ); ?>" id="content" tabindex="-1">
42 <div class="col-sm-12 col-md-12 col-lg-3 widget-area" id="page-sidebar"> 42 <div class="col-sm-12 col-md-12 col-lg-3 widget-area" id="page-sidebar">
43 <?php 43 <?php
44 $parents_ids = get_post_ancestors($post->ID); 44 echo wpse_get_ancestor_tree();
45 $top_parent_id = (count($parents_ids) > 0) ? $parents_ids[count($parents_ids)-1] : $post->ID;
46 show_all_children($top_parent_id, $post->ID, 1);
47 ?> 45 ?>
48 </div> 46 </div>
49 <main class="col-sm-12 col-md-9 content-area site-main site-main" id="main"> 47 <main class="col-sm-12 col-md-9 content-area site-main site-main" id="main">
......
...@@ -6,6 +6,26 @@ import jquery from 'jquery'; ...@@ -6,6 +6,26 @@ import jquery from 'jquery';
6 var Search = (function($) { 6 var Search = (function($) {
7 7
8 function init() { 8 function init() {
9
10 $(".side-menu li:has(.children) > a").addClass("has-children closed");
11
12 $(".side-menu li .children .current_page_ancestor a").removeClass("closed").addClass("opened");
13
14 $(document).on("click", ".side-menu li:has(.children) > a.has-children.closed", function(e){
15 e.preventDefault();
16 $(this).removeClass("closed");
17 $(this).addClass("opened");
18 $(this).next(".children").slideDown();
19 return false;
20 });
21 $(document).on("click", ".side-menu li:has(.children) > a.has-children.opened", function(e){
22 e.preventDefault();
23 $(this).removeClass("opened");
24 $(this).addClass("closed");
25 $(this).next(".children").slideUp();
26 return false;
27 });
28
9 $(".searchandfilter ul li:contains('hidden')").hide(); 29 $(".searchandfilter ul li:contains('hidden')").hide();
10 $('<li class="sf-field-reset"><input type="submit" class="search-filter-reset-custom" value="CLEAR ALL" "></li>').appendTo( jQuery( '#advance-search-modal .searchandfilter ul:first-child ' ) ); 30 $('<li class="sf-field-reset"><input type="submit" class="search-filter-reset-custom" value="CLEAR ALL" "></li>').appendTo( jQuery( '#advance-search-modal .searchandfilter ul:first-child ' ) );
11 31
......
...@@ -24,4 +24,6 @@ window.tz_checkVisible = function(elm, evalType , offset, heightBuffer) { ...@@ -24,4 +24,6 @@ window.tz_checkVisible = function(elm, evalType , offset, heightBuffer) {
24 24
25 if (evalType === "visible") return ((y < (vpH + st)) && (y > (st - elementHeight))); 25 if (evalType === "visible") return ((y < (vpH + st)) && (y > (st - elementHeight)));
26 if (evalType === "above") return ((y < (vpH + st))); 26 if (evalType === "above") return ((y < (vpH + st)));
27 };
...\ No newline at end of file ...\ No newline at end of file
27 };
28
29
......
...@@ -14,3 +14,4 @@ body{ ...@@ -14,3 +14,4 @@ body{
14 @import "page"; 14 @import "page";
15 @import "footer"; 15 @import "footer";
16 @import "accordion"; 16 @import "accordion";
17 @import "call-out";
......
...@@ -43,12 +43,12 @@ h4 { ...@@ -43,12 +43,12 @@ h4 {
43 line-height: 25px; 43 line-height: 25px;
44 } 44 }
45 45
46 ul{ 46 ul:not(.side-menu):not(.children){
47 li{ 47 li{
48 color: #4D4D4D; 48 color: #4D4D4D;
49 margin-bottom: 8px; 49 margin-bottom: 8px;
50 padding: 3px 0 2px 10px; 50 padding: 3px 0 2px 10px;
51 ul{ 51 ul:not(.side-menu):not(.children){
52 list-style: none; 52 list-style: none;
53 margin-top: 8px; 53 margin-top: 8px;
54 li:before{ 54 li:before{
...@@ -62,6 +62,7 @@ ul{ ...@@ -62,6 +62,7 @@ ul{
62 } 62 }
63 } 63 }
64 } 64 }
65
65 ol{ 66 ol{
66 li{ 67 li{
67 color: #4D4D4D; 68 color: #4D4D4D;
......
...@@ -192,12 +192,14 @@ h1+p { ...@@ -192,12 +192,14 @@ h1+p {
192 font-weight: bold; 192 font-weight: bold;
193 font-size: 20px; 193 font-size: 20px;
194 line-height: 25px; 194 line-height: 25px;
195 text-decoration: none;
195 } 196 }
196 197
197 .side-menu{ 198 .side-menu{
198 list-style: none; 199 list-style: none;
199 margin-top: 14px; 200 margin-top: 14px;
200 padding-left: 0px; 201 padding-left: 15px;
202
201 li{ 203 li{
202 margin-bottom: 14px; 204 margin-bottom: 14px;
203 205
...@@ -206,8 +208,77 @@ h1+p { ...@@ -206,8 +208,77 @@ h1+p {
206 font-size: 20px; 208 font-size: 20px;
207 line-height: 25px; 209 line-height: 25px;
208 } 210 }
211 a:hover{
212 text-decoration: underline;
213 position: relative;
214 &:before{
215 content: "";
216 position: absolute;
217 left: -15px;
218 top: 8px;
219 border-radius: 50%;
220 width: 9px;
221 height: 9px;
222 background: #EE0000 0% 0% no-repeat padding-box;
223 }
224
225 }
226
227
228 }
229 .children{
230 .has-children{
231 position: relative;
232 &:after{
233 position: absolute;
234 content: "";
235 width: 14px;
236 height: 9px;
237 top: 10px;
238 margin-left: 10px;
239 transform: rotateX(180deg);
240 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14.462" height="8.769" viewBox="0 0 14.462 8.769"><path id="Path_1387" data-name="Path 1387" d="M18.55,187.453c.5.507.993,1.01,1.49,1.508q1.791,1.789,3.585,3.575a.8.8,0,0,0,1.188,0c.227-.234.46-.462.691-.692a.787.787,0,0,0,0-1.179l-3.223-3.224q-1.563-1.565-3.125-3.131a.872.872,0,0,0-.585-.279.833.833,0,0,0-.643.278q-1.206,1.21-2.413,2.42l-3.285,3.286c-.224.224-.448.446-.67.671a.783.783,0,0,0,.008,1.157l.685.684a.8.8,0,0,0,1.206,0l2.908-2.9,2.106-2.1Z" transform="translate(-11.305 -184.028)"/></svg>');
241 }
242 }
243 .children{
244 padding-left: 20px;
245 display: none;
246 }
247 .children:has(.current_page_item){
248 display: block;
249 }
250 a.opened:after{
251 transform: rotateX(0deg);
252 }
253
254
255 }
256 ul{
257 list-style: none;
258 margin-top: 14px;
259 padding-left: 15px;
260 li{
261
262 }
209 } 263 }
210 } 264 }
265
266 .current_page_item{
267
268 a{
269 font-weight: bold;
270 text-decoration: underline;
271
272 }
273 li{
274 a{
275 font-weight: 300;
276 text-decoration: none;
277 }
278 }
279 }
280
281
211 @media only screen and (max-width: 1000px) { 282 @media only screen and (max-width: 1000px) {
212 #page-sidebar{ 283 #page-sidebar{
213 display: none; 284 display: none;
......
1 .call-out-block{
2 background-size: cover;
3 min-height: 300px;
4 position: relative;
5 overflow: hidden;
6 text-align: center;
7 display: flex;
8 align-items: center;
9 justify-content: center;
10 color:#fff;
11 margin-left:-50%;
12 margin-right:-50%;
13 padding-left:50%;
14 padding-right:50%;
15 box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
16 }
17
18 .call-out-block h2{
19 text-align: center;
20 }
21 .call-out-block p{
22 text-align: center;
23 }
24 .call-out-block a{
25 border-radius: 0!important;
26 background-color: #EE0000;
27 color: #fff;
28 border: none;
29 font-size: 19px;
30 font-weight: 500;
31 margin: 10px 0 0px 0;
32 padding: 15px 60px;
33 line-height: 26px;
34 text-decoration: none;
35 text-transform: uppercase;
36 display: inline-block;
37 width: unset;
38
39 }
40
41 .call-out-block a:hover{
42 color: #fff;
43 background-color:#669999;
44
45 }
...\ No newline at end of file ...\ No newline at end of file