rr
Signed-off-by: Jeff <jeff@gotenzing.com>
Showing
7 changed files
with
188 additions
and
47 deletions
| ... | @@ -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 | } | ... | ... |
-
Please register or sign in to post a comment