Skip to content

Jeff Balicki / st_joseph

Go to a project
Toggle navigation
Toggle navigation pinning
33af68b9 by Jeff Balicki
Options

search 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 5378d9ac
Inline Side-by-side
Showing 18 changed files with 305 additions and 9 deletions
...@@ -14798,6 +14798,51 @@ input[type=checkbox] { ...@@ -14798,6 +14798,51 @@ input[type=checkbox] {
14798 background-image: url("data:image/svg+xml,%3Csvg id='Component_33_1' data-name='Component 33 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='17.5' cy='17.5' r='17.5' fill='%230484b8'/%3E%3Cg id='Group_1454' data-name='Group 1454' transform='translate(-1077.417 -15.667)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='6.701' cy='6.701' r='6.701' transform='translate(1086.75 25)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cline id='Line_39' data-name='Line 39' x2='4.188' y2='4.188' transform='translate(1098.896 37.146)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E"); 14798 background-image: url("data:image/svg+xml,%3Csvg id='Component_33_1' data-name='Component 33 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='17.5' cy='17.5' r='17.5' fill='%230484b8'/%3E%3Cg id='Group_1454' data-name='Group 1454' transform='translate(-1077.417 -15.667)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='6.701' cy='6.701' r='6.701' transform='translate(1086.75 25)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cline id='Line_39' data-name='Line 39' x2='4.188' y2='4.188' transform='translate(1098.896 37.146)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
14799 } 14799 }
14800 14800
14801 #search {
14802 display: none;
14803 }
14804 #search .search-form {
14805 width: 60%;
14806 margin: auto;
14807 margin-top: 40px;
14808 }
14809 #search .search-form label {
14810 width: 90%;
14811 }
14812 #search .search-form .search-field {
14813 all: unset;
14814 width: 100%;
14815 margin: auto;
14816 border-bottom: 1px solid #2c2c2c;
14817 }
14818 #search .search-form .search-submit {
14819 all: unset;
14820 background-color: #0484B8;
14821 color: #fff;
14822 padding: 6px 12px;
14823 position: relative;
14824 top: -10px;
14825 left: -56px;
14826 }
14827 #search .close {
14828 all: unset;
14829 display: inline-block;
14830 font-size: 0px;
14831 width: 30px;
14832 height: 30px;
14833 background-size: contain;
14834 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1458' data-name='Group 1458' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cline id='Line_3' data-name='Line 3' x2='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%23156570' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%23156570' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
14835 }
14836
14837 #search.open {
14838 display: block;
14839 width: 100%;
14840 height: 128px;
14841 background-color: rgba(255, 255, 255, 0.9);
14842 position: fixed;
14843 z-index: 999;
14844 }
14845
14801 #wrapper-footer-full { 14846 #wrapper-footer-full {
14802 background-color: #fff; 14847 background-color: #fff;
14803 padding-bottom: 0px; 14848 padding-bottom: 0px;
...@@ -15125,6 +15170,36 @@ input[type=checkbox] { ...@@ -15125,6 +15170,36 @@ input[type=checkbox] {
15125 border-bottom: 20px solid #e04e39; 15170 border-bottom: 20px solid #e04e39;
15126 } 15171 }
15127 15172
15173 .course-carousel {
15174 width: 100% !important;
15175 margin-left: 0px !important;
15176 position: relative;
15177 }
15178 @media only screen and (min-width: 1400px) {
15179 .course-carousel {
15180 max-width: 100% !important;
15181 }
15182 }
15183 .course-carousel .swiper-wrapper {
15184 margin: auto;
15185 }
15186 .course-carousel .swiper-slide {
15187 margin-left: 0px !important;
15188 width: 333px !important;
15189 }
15190 .course-carousel .card {
15191 min-height: 540px;
15192 }
15193 .course-carousel .swiper-button-next {
15194 right: 30px !important;
15195 }
15196 .course-carousel .swiper-button-prev {
15197 left: 7px !important;
15198 }
15199 .course-carousel .swiper-pagination {
15200 bottom: -40px !important;
15201 }
15202
15128 .c-accordion__title:after { 15203 .c-accordion__title:after {
15129 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.996' height='14.55' viewBox='0 0 23.996 14.55'%3E%3Cpath id='Path_1291' data-name='Path 1291' d='M23.327 192.9c.832-.842 1.647-1.677 2.473-2.5q2.971-2.969 5.948-5.931a1.334 1.334 0 0 1 1.972 0c.377.388.763.766 1.146 1.148a1.307 1.307 0 0 1-.007 1.956q-2.675 2.674-5.349 5.35-2.594 2.6-5.185 5.2a1.447 1.447 0 0 1-.97.463 1.381 1.381 0 0 1-1.067-.46q-2-2.008-4-4.015-2.724-2.727-5.45-5.453c-.371-.371-.744-.74-1.113-1.113a1.3 1.3 0 0 1 .013-1.919q.569-.567 1.136-1.136a1.333 1.333 0 0 1 2 0l4.825 4.807 3.494 3.479C23.224 192.8 23.259 192.831 23.327 192.9Z' transform='translate(-11.305 -184.028)' fill='%23156570'/%3E%3C/svg%3E"); 15204 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.996' height='14.55' viewBox='0 0 23.996 14.55'%3E%3Cpath id='Path_1291' data-name='Path 1291' d='M23.327 192.9c.832-.842 1.647-1.677 2.473-2.5q2.971-2.969 5.948-5.931a1.334 1.334 0 0 1 1.972 0c.377.388.763.766 1.146 1.148a1.307 1.307 0 0 1-.007 1.956q-2.675 2.674-5.349 5.35-2.594 2.6-5.185 5.2a1.447 1.447 0 0 1-.97.463 1.381 1.381 0 0 1-1.067-.46q-2-2.008-4-4.015-2.724-2.727-5.45-5.453c-.371-.371-.744-.74-1.113-1.113a1.3 1.3 0 0 1 .013-1.919q.569-.567 1.136-1.136a1.333 1.333 0 0 1 2 0l4.825 4.807 3.494 3.479C23.224 192.8 23.259 192.831 23.327 192.9Z' transform='translate(-11.305 -184.028)' fill='%23156570'/%3E%3C/svg%3E");
15130 top: 40%; 15205 top: 40%;
...@@ -15592,6 +15667,10 @@ label[for=quicksearch] { ...@@ -15592,6 +15667,10 @@ label[for=quicksearch] {
15592 border-bottom: 22px solid #e04e39; 15667 border-bottom: 22px solid #e04e39;
15593 } 15668 }
15594 15669
15670 #resources.dataTable {
15671 width: 100% !important;
15672 }
15673
15595 #dataTables_length, 15674 #dataTables_length,
15596 #resources_filter, 15675 #resources_filter,
15597 #resources_length { 15676 #resources_length {
......
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.
...@@ -42,13 +42,27 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' ); ...@@ -42,13 +42,27 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' );
42 </div> 42 </div>
43 <!-- ******************* The Navbar Area ******************* --> 43 <!-- ******************* The Navbar Area ******************* -->
44 <header id="wrapper-navbar"> 44 <header id="wrapper-navbar">
45 <div id="search">
46 <form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
47 <label>
48 <span class="screen-reader-text"><?php echo _x( 'Search for:', 'label' ) ?></span>
49 <input type="search" class="search-field"
50 placeholder="<?php echo esc_attr_x( 'Search …', 'placeholder' ) ?>"
51 value="<?php echo get_search_query() ?>" name="s"
52 title="<?php echo esc_attr_x( 'Search for:', 'label' ) ?>" />
53 </label>
54 <input type="submit" class="search-submit" value="<?php echo esc_attr_x( 'GO', 'submit button' ) ?>" />
55 <button class="close" type="button">close</button>
56 </form>
45 57
46 <!-- <a class="skip-link" href="#content"><?php //esc_html_e( 'Skip to content', 'understrap' ); ?></a> --> 58 </div>
59 <!-- <a class="skip-link" href="#content"><z?php //esc_html_e( 'Skip to content', 'understrap' ); ?></a> -->
47 60
48 <?php get_template_part( 'global-templates/navbar', $navbar_type . '-' . $bootstrap_version ); ?> 61 <?php get_template_part( 'global-templates/navbar', $navbar_type . '-' . $bootstrap_version ); ?>
49 62
50 <button type="button" class="btn btn-floating btn-lg" id="btn-back-to-top"> 63 <button type="button" class="btn btn-floating btn-lg" id="btn-back-to-top">
51 </button> 64 </button>
52 <?php echo do_shortcode('[share-this]'); ?> 65 <?php echo do_shortcode('[share-this]'); ?>
66
53 </header><!-- #wrapper-navbar --> 67 </header><!-- #wrapper-navbar -->
54 68
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -44,6 +44,33 @@ function course_list(){ ...@@ -44,6 +44,33 @@ function course_list(){
44 return $output; 44 return $output;
45 } 45 }
46 46
47 add_shortcode('my-course-list', 'my_course_list');
48
49
50 function my_course_list(){
51
52 ob_start();
53 $enrolled_courses = learndash_user_get_enrolled_courses(get_current_user_id());
54
55 if (is_array($enrolled_courses)): ?>
56 <div class="carousel course">
57 <div id="<?php echo $uniqid; ?>" class="course-carousel carousel-items">
58 <div class='swiper-wrapper'>
59 <?php foreach($enrolled_courses as $enrolled){
60 echo course_card($enrolled);
61 }; ?>
62 </div>
63 <div class="swiper-pagination"></div>
64 <div class="swiper-button-prev" data-id="<?= $uniqid; ?>"></div>
65 <div class="swiper-button-next" data-id="<?= $uniqid; ?>"></div>
66 </div>
67 </div>
68 <?php endif;
69 wp_reset_query();
70 $output = ob_get_clean();
71 return $output;
72 }
73
47 74
48 75
49 function course_card($id){ 76 function course_card($id){
...@@ -56,7 +83,7 @@ function course_card($id){ ...@@ -56,7 +83,7 @@ function course_card($id){
56 $categories = get_the_terms( $id, 'ld_course_category' ); 83 $categories = get_the_terms( $id, 'ld_course_category' );
57 $cat =""; foreach( $categories as $category ) { $cat .= " ".$category->slug; }; ?> 84 $cat =""; foreach( $categories as $category ) { $cat .= " ".$category->slug; }; ?>
58 85
59 <div data-name="<?php echo $post->post_name; ?>" data-ticks="<?php echo get_post_time('U',false, $id ); ?>" class="element-item <?php echo $cat; ?> " data-category="<?php echo $cat; ?>"> 86 <div data-name="<?php echo $post->post_name; ?>" data-ticks="<?php echo get_post_time('U',false, $id ); ?>" class="swiper-slide element-item <?php echo $cat; ?> " data-category="<?php echo $cat; ?>">
60 <article id="post-<?php echo $id; ?>" class="post post-<?php echo $id; ?> sfwd-courses type-sfwd-courses"> 87 <article id="post-<?php echo $id; ?>" class="post post-<?php echo $id; ?> sfwd-courses type-sfwd-courses">
61 <div class="card"> 88 <div class="card">
62 <div class="thumbnail"><div class="ribbon"><?php echo get_post_meta( $id, '_learndash_course_grid_custom_ribbon_text', true);?></div> 89 <div class="thumbnail"><div class="ribbon"><?php echo get_post_meta( $id, '_learndash_course_grid_custom_ribbon_text', true);?></div>
......
...@@ -60,6 +60,35 @@ function resources_list(){ ...@@ -60,6 +60,35 @@ function resources_list(){
60 } 60 }
61 61
62 62
63 add_shortcode('resources-fav', 'resources_fav');
64
65 function resources_fav(){
66
67 $favorites = get_user_favorites(get_current_user_id());
68
69
70 ob_start();
71 $uniqid = uniqid();
72
73 if (is_array( $favorites)): ?>
74 <div class="course-list resources">
75 <table id="resources" class="resources-fav">
76 <thead><tr><th class="hidden"></th><th class="hidden"></th><th></th><th class="hidden"></th><th></th></tr></thead>
77 <tbody>
78 <?php foreach($favorites as $fav){
79 echo resources($fav);
80 }; ?>
81 </tbody>
82 </table>
83 </div>
84 <?php endif;
85 wp_reset_query();
86 $output = ob_get_clean();
87 return $output;
88 }
89
90
91
63 92
64 function resources($id){ 93 function resources($id){
65 94
...@@ -86,7 +115,7 @@ function resources($id){ ...@@ -86,7 +115,7 @@ function resources($id){
86 </td> 115 </td>
87 <td class="hidden"> <?php echo $cat; ?></td> 116 <td class="hidden"> <?php echo $cat; ?></td>
88 <td class="hidden"><?php echo get_post_time('U',false, $id ); ?></td> 117 <td class="hidden"><?php echo get_post_time('U',false, $id ); ?></td>
89 <td><?php echo do_shortcode('[favorite_button post_id="'.$id.'"]'); ?></td> 118 <td><?php echo do_shortcode('[favorite_button post_id="'.$id.'"]'); ?></td>
90 </tr> 119 </tr>
91 <?php 120 <?php
92 $output = ob_get_clean(); 121 $output = ob_get_clean();
......
...@@ -99,3 +99,12 @@ function share_this($atts){ ...@@ -99,3 +99,12 @@ function share_this($atts){
99 <?php 99 <?php
100 return ob_get_clean(); 100 return ob_get_clean();
101 } 101 }
102
103
104 add_shortcode( 'firstname', 'firstname' );
105
106 function firstname(){
107 $user = get_userdata( get_current_user_id() );
108 return $user->first_name;;
109
110 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -32973,17 +32973,28 @@ ...@@ -32973,17 +32973,28 @@
32973 var offsetAfter = 0; 32973 var offsetAfter = 0;
32974 var PerView = 'auto'; 32974 var PerView = 'auto';
32975 var space = 20; 32975 var space = 20;
32976 var SlidesPerGroup = 1;
32976 var _id = jQuery(this).parent().attr('id'); 32977 var _id = jQuery(this).parent().attr('id');
32977 if (jQuery(this).hasClass('promo-carousel')) { 32978 if (jQuery(this).hasClass('promo-carousel')) {
32978 offset = 0; 32979 offset = 0;
32979 PerView = 1; 32980 PerView = 1;
32980 space = 0; 32981 space = 0;
32982 SlidesPerGroup = 1;
32981 offsetAfter = 0; 32983 offsetAfter = 0;
32982 _id = jQuery(this).attr('id'); 32984 _id = jQuery(this).attr('id');
32983 } 32985 }
32986 if (jQuery(this).hasClass('course-carousel')) {
32987 offset = (window.innerWidth - $('.entry-content').width()) / 2 - 28;
32988 PerView = 3;
32989 space = 0;
32990 SlidesPerGroup = 3;
32991 offsetAfter = (window.innerWidth - $('.entry-content').width()) / 2 - 28;
32992 _id = jQuery(this).attr('id');
32993 }
32984 if ($(window).width() < 600) { 32994 if ($(window).width() < 600) {
32985 offset = 0; 32995 offset = 0;
32986 PerView = 1; 32996 PerView = 1;
32997 SlidesPerGroup = 1;
32987 space = 0; 32998 space = 0;
32988 offsetAfter = 0; 32999 offsetAfter = 0;
32989 } 33000 }
...@@ -32993,7 +33004,7 @@ ...@@ -32993,7 +33004,7 @@
32993 slidesOffsetAfter: offsetAfter, 33004 slidesOffsetAfter: offsetAfter,
32994 slidesOffsetBefore: offset, 33005 slidesOffsetBefore: offset,
32995 spaceBetween: space, 33006 spaceBetween: space,
32996 slidesPerGroup: 1, 33007 slidesPerGroup: SlidesPerGroup,
32997 pagination: { 33008 pagination: {
32998 el: ".swiper-pagination", 33009 el: ".swiper-pagination",
32999 type: 'bullets', 33010 type: 'bullets',
...@@ -33526,8 +33537,12 @@ ...@@ -33526,8 +33537,12 @@
33526 if (!$('#resources').length) { 33537 if (!$('#resources').length) {
33527 return; 33538 return;
33528 } 33539 }
33540 var pageL = 10;
33541 if ($('#resources').hasClass('resources-fav')) {
33542 pageL = 4;
33543 }
33529 var myTable = $('#resources').DataTable({ 33544 var myTable = $('#resources').DataTable({
33530 "pageLength": 10, 33545 "pageLength": pageL,
33531 "searchable": false, 33546 "searchable": false,
33532 "paging": true, 33547 "paging": true,
33533 "info": false, 33548 "info": false,
...@@ -33639,6 +33654,12 @@ ...@@ -33639,6 +33654,12 @@
33639 document.body.scrollTop = 0; 33654 document.body.scrollTop = 0;
33640 document.documentElement.scrollTop = 0; 33655 document.documentElement.scrollTop = 0;
33641 } 33656 }
33657 $__default["default"](document).ready(function ($) {
33658 $(document).on("click", ".search-button a", function (e) {
33659 e.preventDefault();
33660 $('#search').toggleClass('open');
33661 });
33662 });
33642 33663
33643 exports.Alert = alert$1; 33664 exports.Alert = alert$1;
33644 exports.Button = button; 33665 exports.Button = 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.
...@@ -20,6 +20,7 @@ jQuery(document).ready(function($) { ...@@ -20,6 +20,7 @@ jQuery(document).ready(function($) {
20 var offsetAfter = 0; 20 var offsetAfter = 0;
21 var PerView = 'auto'; 21 var PerView = 'auto';
22 var space = 20; 22 var space = 20;
23 var SlidesPerGroup= 1;
23 24
24 var _id = jQuery(this).parent().attr('id'); 25 var _id = jQuery(this).parent().attr('id');
25 26
...@@ -27,15 +28,27 @@ jQuery(document).ready(function($) { ...@@ -27,15 +28,27 @@ jQuery(document).ready(function($) {
27 offset = 0; 28 offset = 0;
28 PerView = 1; 29 PerView = 1;
29 space = 0; 30 space = 0;
31 SlidesPerGroup =1;
30 offsetAfter = 0; 32 offsetAfter = 0;
31 _id = jQuery(this).attr('id'); 33 _id = jQuery(this).attr('id');
32 } 34 }
33 35
36 if (jQuery(this).hasClass('course-carousel')) {
37 offset = ((window.innerWidth - $('.entry-content').width()) / 2) - 28;
38 PerView = 3;
39 space = 0;
40 SlidesPerGroup = 3;
41 offsetAfter = ((window.innerWidth - $('.entry-content').width()) / 2) - 28;
42 _id = jQuery(this).attr('id');
43 }
44
34 if ($(window).width() < 600) { 45 if ($(window).width() < 600) {
35 offset = 0; 46 offset = 0;
36 PerView = 1; 47 PerView = 1;
48 SlidesPerGroup = 1;
37 space = 0; 49 space = 0;
38 offsetAfter = 0; 50 offsetAfter = 0;
51
39 } 52 }
40 53
41 54
...@@ -46,7 +59,7 @@ jQuery(document).ready(function($) { ...@@ -46,7 +59,7 @@ jQuery(document).ready(function($) {
46 slidesOffsetAfter: offsetAfter, 59 slidesOffsetAfter: offsetAfter,
47 slidesOffsetBefore: offset, 60 slidesOffsetBefore: offset,
48 spaceBetween: space, 61 spaceBetween: space,
49 slidesPerGroup: 1, 62 slidesPerGroup: SlidesPerGroup ,
50 pagination: { 63 pagination: {
51 el: ".swiper-pagination", 64 el: ".swiper-pagination",
52 type: 'bullets', 65 type: 'bullets',
......
...@@ -4,8 +4,12 @@ jQuery(document).ready(function($) { ...@@ -4,8 +4,12 @@ jQuery(document).ready(function($) {
4 return; 4 return;
5 } 5 }
6 6
7 var pageL = 10;
8 if($('#resources').hasClass('resources-fav')){
9 pageL = 4;
10 }
7 var myTable = $('#resources').DataTable({ 11 var myTable = $('#resources').DataTable({
8 "pageLength": 10, 12 "pageLength": pageL,
9 "searchable": false, 13 "searchable": false,
10 "paging": true, 14 "paging": true,
11 "info": false, 15 "info": false,
......
...@@ -11,6 +11,8 @@ import "./jssocials.min"; ...@@ -11,6 +11,8 @@ import "./jssocials.min";
11 import "./_course_list"; 11 import "./_course_list";
12 import "./_resources_list"; 12 import "./_resources_list";
13 13
14
15
14 var a = document.querySelector('.blur-image'); 16 var a = document.querySelector('.blur-image');
15 17
16 document.addEventListener("DOMContentLoaded", function() { 18 document.addEventListener("DOMContentLoaded", function() {
...@@ -63,4 +65,14 @@ mybutton.addEventListener("click", backToTop); ...@@ -63,4 +65,14 @@ mybutton.addEventListener("click", backToTop);
63 function backToTop() { 65 function backToTop() {
64 document.body.scrollTop = 0; 66 document.body.scrollTop = 0;
65 document.documentElement.scrollTop = 0; 67 document.documentElement.scrollTop = 0;
66 }
...\ No newline at end of file ...\ No newline at end of file
68 }
69
70
71 jQuery(document).ready(function($) {
72 $(document).on("click", ".search-button a", function(e) {
73 e.preventDefault();
74 $('#search').toggleClass('open');
75
76 });
77
78 });
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -227,4 +227,38 @@ ...@@ -227,4 +227,38 @@
227 } 227 }
228 } 228 }
229 } 229 }
230
231
232
233
234 .course-carousel {
235 width: 100% !important;
236 margin-left: 0px !important;
237 position: relative;
238 @media only screen and (min-width: 1400px) {
239 max-width: 100% !important;
240 }
241 .swiper-wrapper{
242 // max-width: 1344px;
243 margin: auto;
244 }
245 .swiper-slide {
246 margin-left: 0px !important;
247 width: 333px !important;
248
249 }
250 .card{
251 min-height: 540px;
252 }
253 .swiper-button-next {
254 right: 30px !important;
255 }
256 .swiper-button-prev {
257 left: 7px !important;
258 }
259 .swiper-pagination {
260 bottom: -40px !important;
261 }
262
263 }
230 264
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -179,4 +179,54 @@ ...@@ -179,4 +179,54 @@
179 height: 35px; 179 height: 35px;
180 background-image: url("data:image/svg+xml,%3Csvg id='Component_33_1' data-name='Component 33 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='17.5' cy='17.5' r='17.5' fill='%230484b8'/%3E%3Cg id='Group_1454' data-name='Group 1454' transform='translate(-1077.417 -15.667)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='6.701' cy='6.701' r='6.701' transform='translate(1086.75 25)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cline id='Line_39' data-name='Line 39' x2='4.188' y2='4.188' transform='translate(1098.896 37.146)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E"); 180 background-image: url("data:image/svg+xml,%3Csvg id='Component_33_1' data-name='Component 33 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='17.5' cy='17.5' r='17.5' fill='%230484b8'/%3E%3Cg id='Group_1454' data-name='Group 1454' transform='translate(-1077.417 -15.667)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='6.701' cy='6.701' r='6.701' transform='translate(1086.75 25)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cline id='Line_39' data-name='Line 39' x2='4.188' y2='4.188' transform='translate(1098.896 37.146)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
181 } 181 }
182
...\ No newline at end of file ...\ No newline at end of file
182 #search{
183 display: none;
184
185
186
187 .search-form{
188 width: 60%;
189 margin: auto;
190 margin-top: 40px;
191
192
193 label{
194
195 width: 90%;
196 }
197
198 .search-field{
199 all: unset;
200 width: 100%;
201 margin: auto;
202 border-bottom:1px solid #2c2c2c;
203 }
204
205 .search-submit{
206 all: unset;
207 background-color: #0484B8;
208 color: #fff;
209 padding: 6px 12px;
210 position:relative;
211 top: -10px;
212 left: -56px;
213 }
214 }
215 .close{
216 all: unset;
217 display: inline-block;
218 font-size: 0px;
219 width: 30px;
220 height: 30px;
221 background-size: contain;
222 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1458' data-name='Group 1458' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cline id='Line_3' data-name='Line 3' x2='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%23156570' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%23156570' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
223 }
224 }
225 #search.open{
226 display: block;
227 width: 100%;
228 height: 128px;
229 background-color:rgba(255,255,255,0.9);
230 position: fixed;
231 z-index: 999;
232 }
...\ No newline at end of file ...\ No newline at end of file
......
1 #resources.dataTable{
2 width: 100% !important;
3 }
4
1 #dataTables_length, 5 #dataTables_length,
2 #resources_filter, 6 #resources_filter,
3 #resources_length { 7 #resources_length {
......