Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
7c914fb6 by Jeff Balicki
Options

blocks 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 0d127ad1
Inline Side-by-side
Showing 18 changed files with 471 additions and 172 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 .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
1 <?php
2
3 // Create id attribute allowing for custom "anchor" value.
4 $id = 'project-lead' . $block['id'] . rand(0,100);
5 if( !empty($block['anchor']) ) {
6 $id = $block['anchor'];
7 }
8
9 // Create class attribute allowing for custom "className" and "align" values.
10 $className = 'project-lead' ;
11 $className .= ' ' .get_field('style');
12 if( !empty($block['className']) ) {
13 $className .= ' ' . $block['className'];
14 }
15
16 $content = get_field('content');
17 $image = get_field('image');
18
19
20
21 $thumbnail_image = get_posts(array('p' => $image['ID'], 'post_type' => 'attachment'));
22 ;
23 if ($thumbnail_image && isset($thumbnail_image[0])) {
24 $img_description = $thumbnail_image[0]->post_content;
25 $photo_caption = $thumbnail_image[0]->post_excerpt;
26 $img_alt = get_post_meta($image['ID'] , '_wp_attachment_image_alt', true);
27 $img_title = $thumbnail_image[0]->post_title;
28 $copy = get_field('copy', $image['ID'] );
29 }
30
31
32 ?>
33
34 <div class="<?= $className ?>">
35 <div class="image">
36 <img src="<?= $image['url']; ?>" alt="<?php $img_alt; ?>">
37 </div>
38 <div class='content'>
39 <?php echo $content; ?>
40 </div>
41 </div>
42
1 <?php
2
3 // Create id attribute allowing for custom "anchor" value.
4 $id = 'promo-area' . $block['id'] . rand(0,100);
5 if( !empty($block['anchor']) ) {
6 $id = $block['anchor'];
7 }
8
9 // Create class attribute allowing for custom "className" and "align" values.
10 $className = 'promo-area' ;
11 $className .= ' ' .get_field('style');
12 if( !empty($block['className']) ) {
13 $className .= ' ' . $block['className'];
14 }
15
16 $content = get_field('content');
17 $image = get_field('image');
18
19
20
21 $thumbnail_image = get_posts(array('p' => $image['ID'], 'post_type' => 'attachment'));
22 error_log(print_r($thumbnail_image,true));
23 if ($thumbnail_image && isset($thumbnail_image[0])) {
24 $img_description = $thumbnail_image[0]->post_content;
25 $photo_caption = $thumbnail_image[0]->post_excerpt;
26 $img_alt = get_post_meta($image['ID'] , '_wp_attachment_image_alt', true);
27 $img_title = $thumbnail_image[0]->post_title;
28 $copy = get_field('copy', $image['ID'] );
29 }
30
31
32 ?>
33
34 <div class="<?= $className ?>" id='<?= $id ?>'>
35 <div class='content'>
36 <?php echo $content; ?>
37 </div>
38 <div class='image' style="<?= (!empty($image))?"background-image: url(".$image['url'] .")":"" ?>">
39 <div class='side-caption header-caption <?= (empty($copy) && empty($cap)) ? "hide" : "" ?>'>
40 <a class='copy-link' aria-label="Header Slide Caption" href='#' ></a>
41 <span class='image-side-caption'>
42 <span class='cap'><?= $photo_caption ?></span>
43 <span class='copyright'><?= ($copy) ? "&copy; ".$copy : "" ?></span>
44 </span>
45 </div>
46 </div>
47 </div>
48
...@@ -15121,8 +15121,8 @@ body { ...@@ -15121,8 +15121,8 @@ body {
15121 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu { 15121 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
15122 margin-top: 0px; 15122 margin-top: 0px;
15123 } 15123 }
15124 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after, 15124 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after,
15125 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { 15125 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after {
15126 content: ""; 15126 content: "";
15127 width: 20px; 15127 width: 20px;
15128 height: 15px; 15128 height: 15px;
...@@ -15130,8 +15130,9 @@ body { ...@@ -15130,8 +15130,9 @@ body {
15130 background-size: contain; 15130 background-size: contain;
15131 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>'); 15131 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>');
15132 display: inline-block; 15132 display: inline-block;
15133 position: relative; 15133 position: absolute;
15134 top: 12px; 15134 top: 12px;
15135 right: 0px;
15135 } 15136 }
15136 .back-one-level { 15137 .back-one-level {
15137 background-color: #EE0000; 15138 background-color: #EE0000;
...@@ -15164,7 +15165,7 @@ body { ...@@ -15164,7 +15165,7 @@ body {
15164 .is-visible .back-one-level { 15165 .is-visible .back-one-level {
15165 display: block !important; 15166 display: block !important;
15166 } 15167 }
15167 .mega-sub-menu .mega-indicator { 15168 .mega-indicator {
15168 display: none !important; 15169 display: none !important;
15169 } 15170 }
15170 .mega-sub-menu .mega-menu-item-has-children > .mega-menu-link > .mega-description-group > .mega-menu-title { 15171 .mega-sub-menu .mega-menu-item-has-children > .mega-menu-link > .mega-description-group > .mega-menu-title {
...@@ -15229,7 +15230,7 @@ body { ...@@ -15229,7 +15230,7 @@ body {
15229 } 15230 }
15230 #mega-menu-wrap-primary { 15231 #mega-menu-wrap-primary {
15231 width: 100%; 15232 width: 100%;
15232 height: auto; 15233 height: 30px;
15233 top: 55px; 15234 top: 55px;
15234 right: 0px; 15235 right: 0px;
15235 position: absolute; 15236 position: absolute;
...@@ -15591,10 +15592,6 @@ button, input, optgroup, select, textarea { ...@@ -15591,10 +15592,6 @@ button, input, optgroup, select, textarea {
15591 display: none; 15592 display: none;
15592 } 15593 }
15593 15594
15594 .content br {
15595 display: none;
15596 }
15597
15598 .appArea.responsive .row { 15595 .appArea.responsive .row {
15599 padding-right: 10px; 15596 padding-right: 10px;
15600 } 15597 }
...@@ -16100,6 +16097,11 @@ a.skip-link:focus { ...@@ -16100,6 +16097,11 @@ a.skip-link:focus {
16100 opacity: 1; 16097 opacity: 1;
16101 } 16098 }
16102 16099
16100 p {
16101 font-size: 16px;
16102 line-height: 20px;
16103 }
16104
16103 .entry-content h1, .entry-content .h1, .entry-content h2, .entry-content .h2, .entry-content h3, .entry-content .h3, .entry-content h4, .entry-content .h4, .entry-content h5, .entry-content .h5, .entry-content h6, .entry-content .h6 { 16105 .entry-content h1, .entry-content .h1, .entry-content h2, .entry-content .h2, .entry-content h3, .entry-content .h3, .entry-content h4, .entry-content .h4, .entry-content h5, .entry-content .h5, .entry-content h6, .entry-content .h6 {
16104 font-family: "PT Sans", sans-serif; 16106 font-family: "PT Sans", sans-serif;
16105 font-weight: 700; 16107 font-weight: 700;
...@@ -16371,6 +16373,49 @@ a.skip-link:focus { ...@@ -16371,6 +16373,49 @@ a.skip-link:focus {
16371 display: block; 16373 display: block;
16372 } 16374 }
16373 16375
16376 table {
16377 margin: 40px 0px;
16378 border: 4px solid #fff !important;
16379 background-color: #EAEDF1 !important;
16380 width: 100%;
16381 text-align: left;
16382 border-collapse: collapse;
16383 overflow-x: scroll;
16384 }
16385
16386 table td, table th {
16387 border: 4px solid #FFFFFF !important;
16388 padding: 7px 7px;
16389 }
16390
16391 table tbody td {
16392 font-size: 16px;
16393 line-height: 20px;
16394 padding: 10px 15px !important;
16395 }
16396
16397 table tr:nth-child(even) {
16398 background: #FFFFFF !important;
16399 }
16400
16401 table thead {
16402 background: #FFFFFF !important;
16403 border: 4px solid #fff !important;
16404 }
16405
16406 table thead th {
16407 font-size: 16px;
16408 line-height: 20px;
16409 font-weight: bold;
16410 color: #000000;
16411 border: 4px solid #fff !important;
16412 padding: 10px 15px !important;
16413 }
16414
16415 table thead th:first-child {
16416 border-left: none;
16417 }
16418
16374 #search-sidebar { 16419 #search-sidebar {
16375 min-width: 320px; 16420 min-width: 320px;
16376 } 16421 }
...@@ -17425,6 +17470,28 @@ ul.sf_date_field .sf-datepicker { ...@@ -17425,6 +17470,28 @@ ul.sf_date_field .sf-datepicker {
17425 position: relative; 17470 position: relative;
17426 } 17471 }
17427 17472
17473 .entry-footer {
17474 display: none;
17475 }
17476
17477 .side-menu-page #page-sidebar {
17478 min-width: 320px;
17479 }
17480 @media screen and (max-width: 1000px) {
17481 .side-menu-page #page-sidebar {
17482 min-width: 320px;
17483 width: 100%;
17484 }
17485 }
17486 .side-menu-page #main {
17487 width: calc(100% - 340px);
17488 }
17489 @media screen and (max-width: 1000px) {
17490 .side-menu-page #main {
17491 width: 100%;
17492 }
17493 }
17494
17428 #content:not(.search-content) { 17495 #content:not(.search-content) {
17429 display: flex; 17496 display: flex;
17430 } 17497 }
...@@ -17690,8 +17757,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -17690,8 +17757,7 @@ ul.sf_date_field .sf-datepicker {
17690 } 17757 }
17691 } 17758 }
17692 .pi { 17759 .pi {
17693 height: 300px; 17760 min-height: 150px;
17694 min-height: 300px;
17695 } 17761 }
17696 @media (min-width: 1024px) { 17762 @media (min-width: 1024px) {
17697 .pi { 17763 .pi {
...@@ -17910,6 +17976,11 @@ ul.sf_date_field .sf-datepicker { ...@@ -17910,6 +17976,11 @@ ul.sf_date_field .sf-datepicker {
17910 box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3); 17976 box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
17911 } 17977 }
17912 @media screen and (max-width: 768px) { 17978 @media screen and (max-width: 768px) {
17979 .call-out-block {
17980 min-height: 250px;
17981 }
17982 }
17983 @media screen and (max-width: 768px) {
17913 .call-out-block h2, .call-out-block .h2 { 17984 .call-out-block h2, .call-out-block .h2 {
17914 font-size: 24px; 17985 font-size: 24px;
17915 } 17986 }
...@@ -18691,6 +18762,108 @@ body.pojo-a11y-resize-font-130 span, body.pojo-a11y-resize-font-140 span, body.p ...@@ -18691,6 +18762,108 @@ body.pojo-a11y-resize-font-130 span, body.pojo-a11y-resize-font-140 span, body.p
18691 } 18762 }
18692 } 18763 }
18693 18764
18765 .promo-area {
18766 width: 100%;
18767 display: flex;
18768 min-height: 250px;
18769 background-color: #000;
18770 color: #fff;
18771 flex-direction: row;
18772 border-radius: 10px;
18773 margin: 40px 0px;
18774 overflow: hidden;
18775 }
18776 @media screen and (max-width: 900px) {
18777 .promo-area {
18778 flex-direction: column-reverse;
18779 border-radius: 20px;
18780 }
18781 }
18782 .promo-area .content {
18783 width: 50%;
18784 display: flex;
18785 flex-direction: column;
18786 justify-content: flex-start;
18787 padding: 30px;
18788 }
18789 @media screen and (max-width: 900px) {
18790 .promo-area .content {
18791 width: 100%;
18792 }
18793 }
18794 .promo-area .image {
18795 background-size: cover;
18796 width: 50%;
18797 overflow: hidden;
18798 border-radius: 0px 0px 20px 20px;
18799 position: relative;
18800 }
18801 @media screen and (max-width: 900px) {
18802 .promo-area .image {
18803 width: 100%;
18804 min-height: 300px;
18805 border-radius: 20px 20px 0px 0px;
18806 }
18807 }
18808 .promo-area .image .side-caption {
18809 max-width: 100%;
18810 }
18811
18812 .project-lead {
18813 width: 100%;
18814 display: flex;
18815 min-height: 200px;
18816 background-color: #F0F0F0;
18817 color: #000;
18818 flex-direction: row;
18819 border-radius: 10px;
18820 margin: 40px 0px;
18821 padding: 20px;
18822 overflow: hidden;
18823 }
18824 @media screen and (max-width: 900px) {
18825 .project-lead {
18826 flex-direction: column;
18827 border-radius: 20px;
18828 }
18829 }
18830 .project-lead .image {
18831 display: flex;
18832 flex-wrap: wrap;
18833 }
18834 .project-lead .image img {
18835 height: 200px;
18836 }
18837 .project-lead .content {
18838 width: 75%;
18839 display: flex;
18840 flex-direction: column;
18841 justify-content: flex-start;
18842 padding-left: 20px;
18843 }
18844 @media screen and (max-width: 900px) {
18845 .project-lead .content {
18846 width: 100%;
18847 padding-left: 0px;
18848 padding-top: 20px;
18849 }
18850 }
18851 .project-lead .content h2, .project-lead .content .h2 {
18852 font-size: 25px;
18853 line-height: 30px;
18854 font-weight: 700;
18855 margin-bottom: 20px;
18856 }
18857 @media screen and (max-width: 900px) {
18858 .project-lead .content h2, .project-lead .content .h2 {
18859 font-size: 24px;
18860 }
18861 }
18862 .project-lead .content p {
18863 font-size: 16px;
18864 line-height: 20px;
18865 }
18866
18694 .has-blue-color, 18867 .has-blue-color,
18695 .has-blue-color:visited { 18868 .has-blue-color:visited {
18696 color: #0d6efd; 18869 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,6 +25,21 @@ if( function_exists('acf_add_options_page') ) { ...@@ -25,6 +25,21 @@ if( function_exists('acf_add_options_page') ) {
25 'mode' => 'edit' 25 'mode' => 'edit'
26 )); 26 ));
27 27
28 acf_register_block_type( array(
29 'title' => __( 'Promo Area', 'client_textdomain' ),
30 'name' => 'msf-promo-area',
31 'render_template' => 'blocks/promo-area/promo-area.php',
32 'mode' => 'edit'
33 ));
34 acf_register_block_type( array(
35 'title' => __( 'Project Lead', 'client_textdomain' ),
36 'name' => 'msf-project-lead',
37 'render_template' => 'blocks/project-lead/project-lead.php',
38 'mode' => 'edit'
39 ));
40
41
42
28 acf_register_block(array( 43 acf_register_block(array(
29 'name' => 'call-out-block', 44 'name' => 'call-out-block',
30 'title' => __('Call Out Block'), 45 'title' => __('Call Out Block'),
......
...@@ -36,3 +36,8 @@ function advance_search($atts){ ...@@ -36,3 +36,8 @@ function advance_search($atts){
36 36
37 37
38 } 38 }
39
40 function add_linebreak_shortcode() {
41 return '<br />';
42 }
43 add_shortcode('br', 'add_linebreak_shortcode' );
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -16,6 +16,9 @@ ...@@ -16,6 +16,9 @@
16 padding-right:50%; 16 padding-right:50%;
17 background-color: #000; 17 background-color: #000;
18 box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3); 18 box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
19 @media screen and (max-width: 768px) {
20 min-height: 250px;
21 }
19 h2{ 22 h2{
20 @media screen and (max-width: 768px) { 23 @media screen and (max-width: 768px) {
21 font-size: 24px; 24 font-size: 24px;
......
...@@ -18,3 +18,5 @@ body{ ...@@ -18,3 +18,5 @@ body{
18 @import "pojo_a11"; 18 @import "pojo_a11";
19 @import "g_translate"; 19 @import "g_translate";
20 @import "text_size_increased"; 20 @import "text_size_increased";
21 @import "promo_area";
22 @import "project_lead";
......
...@@ -18,6 +18,11 @@ a.skip-link { ...@@ -18,6 +18,11 @@ a.skip-link {
18 } 18 }
19 } 19 }
20 20
21 p{
22 font-size: 16px;
23 line-height: 20px;
24 }
25
21 .entry-content{ 26 .entry-content{
22 h1, h2, h3, h4, h5, h6 { 27 h1, h2, h3, h4, h5, h6 {
23 font-family: "PT Sans",sans-serif; 28 font-family: "PT Sans",sans-serif;
...@@ -293,3 +298,45 @@ blockquote{ ...@@ -293,3 +298,45 @@ blockquote{
293 298
294 } 299 }
295 } 300 }
301
302
303
304 table {
305 margin: 40px 0px;
306 border: 4px solid #fff!important;
307 background-color: #EAEDF1 !important;
308 width: 100%;
309 text-align: left;
310 border-collapse: collapse;
311 overflow-x: scroll;
312 }
313 table td, table th {
314 border: 4px solid #FFFFFF !important;
315 padding: 7px 7px;
316
317 }
318 table tbody td {
319 font-size: 16px;
320 line-height: 20px;
321 padding: 10px 15px !important;
322 }
323 table tr:nth-child(even) {
324 background: #FFFFFF !important;
325 }
326 table thead {
327 background: #FFFFFF !important;
328 border: 4px solid #fff!important;
329 }
330 table thead th {
331 font-size: 16px;
332 line-height: 20px;
333 font-weight: bold;
334 color: #000000;
335 border: 4px solid #fff!important;
336 padding: 10px 15px !important;
337 }
338 table thead th:first-child {
339 border-left: none;
340 }
341
342
......
...@@ -105,11 +105,7 @@ button, input, optgroup, select, textarea{ ...@@ -105,11 +105,7 @@ button, input, optgroup, select, textarea{
105 105
106 //Forms from luminate 106 //Forms from luminate
107 107
108 .content { 108
109 br {
110 display: none;
111 }
112 }
113 109
114 .appArea.responsive { 110 .appArea.responsive {
115 .row{ 111 .row{
......
...@@ -156,8 +156,8 @@ ...@@ -156,8 +156,8 @@
156 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{ 156 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{
157 margin-top: 0px; 157 margin-top: 0px;
158 } 158 }
159 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after, 159 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after ,
160 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{ 160 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after {
161 content:""; 161 content:"";
162 width: 20px; 162 width: 20px;
163 height: 15px; 163 height: 15px;
...@@ -165,8 +165,9 @@ ...@@ -165,8 +165,9 @@
165 background-size: contain; 165 background-size: contain;
166 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>'); 166 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>');
167 display: inline-block; 167 display: inline-block;
168 position: relative; 168 position: absolute;
169 top: 12px; 169 top: 12px;
170 right: 0px;
170 } 171 }
171 172
172 .back-one-level{ 173 .back-one-level{
...@@ -204,12 +205,13 @@ ...@@ -204,12 +205,13 @@
204 display: block !important; 205 display: block !important;
205 } 206 }
206 } 207 }
207 .mega-sub-menu{
208
209 .mega-indicator{ 208 .mega-indicator{
210 display: none !important; 209 display: none !important;
211 210
212 } 211 }
212 .mega-sub-menu{
213
214
213 .mega-menu-item-has-children > .mega-menu-link > .mega-description-group > .mega-menu-title{ 215 .mega-menu-item-has-children > .mega-menu-link > .mega-description-group > .mega-menu-title{
214 216
215 position: relative; 217 position: relative;
...@@ -281,7 +283,7 @@ ...@@ -281,7 +283,7 @@
281 283
282 #mega-menu-wrap-primary{ 284 #mega-menu-wrap-primary{
283 width: 100%; 285 width: 100%;
284 height: auto; 286 height: 30px;
285 top: 55px; 287 top: 55px;
286 right: 0px; 288 right: 0px;
287 position:absolute; 289 position:absolute;
......
...@@ -6,7 +6,25 @@ ...@@ -6,7 +6,25 @@
6 6
7 } 7 }
8 } 8 }
9 .entry-footer{
10 display: none;
11 }
9 12
13 .side-menu-page{
14 #page-sidebar{
15 min-width: 320px;
16 @media screen and (max-width: 1000px){
17 min-width: 320px;
18 width:100%;
19 }
20 }
21 #main{
22 width: calc(100% - 340px);
23 @media screen and (max-width: 1000px){
24 width:100%;
25 }
26 }
27 }
10 28
11 29
12 #content:not(.search-content){ 30 #content:not(.search-content){
...@@ -311,8 +329,8 @@ h1+p { ...@@ -311,8 +329,8 @@ h1+p {
311 329
312 330
313 .pi { 331 .pi {
314 height:300px; 332
315 min-height:300px; 333 min-height:150px;
316 @media(min-width: 1024px) { 334 @media(min-width: 1024px) {
317 min-height:200px; 335 min-height:200px;
318 text-align: center; 336 text-align: center;
......
1 .project-lead{
2 width: 100%;
3 display: flex;
4 min-height: 200px;
5 background-color: #F0F0F0;
6 color: #000;
7 flex-direction: row;
8 border-radius: 10px;
9 margin:40px 0px;
10 padding: 20px;
11 overflow: hidden;
12 @media screen and (max-width: 900px) {
13 flex-direction: column;
14 border-radius: 20px;
15 }
16 .image{
17 display: flex;
18 flex-wrap: wrap;
19 img{
20 height: 200px;
21 }
22
23 }
24
25 .content{
26 width: 75%;
27 display: flex;
28 flex-direction: column;
29 justify-content: flex-start;
30 padding-left: 20px;
31 @media screen and (max-width: 900px) {
32 width: 100%;
33 padding-left: 0px;
34 padding-top: 20px;
35 }
36 h2{
37 font-size: 25px;
38 line-height: 30px;
39 font-weight: 700;
40 margin-bottom: 20px;
41 @media screen and (max-width: 900px) {
42 font-size: 24px;
43 }
44 }
45 p{
46 font-size: 16px;
47 line-height: 20px;
48 }
49 }
50
51 }
52
1 .promo-area{
2 width: 100%;
3 display: flex;
4 min-height: 250px;
5 background-color: #000;
6 color: #fff;
7 flex-direction: row;
8 border-radius: 10px;
9 margin:40px 0px;
10 overflow: hidden;
11 @media screen and (max-width: 900px) {
12 flex-direction: column-reverse;
13 border-radius: 20px;
14 }
15
16 .content{
17 width: 50%;
18 display: flex;
19 flex-direction: column;
20 justify-content: flex-start;
21 padding: 30px;
22 @media screen and (max-width: 900px) {
23 width: 100%;
24 }
25 }
26 .image{
27 background-size: cover;
28 width: 50%;
29 overflow: hidden;
30 border-radius: 0px 0px 20px 20px;
31 position: relative;
32 @media screen and (max-width: 900px) {
33 width: 100%;
34 min-height: 300px;
35 border-radius: 20px 20px 0px 0px;
36 }
37 .side-caption {
38 max-width: 100%;
39 }
40 }
41
42 }
43
44