404e4df6 by Jeff Balicki

rr

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent d45735af
...@@ -81,12 +81,15 @@ foreach($posts as $post ) { ...@@ -81,12 +81,15 @@ foreach($posts as $post ) {
81 $link = wp_get_attachment_url( $post->ID ); 81 $link = wp_get_attachment_url( $post->ID );
82 $description = get_post_meta($post->ID, 'description', true ); 82 $description = get_post_meta($post->ID, 'description', true );
83 $terms = wp_get_post_terms( $post->ID, 'document-format'); 83 $terms = wp_get_post_terms( $post->ID, 'document-format');
84 $imgid =$post->ID; 84 $imgid = get_post_thumbnail_id($post->ID);
85
86 if($imgid) { 85 if($imgid) {
87 $image = wp_get_attachment_image_src($imgid, 'medium'); 86 $image = wp_get_attachment_image_src($imgid, 'medium');
88 $image = $image[0]; 87 $image = $image[0];
89 $image_alt = get_post_meta($imgid, '_wp_attachment_image_alt', TRUE); 88 $image_alt = get_post_meta($imgid, '_wp_attachment_image_alt', TRUE);
89 }else{
90 $image = wp_get_attachment_image_src($post->ID, 'medium');
91 $image = $image[0];
92 $image_alt = get_post_meta($post->ID, '_wp_attachment_image_alt', TRUE);
90 } 93 }
91 $term_list = array(); 94 $term_list = array();
92 if ( !empty( $terms ) && !is_wp_error( $terms ) ){ 95 if ( !empty( $terms ) && !is_wp_error( $terms ) ){
...@@ -96,7 +99,7 @@ foreach($posts as $post ) { ...@@ -96,7 +99,7 @@ foreach($posts as $post ) {
96 } 99 }
97 //update_post_meta($post->ID, 'exclude_from_search', 0 ); 100 //update_post_meta($post->ID, 'exclude_from_search', 0 );
98 if($post_type == 'documents'){ $link = get_post_meta($post->ID, 'document_link', true );}; 101 if($post_type == 'documents'){ $link = get_post_meta($post->ID, 'document_link', true );};
99 echo '<tr><td><div class="rel">'; 102 echo '<tr><td><div class="rel"><a target="_blank" class="'.$term_list.'" href="'.$link.'">';
100 if($image): 103 if($image):
101 ?> 104 ?>
102 <div class='photo'> 105 <div class='photo'>
...@@ -104,11 +107,11 @@ foreach($posts as $post ) { ...@@ -104,11 +107,11 @@ foreach($posts as $post ) {
104 </div> 107 </div>
105 <?php endif; ?> 108 <?php endif; ?>
106 <div class='content'> 109 <div class='content'>
107 <?php echo '<a target="_blank" class="'.$term_list.'" href="'.$link.'">'.$post->post_title.'</a>'; 110 <?php echo '<h3>'.$post->post_title.'</h3>';
108 if($description != ""){ 111 if($description != ""){
109 echo '<p>'.$description.'</p>'; 112 echo '<p>'.$description.'</p>';
110 }; 113 };
111 echo '</div></div></td></tr>'; 114 echo '</div></a></div></td></tr>';
112 115
113 }; 116 };
114 echo '</tbody></table>'; 117 echo '</tbody></table>';
......
...@@ -20564,7 +20564,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -20564,7 +20564,7 @@ ul.sf_date_field .sf-datepicker {
20564 } 20564 }
20565 20565
20566 .relevant-resources { 20566 .relevant-resources {
20567 background-color: #F0F0F0; 20567 background-color: #f0f0f0;
20568 border-radius: 10px; 20568 border-radius: 10px;
20569 padding: 30px; 20569 padding: 30px;
20570 margin: 30px 0px; 20570 margin: 30px 0px;
...@@ -20584,11 +20584,14 @@ ul.sf_date_field .sf-datepicker { ...@@ -20584,11 +20584,14 @@ ul.sf_date_field .sf-datepicker {
20584 } 20584 }
20585 .relevant-resources #relevant-resources td .rel { 20585 .relevant-resources #relevant-resources td .rel {
20586 display: flex; 20586 display: flex;
20587 flex-direction: row;
20587 } 20588 }
20588 .relevant-resources #relevant-resources td .rel .photo { 20589 .relevant-resources #relevant-resources td .rel .photo {
20589 max-width: 160px; 20590 display: flex;
20591 flex-basis: 160px;
20590 max-height: 92px; 20592 max-height: 92px;
20591 margin-right: 20px; 20593 margin-right: 20px;
20594 overflow: hidden;
20592 } 20595 }
20593 .relevant-resources #relevant-resources td .rel .photo img { 20596 .relevant-resources #relevant-resources td .rel .photo img {
20594 -o-object-fit: cover; 20597 -o-object-fit: cover;
...@@ -20598,21 +20601,34 @@ ul.sf_date_field .sf-datepicker { ...@@ -20598,21 +20601,34 @@ ul.sf_date_field .sf-datepicker {
20598 height: 100%; 20601 height: 100%;
20599 width: 100%; 20602 width: 100%;
20600 } 20603 }
20601 .relevant-resources #relevant-resources td a { 20604 .relevant-resources #relevant-resources td .rel .content {
20605 display: flex;
20606 flex-direction: column;
20607 }
20608 .relevant-resources #relevant-resources td .rel a {
20609 text-decoration: none !important;
20610 display: flex;
20611 flex-direction: row;
20612 }
20613 .relevant-resources #relevant-resources td .rel h3, .relevant-resources #relevant-resources td .rel .h3 {
20602 font-weight: 700; 20614 font-weight: 700;
20603 text-decoration: none; 20615 text-decoration: none;
20604 font-size: 16px; 20616 font-size: 16px;
20605 line-height: 20pxs; 20617 line-height: 20pxs;
20606 display: block; 20618 display: block;
20619 text-transform: none;
20620 margin-bottom: 0px;
20607 } 20621 }
20608 .relevant-resources #relevant-resources td a:hover { 20622 .relevant-resources #relevant-resources td .rel a:hover h3, .relevant-resources #relevant-resources td .rel a:hover .h3 {
20609 text-decoration: underline; 20623 text-decoration: underline;
20610 } 20624 }
20611 .relevant-resources #relevant-resources td p { 20625 .relevant-resources #relevant-resources td .rel p {
20612 margin-top: 15px; 20626 margin-top: 15px;
20627 margin-bottom: 0px;
20613 padding-bottom: 0px; 20628 padding-bottom: 0px;
20629 text-decoration: none;
20614 } 20630 }
20615 .relevant-resources #relevant-resources td a.PDF:before { 20631 .relevant-resources #relevant-resources td .rel a.PDF h3:before, .relevant-resources #relevant-resources td .rel a.PDF .h3:before {
20616 content: ""; 20632 content: "";
20617 width: 17px; 20633 width: 17px;
20618 height: 20px; 20634 height: 20px;
...@@ -20625,7 +20641,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -20625,7 +20641,7 @@ ul.sf_date_field .sf-datepicker {
20625 left: -0.2rem; 20641 left: -0.2rem;
20626 margin-right: 0.3125rem; 20642 margin-right: 0.3125rem;
20627 } 20643 }
20628 .relevant-resources #relevant-resources td a.Word:before { 20644 .relevant-resources #relevant-resources td .rel a.Word h3:before, .relevant-resources #relevant-resources td .rel a.Word .h3:before {
20629 content: ""; 20645 content: "";
20630 width: 17px; 20646 width: 17px;
20631 height: 20px; 20647 height: 20px;
...@@ -20638,7 +20654,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -20638,7 +20654,7 @@ ul.sf_date_field .sf-datepicker {
20638 left: -0.2rem; 20654 left: -0.2rem;
20639 margin-right: 0.3125rem; 20655 margin-right: 0.3125rem;
20640 } 20656 }
20641 .relevant-resources #relevant-resources td a.Excel:before { 20657 .relevant-resources #relevant-resources td .rel a.Excel h3:before, .relevant-resources #relevant-resources td .rel a.Excel .h3:before {
20642 content: ""; 20658 content: "";
20643 width: 17px; 20659 width: 17px;
20644 height: 20px; 20660 height: 20px;
...@@ -20651,7 +20667,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -20651,7 +20667,7 @@ ul.sf_date_field .sf-datepicker {
20651 left: -0.2rem; 20667 left: -0.2rem;
20652 margin-right: 0.3125rem; 20668 margin-right: 0.3125rem;
20653 } 20669 }
20654 .relevant-resources #relevant-resources td a.PPT:before { 20670 .relevant-resources #relevant-resources td .rel a.PPT h3:before, .relevant-resources #relevant-resources td .rel a.PPT .h3:before {
20655 content: ""; 20671 content: "";
20656 width: 17px; 20672 width: 17px;
20657 height: 20px; 20673 height: 20px;
...@@ -20664,7 +20680,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -20664,7 +20680,7 @@ ul.sf_date_field .sf-datepicker {
20664 left: -0.2rem; 20680 left: -0.2rem;
20665 margin-right: 0.3125rem; 20681 margin-right: 0.3125rem;
20666 } 20682 }
20667 .relevant-resources #relevant-resources td a.HTML:before { 20683 .relevant-resources #relevant-resources td .rel a.HTML h3:before, .relevant-resources #relevant-resources td .rel a.HTML .h3:before {
20668 content: ""; 20684 content: "";
20669 width: 17px; 20685 width: 17px;
20670 height: 17px; 20686 height: 17px;
...@@ -20677,9 +20693,59 @@ ul.sf_date_field .sf-datepicker { ...@@ -20677,9 +20693,59 @@ ul.sf_date_field .sf-datepicker {
20677 left: -0.2rem; 20693 left: -0.2rem;
20678 margin-right: 0.3125rem; 20694 margin-right: 0.3125rem;
20679 } 20695 }
20696 .relevant-resources #relevant-resources .photo {
20697 position: relative;
20698 }
20699 .relevant-resources #relevant-resources .mov .photo:after {
20700 content: "";
20701 width: 41px;
20702 height: 41px;
20703 margin: 15% 35%;
20704 background-repeat: no-repeat;
20705 background-size: contain;
20706 display: block;
20707 position: absolute;
20708 top: 0.3125rem;
20709 left: 0.2rem;
20710 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><defs><clipPath id="clip-path"><rect id="Rectangle_250" data-name="Rectangle 250" width="41.519" height="41.519" fill="%23fff"/></clipPath></defs><g id="Group_1915" data-name="Group 1915" opacity="0.5"><g id="Group_1914" data-name="Group 1914"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1515" data-name="Group 1515" clip-path="url(%23clip-path)"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>');
20711 }
20712 .relevant-resources #relevant-resources a:hover.mov .photo:before {
20713 content: "";
20714 width: 100%;
20715 height: 100%;
20716 display: block;
20717 position: absolute;
20718 top: 0rem;
20719 left: 0rem;
20720 box-shadow: inset 200px 200px 200px rgba(68, 68, 68, 0.4);
20721 }
20722 .relevant-resources #relevant-resources a:hover .photo:before {
20723 content: "";
20724 width: 100%;
20725 height: 100%;
20726 display: block;
20727 position: absolute;
20728 top: 0rem;
20729 left: 0rem;
20730 box-shadow: inset 200px 200px 200px rgba(68, 68, 68, 0.4);
20731 }
20732 .relevant-resources #relevant-resources a:hover.mov .photo:after {
20733 content: "";
20734 width: 41px;
20735 height: 41px;
20736 margin: 15% 35%;
20737 background-repeat: no-repeat;
20738 background-size: contain;
20739 display: block;
20740 position: absolute;
20741 top: 0.3125rem;
20742 left: 0.2rem;
20743 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><g id="Group_1941" data-name="Group 1941" transform="translate(-3.878 -3.878)"><g id="Group_1914" data-name="Group 1914" transform="translate(3.878 3.878)"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1939" data-name="Group 1939"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>');
20744 }
20680 20745
20681 #relevant-resources_paginate { 20746 #relevant-resources_paginate {
20682 margin-top: 30px; 20747 margin-top: 30px;
20748 text-align: center;
20683 } 20749 }
20684 20750
20685 .paginate_button { 20751 .paginate_button {
......
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.
1 .relevant-resources{ 1 .relevant-resources {
2 background-color: #F0F0F0; 2 background-color: #f0f0f0;
3 border-radius: 10px; 3 border-radius: 10px;
4 padding: 30px; 4 padding: 30px;
5 margin: 30px 0px; 5 margin: 30px 0px;
6 h2{ 6 h2 {
7 border-bottom:1px solid #707070; 7 border-bottom: 1px solid #707070;
8 } 8 }
9 #relevant-resources{ 9 #relevant-resources {
10 width: 100%; 10 width: 100%;
11 td{ 11 td {
12 border-bottom:1px solid #ccc; 12 border-bottom: 1px solid #ccc;
13 margin-left: 0px; 13 margin-left: 0px;
14 padding-left: 0px !important; 14 padding-left: 0px !important;
15 padding-bottom: 25px; 15 padding-bottom: 25px;
16 padding-top: 25px; 16 padding-top: 25px;
17 .rel{ 17 .rel {
18 display: flex; 18 display: flex;
19 flex-direction: row;
19 .photo { 20 .photo {
20 max-width: 160px; 21 display: flex;
22 flex-basis: 160px;
21 max-height: 92px; 23 max-height: 92px;
22 margin-right: 20px; 24 margin-right: 20px;
25 overflow: hidden;
23 img { 26 img {
24 object-fit: cover; 27 object-fit: cover;
25 object-position: center; 28 object-position: center;
...@@ -28,27 +31,40 @@ ...@@ -28,27 +31,40 @@
28 } 31 }
29 } 32 }
30 .content{ 33 .content{
31 34 display: flex;
35 flex-direction: column;
32 } 36 }
37
38 a {
39 text-decoration: none !important;
40 display: flex;
41 flex-direction: row;
42
33 } 43 }
34 a{
35 44
45 h3 {
36 font-weight: 700; 46 font-weight: 700;
37 text-decoration: none; 47 text-decoration: none;
38 font-size: 16px; 48 font-size: 16px;
39 line-height: 20pxs; 49 line-height: 20pxs;
40 display: block; 50 display: block;
51 text-transform: none;
52 margin-bottom: 0px;
41 } 53 }
42 a:hover{ 54 a:hover {
55 h3 {
43 text-decoration: underline; 56 text-decoration: underline;
44 } 57 }
45 p{ 58 }
59 p {
46 margin-top: 15px; 60 margin-top: 15px;
61 margin-bottom: 0px;
47 padding-bottom: 0px; 62 padding-bottom: 0px;
63 text-decoration: none;
48 } 64 }
49 a.PDF{ 65 a.PDF h3 {
50 &:before { 66 &:before {
51 content:''; 67 content: "";
52 width: 17px; 68 width: 17px;
53 height: 20px; 69 height: 20px;
54 background-repeat: no-repeat; 70 background-repeat: no-repeat;
...@@ -57,13 +73,13 @@ ...@@ -57,13 +73,13 @@
57 display: inline-block; 73 display: inline-block;
58 position: relative; 74 position: relative;
59 top: 0.3125rem; 75 top: 0.3125rem;
60 left:-0.2rem; 76 left: -0.2rem;
61 margin-right: 0.3125rem; 77 margin-right: 0.3125rem;
62 } 78 }
63 } 79 }
64 a.Word{ 80 a.Word h3 {
65 &:before { 81 &:before {
66 content:''; 82 content: "";
67 width: 17px; 83 width: 17px;
68 height: 20px; 84 height: 20px;
69 background-repeat: no-repeat; 85 background-repeat: no-repeat;
...@@ -72,13 +88,13 @@ ...@@ -72,13 +88,13 @@
72 display: inline-block; 88 display: inline-block;
73 position: relative; 89 position: relative;
74 top: 0.3125rem; 90 top: 0.3125rem;
75 left:-0.2rem; 91 left: -0.2rem;
76 margin-right: 0.3125rem; 92 margin-right: 0.3125rem;
77 } 93 }
78 } 94 }
79 a.Excel{ 95 a.Excel h3 {
80 &:before { 96 &:before {
81 content:''; 97 content: "";
82 width: 17px; 98 width: 17px;
83 height: 20px; 99 height: 20px;
84 background-repeat: no-repeat; 100 background-repeat: no-repeat;
...@@ -87,13 +103,13 @@ ...@@ -87,13 +103,13 @@
87 display: inline-block; 103 display: inline-block;
88 position: relative; 104 position: relative;
89 top: 0.3125rem; 105 top: 0.3125rem;
90 left:-0.2rem; 106 left: -0.2rem;
91 margin-right: 0.3125rem; 107 margin-right: 0.3125rem;
92 } 108 }
93 } 109 }
94 a.PPT{ 110 a.PPT h3 {
95 &:before { 111 &:before {
96 content:''; 112 content: "";
97 width: 17px; 113 width: 17px;
98 height: 20px; 114 height: 20px;
99 background-repeat: no-repeat; 115 background-repeat: no-repeat;
...@@ -102,13 +118,13 @@ ...@@ -102,13 +118,13 @@
102 display: inline-block; 118 display: inline-block;
103 position: relative; 119 position: relative;
104 top: 0.3125rem; 120 top: 0.3125rem;
105 left:-0.2rem; 121 left: -0.2rem;
106 margin-right: 0.3125rem; 122 margin-right: 0.3125rem;
107 } 123 }
108 } 124 }
109 a.HTML{ 125 a.HTML h3 {
110 &:before { 126 &:before {
111 content:''; 127 content: "";
112 width: 17px; 128 width: 17px;
113 height: 17px; 129 height: 17px;
114 background-repeat: no-repeat; 130 background-repeat: no-repeat;
...@@ -117,21 +133,77 @@ ...@@ -117,21 +133,77 @@
117 display: inline-block; 133 display: inline-block;
118 position: relative; 134 position: relative;
119 top: 0.3125rem; 135 top: 0.3125rem;
120 left:-0.2rem; 136 left: -0.2rem;
121 margin-right: 0.3125rem; 137 margin-right: 0.3125rem;
122 } 138 }
123 } 139 }
124 } 140 }
125 } 141 }
142
143 .photo{
144 position: relative;
145 }
146 .mov .photo:after{
147 content: "";
148 width: 41px;
149 height: 41px;
150 margin: 15% 35%;
151 background-repeat: no-repeat;
152 background-size: contain;
153 display: block;
154 position: absolute;
155 top: 0.3125rem;
156 left:0.2rem;
157 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><defs><clipPath id="clip-path"><rect id="Rectangle_250" data-name="Rectangle 250" width="41.519" height="41.519" fill="%23fff"/></clipPath></defs><g id="Group_1915" data-name="Group 1915" opacity="0.5"><g id="Group_1914" data-name="Group 1914"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1515" data-name="Group 1515" clip-path="url(%23clip-path)"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>');
158 }
159
160
161 a:hover.mov .photo:before{
162 content: "";
163 width: 100%;
164 height: 100%;
165 display: block;
166 position: absolute;
167 top: 0rem;
168 left:0rem;
169 box-shadow:inset 200px 200px 200px rgb(68 68 68 / 0.4);
126 } 170 }
127 171
172 a:hover .photo:before{
173 content: "";
174 width: 100%;
175 height: 100%;
176 display: block;
177 position: absolute;
178 top: 0rem;
179 left:0rem;
180 box-shadow:inset 200px 200px 200px rgb(68 68 68 / 0.4);
181 }
182
183 a:hover.mov .photo:after{
184 content: "";
185 width: 41px;
186 height: 41px;
187 margin: 15% 35%;
188 background-repeat: no-repeat;
189 background-size: contain;
190 display: block;
191 position: absolute;
192 top: 0.3125rem;
193 left:0.2rem;
194
195 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><g id="Group_1941" data-name="Group 1941" transform="translate(-3.878 -3.878)"><g id="Group_1914" data-name="Group 1914" transform="translate(3.878 3.878)"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1939" data-name="Group 1939"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>');
196 }
128 197
129 198
199 }
200 }
130 201
131 #relevant-resources_paginate { 202 #relevant-resources_paginate {
132 margin-top: 30px; 203 margin-top: 30px;
204 text-align: center;
133 } 205 }
134 .paginate_button{ 206 .paginate_button {
135 background-color: transparent; 207 background-color: transparent;
136 color: #000; 208 color: #000;
137 font-weight: 300; 209 font-weight: 300;
...@@ -139,10 +211,10 @@ ...@@ -139,10 +211,10 @@
139 margin: 0px 5px; 211 margin: 0px 5px;
140 cursor: pointer; 212 cursor: pointer;
141 text-decoration: none; 213 text-decoration: none;
142 &:hover{ 214 &:hover {
143 text-decoration: underline; 215 text-decoration: underline;
144 } 216 }
145 &.current{ 217 &.current {
146 font-weight: 700; 218 font-weight: 700;
147 } 219 }
148 } 220 }
......
...@@ -2,6 +2,6 @@ ...@@ -2,6 +2,6 @@
2 Theme Name: MSF CA Child 2 Theme Name: MSF CA Child
3 Author: Tenzing Communications 3 Author: Tenzing Communications
4 Template: msf-ca 4 Template: msf-ca
5 Version: 1.0.436 5 Version: 1.0.437
6 */ 6 */
7 7
......