Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
404e4df6 by Jeff Balicki
Options

rr 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent d45735af
Inline Side-by-side
Showing 7 changed files with 188 additions and 47 deletions
......@@ -81,12 +81,15 @@ foreach($posts as $post ) {
$link = wp_get_attachment_url( $post->ID );
$description = get_post_meta($post->ID, 'description', true );
$terms = wp_get_post_terms( $post->ID, 'document-format');
$imgid =$post->ID;
$imgid = get_post_thumbnail_id($post->ID);
if($imgid) {
$image = wp_get_attachment_image_src($imgid, 'medium');
$image = $image[0];
$image_alt = get_post_meta($imgid, '_wp_attachment_image_alt', TRUE);
}else{
$image = wp_get_attachment_image_src($post->ID, 'medium');
$image = $image[0];
$image_alt = get_post_meta($post->ID, '_wp_attachment_image_alt', TRUE);
}
$term_list = array();
if ( !empty( $terms ) && !is_wp_error( $terms ) ){
......@@ -96,7 +99,7 @@ foreach($posts as $post ) {
}
//update_post_meta($post->ID, 'exclude_from_search', 0 );
if($post_type == 'documents'){ $link = get_post_meta($post->ID, 'document_link', true );};
echo '<tr><td><div class="rel">';
echo '<tr><td><div class="rel"><a target="_blank" class="'.$term_list.'" href="'.$link.'">';
if($image):
?>
<div class='photo'>
......@@ -104,11 +107,11 @@ foreach($posts as $post ) {
</div>
<?php endif; ?>
<div class='content'>
<?php echo '<a target="_blank" class="'.$term_list.'" href="'.$link.'">'.$post->post_title.'</a>';
<?php echo '<h3>'.$post->post_title.'</h3>';
if($description != ""){
echo '<p>'.$description.'</p>';
};
echo '</div></div></td></tr>';
echo '</div></a></div></td></tr>';
};
echo '</tbody></table>';
......
......@@ -20564,7 +20564,7 @@ ul.sf_date_field .sf-datepicker {
}
.relevant-resources {
background-color: #F0F0F0;
background-color: #f0f0f0;
border-radius: 10px;
padding: 30px;
margin: 30px 0px;
......@@ -20584,11 +20584,14 @@ ul.sf_date_field .sf-datepicker {
}
.relevant-resources #relevant-resources td .rel {
display: flex;
flex-direction: row;
}
.relevant-resources #relevant-resources td .rel .photo {
max-width: 160px;
display: flex;
flex-basis: 160px;
max-height: 92px;
margin-right: 20px;
overflow: hidden;
}
.relevant-resources #relevant-resources td .rel .photo img {
-o-object-fit: cover;
......@@ -20598,21 +20601,34 @@ ul.sf_date_field .sf-datepicker {
height: 100%;
width: 100%;
}
.relevant-resources #relevant-resources td a {
.relevant-resources #relevant-resources td .rel .content {
display: flex;
flex-direction: column;
}
.relevant-resources #relevant-resources td .rel a {
text-decoration: none !important;
display: flex;
flex-direction: row;
}
.relevant-resources #relevant-resources td .rel h3, .relevant-resources #relevant-resources td .rel .h3 {
font-weight: 700;
text-decoration: none;
font-size: 16px;
line-height: 20pxs;
display: block;
text-transform: none;
margin-bottom: 0px;
}
.relevant-resources #relevant-resources td a:hover {
.relevant-resources #relevant-resources td .rel a:hover h3, .relevant-resources #relevant-resources td .rel a:hover .h3 {
text-decoration: underline;
}
.relevant-resources #relevant-resources td p {
.relevant-resources #relevant-resources td .rel p {
margin-top: 15px;
margin-bottom: 0px;
padding-bottom: 0px;
text-decoration: none;
}
.relevant-resources #relevant-resources td a.PDF:before {
.relevant-resources #relevant-resources td .rel a.PDF h3:before, .relevant-resources #relevant-resources td .rel a.PDF .h3:before {
content: "";
width: 17px;
height: 20px;
......@@ -20625,7 +20641,7 @@ ul.sf_date_field .sf-datepicker {
left: -0.2rem;
margin-right: 0.3125rem;
}
.relevant-resources #relevant-resources td a.Word:before {
.relevant-resources #relevant-resources td .rel a.Word h3:before, .relevant-resources #relevant-resources td .rel a.Word .h3:before {
content: "";
width: 17px;
height: 20px;
......@@ -20638,7 +20654,7 @@ ul.sf_date_field .sf-datepicker {
left: -0.2rem;
margin-right: 0.3125rem;
}
.relevant-resources #relevant-resources td a.Excel:before {
.relevant-resources #relevant-resources td .rel a.Excel h3:before, .relevant-resources #relevant-resources td .rel a.Excel .h3:before {
content: "";
width: 17px;
height: 20px;
......@@ -20651,7 +20667,7 @@ ul.sf_date_field .sf-datepicker {
left: -0.2rem;
margin-right: 0.3125rem;
}
.relevant-resources #relevant-resources td a.PPT:before {
.relevant-resources #relevant-resources td .rel a.PPT h3:before, .relevant-resources #relevant-resources td .rel a.PPT .h3:before {
content: "";
width: 17px;
height: 20px;
......@@ -20664,7 +20680,7 @@ ul.sf_date_field .sf-datepicker {
left: -0.2rem;
margin-right: 0.3125rem;
}
.relevant-resources #relevant-resources td a.HTML:before {
.relevant-resources #relevant-resources td .rel a.HTML h3:before, .relevant-resources #relevant-resources td .rel a.HTML .h3:before {
content: "";
width: 17px;
height: 17px;
......@@ -20677,9 +20693,59 @@ ul.sf_date_field .sf-datepicker {
left: -0.2rem;
margin-right: 0.3125rem;
}
.relevant-resources #relevant-resources .photo {
position: relative;
}
.relevant-resources #relevant-resources .mov .photo:after {
content: "";
width: 41px;
height: 41px;
margin: 15% 35%;
background-repeat: no-repeat;
background-size: contain;
display: block;
position: absolute;
top: 0.3125rem;
left: 0.2rem;
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>');
}
.relevant-resources #relevant-resources a:hover.mov .photo:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0rem;
left: 0rem;
box-shadow: inset 200px 200px 200px rgba(68, 68, 68, 0.4);
}
.relevant-resources #relevant-resources a:hover .photo:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0rem;
left: 0rem;
box-shadow: inset 200px 200px 200px rgba(68, 68, 68, 0.4);
}
.relevant-resources #relevant-resources a:hover.mov .photo:after {
content: "";
width: 41px;
height: 41px;
margin: 15% 35%;
background-repeat: no-repeat;
background-size: contain;
display: block;
position: absolute;
top: 0.3125rem;
left: 0.2rem;
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>');
}
#relevant-resources_paginate {
margin-top: 30px;
text-align: center;
}
.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.
.relevant-resources{
background-color: #F0F0F0;
.relevant-resources {
background-color: #f0f0f0;
border-radius: 10px;
padding: 30px;
margin: 30px 0px;
h2{
border-bottom:1px solid #707070;
h2 {
border-bottom: 1px solid #707070;
}
#relevant-resources{
#relevant-resources {
width: 100%;
td{
border-bottom:1px solid #ccc;
td {
border-bottom: 1px solid #ccc;
margin-left: 0px;
padding-left: 0px !important;
padding-bottom: 25px;
padding-top: 25px;
.rel{
.rel {
display: flex;
flex-direction: row;
.photo {
max-width: 160px;
display: flex;
flex-basis: 160px;
max-height: 92px;
margin-right: 20px;
overflow: hidden;
img {
object-fit: cover;
object-position: center;
......@@ -28,27 +31,40 @@
}
}
.content{
display: flex;
flex-direction: column;
}
a {
text-decoration: none !important;
display: flex;
flex-direction: row;
}
a{
h3 {
font-weight: 700;
text-decoration: none;
font-size: 16px;
line-height: 20pxs;
display: block;
text-transform: none;
margin-bottom: 0px;
}
a:hover{
a:hover {
h3 {
text-decoration: underline;
}
p{
}
p {
margin-top: 15px;
margin-bottom: 0px;
padding-bottom: 0px;
text-decoration: none;
}
a.PDF{
a.PDF h3 {
&:before {
content:'';
content: "";
width: 17px;
height: 20px;
background-repeat: no-repeat;
......@@ -57,13 +73,13 @@
display: inline-block;
position: relative;
top: 0.3125rem;
left:-0.2rem;
left: -0.2rem;
margin-right: 0.3125rem;
}
}
a.Word{
a.Word h3 {
&:before {
content:'';
content: "";
width: 17px;
height: 20px;
background-repeat: no-repeat;
......@@ -72,13 +88,13 @@
display: inline-block;
position: relative;
top: 0.3125rem;
left:-0.2rem;
left: -0.2rem;
margin-right: 0.3125rem;
}
}
a.Excel{
a.Excel h3 {
&:before {
content:'';
content: "";
width: 17px;
height: 20px;
background-repeat: no-repeat;
......@@ -87,13 +103,13 @@
display: inline-block;
position: relative;
top: 0.3125rem;
left:-0.2rem;
left: -0.2rem;
margin-right: 0.3125rem;
}
}
a.PPT{
a.PPT h3 {
&:before {
content:'';
content: "";
width: 17px;
height: 20px;
background-repeat: no-repeat;
......@@ -102,13 +118,13 @@
display: inline-block;
position: relative;
top: 0.3125rem;
left:-0.2rem;
left: -0.2rem;
margin-right: 0.3125rem;
}
}
a.HTML{
a.HTML h3 {
&:before {
content:'';
content: "";
width: 17px;
height: 17px;
background-repeat: no-repeat;
......@@ -117,21 +133,77 @@
display: inline-block;
position: relative;
top: 0.3125rem;
left:-0.2rem;
left: -0.2rem;
margin-right: 0.3125rem;
}
}
}
}
.photo{
position: relative;
}
.mov .photo:after{
content: "";
width: 41px;
height: 41px;
margin: 15% 35%;
background-repeat: no-repeat;
background-size: contain;
display: block;
position: absolute;
top: 0.3125rem;
left:0.2rem;
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>');
}
a:hover.mov .photo:before{
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0rem;
left:0rem;
box-shadow:inset 200px 200px 200px rgb(68 68 68 / 0.4);
}
a:hover .photo:before{
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0rem;
left:0rem;
box-shadow:inset 200px 200px 200px rgb(68 68 68 / 0.4);
}
a:hover.mov .photo:after{
content: "";
width: 41px;
height: 41px;
margin: 15% 35%;
background-repeat: no-repeat;
background-size: contain;
display: block;
position: absolute;
top: 0.3125rem;
left:0.2rem;
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>');
}
}
}
#relevant-resources_paginate {
margin-top: 30px;
text-align: center;
}
.paginate_button{
.paginate_button {
background-color: transparent;
color: #000;
font-weight: 300;
......@@ -139,10 +211,10 @@
margin: 0px 5px;
cursor: pointer;
text-decoration: none;
&:hover{
&:hover {
text-decoration: underline;
}
&.current{
&.current {
font-weight: 700;
}
}
......
......@@ -2,6 +2,6 @@
Theme Name: MSF CA Child
Author: Tenzing Communications
Template: msf-ca
Version: 1.0.436
Version: 1.0.437
*/
......