delf/vij
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add search

Browse Source
This commit is contained in:
AK Delfin
2021-09-28 22:25:21 +03:00
parent 0e42ee8071
commit 57858d1fbd
14 changed files with 639 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
blocks/archive.php
View File

@@ -22,8 +22,10 @@ if( $posts ):
<div class="right_archive">
<img width="280" class="right_archive_img" src="<?php echo get_the_post_thumbnail_url($post, 'left-thumb');?>" alt="<?the_title();?>">
<div class="right_archive_text"><a href="<?php the_permalink(); ?>">Читать газету:<br><?php the_title();?></a></div>
</div>
<div class="right_archive_text">Читать газету<br>«Ветеринария и Жизнь»</div>
<div class="right_archive_link"><a href="<?php the_permalink(); ?>">cвежий номер</a></div>
</div>
<?php endforeach;

2
blocks/citata.php
View File

@@ -26,7 +26,7 @@ if( $posts ):
foreach($posts as $post):?>
<div class="left_citata<?if (isset($subclass)) echo $subclass;?>">
<div class="left_citata<?if ($args['subclass'] !== '') echo ' '.$args['subclass'];?>">
<div class="left_citata_title">цитата</div>
<img class="left_preview" src="<?php echo get_the_post_thumbnail_url($post, 'left-thumb');?>" alt="<?the_title();?>">
<div class="left_citata_text"><a href="<?=get_permalink($post);?>">«<?=$post->post_title;?>»</a></div>

11
blocks/mosts.php
View File

@@ -1,8 +1,8 @@
<?php
$key = 'vij_mosts';
//$key = 'vij_mosts';
if (!$mosts = kuri_set($key)) {
//if (!$mosts = kuri_set($key)) {
$mosts = get_posts( array(
'numberposts' => 3,
@@ -17,13 +17,14 @@ if (!$mosts = kuri_set($key)) {
'suppress_filters' => true, // подавление работы фильтров изменения SQL запроса
));
kuri_set($key, $mosts);
}
// kuri_set($key, $mosts);
//}
# вывод поста
if( $mosts ):?>
<div class="mosts<?if (isset($subclass)) echo $subclass;?>">
<div class="mosts<?if ($args['subclass'] !== '') echo ' '.$args['subclass'];?>">
<h3 class="most_title">Самое читаемое</h3>
<?php foreach($mosts as $most):?>

13
blocks/opinion.php
View File

@@ -20,19 +20,14 @@ if (!$opinions = kuri_set($key)) {
}
# вывод поста
if($opinions ):
if(is_array($opinions)):
foreach($opinions as $post):
setup_postdata( $opinions );
?>
$post = $opinions[0];?>
<div class="left_opinion<?if (isset($subclass)) echo $subclass;?>">
<div class="left_opinion<?if ($args['subclass'] !== '') echo ' '.$args['subclass'];?>">
<div class="left_opinion_title">мнение</div>
<img class="left_preview" src="<?php echo get_the_post_thumbnail_url($post, 'left-thumb');?>" alt="<?=$post->post_title;?>">
<div class="left_opinion_text"><a href="<?=get_permalink($post);?>"><?=$post->post_title;?></a></div>
</div>
<?php endforeach;
endif;
<?php endif;

7
blocks/paginator.php Normal file
View File

@@ -0,0 +1,7 @@
<?php if ( $wp_query->max_num_pages > 1 ) : ?><div class="pagination-wrapper"><?php the_posts_pagination( array(
'prev_text' => __( '<&nbsp;&nbsp;Обратно', 'quidus' ),
'next_text' => __( 'Далее&nbsp;&nbsp;>', 'quidus' ),
'end_size' => 2,
'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'quidus' ) . ' </span>',
) );
?></div><?php endif;?>

4
blocks/subscipts.php
View File

@@ -0,0 +1,4 @@
<p>test</p>
<form id="email-form">
<input class="sub_button" type="submit">подписаться</input>
</form>

14
category.php
View File

@@ -31,7 +31,7 @@ $nn = 0;?>
<h2 class="main-card-title"><a href="<?the_permalink();?>"><?the_title();?></a></h2>
<div class="main-card-body">
<div class="main-card-text"><a href="<?the_permalink();?>"><?the_excerpt();?></a></div>
<div class="news_date"><?the_time('j F Y, G:i');?></div>>
<div class="news_date"><?the_time('j F Y, G:i');?></div>
</div>
</div>
@@ -63,16 +63,8 @@ $nn = 0;?>
<?php endif;?>
<?php if ( $wp_query->max_num_pages > 1 ) : ?><div class="pagination-wrapper"><?php the_posts_pagination( array(
'prev_text' => __( 'Предыдущая', 'quidus' ),
'next_text' => __( 'Следующая', 'quidus' ),
'end_size' => 2,
'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'quidus' ) . ' </span>',
) );
?></div><?php endif;?>
</div> <!-- end content -->
<?get_template_part( '/blocks/paginator');?>
</div>
<?php get_footer(); ?>

37
footer.php
View File

@@ -4,6 +4,9 @@
*/
?>
<div id="left">
@@ -14,15 +17,13 @@
<?php //блок мнений
include get_template_directory().'/blocks/opinion.php';?>
<?php get_template_part( '/blocks/opinion', null, ['subclass' => '']);?>
<?php get_template_part( '/blocks/citata', null, ['subclass' => '']);?>
<?php get_template_part( '/blocks/events');?>
<?php //блок цитат
include get_template_directory().'/blocks/citata.php';?>
<?php include get_template_directory().'/blocks/events.php';?>
</div>
<div id="right">
<div id="socials">
@@ -44,11 +45,21 @@
<?php include get_template_directory().'/blocks/archive.php';?>
<div id="form_subscript">
<script src="//web.webformscr.com/apps/fc3/build/loader.js" async sp-form-id="caf123c41c347524b52869629e2a958536e65900b89bb2f72592f6e4796d554e"></script>
<div id="subscript_box">
<div id="convert"></div>
<div class="right_title">Подпишитесь на нашу рассылку и будьте в курсе всех новостей</div>
<div id="subscript-mail">
<form class="form-right" action="https://login.sendpulse.com/forms/simple/u/eyJ1c2VyX2lkIjo3NjMwNTYzLCJhZGRyZXNzX2Jvb2tfaWQiOjIyNjM5NCwibGFuZyI6InJ1In0=" method="post">
<input сlass="frm_mail" type="email" required name="email" placeholder="Ваша почта">
<input type="hidden" name="sender" value="info@vetandlife.ru">
<button class="frm_submit">Подписаться</button>
</form>
</div>
</div>
<?php include get_template_directory().'/blocks/mosts.php';?>
<?get_template_part( '/blocks/mosts', null, ['subclass' => '']);?>
</div>
</div><!-- end main -->
<footer>
@@ -71,12 +82,12 @@
<img src = "<?=get_stylesheet_directory_uri()?>/pub/qr.png" />
<p class="vazh">Важно</p>
</div>
<div id="header-contact">
<div id="footer-contact">
<div id="head_tel"><a href="tel:79250634">+7 (495) 925 06 34</a></div>
<div id="head_mail"><a href="mailto:info@vetandlife.ru">info@vetandlife.ru</a></div>
</div>
<div id="footer_logo">
<a href="<?php echo home_url(); ?>"><img src = "<?=get_stylesheet_directory_uri()?>/pub/logo/vij_150.jpg" alt = "Ветеринария и жизнь. Газета и сайт" /></a>
<a href="<?php echo home_url(); ?>"><img src = "<?=get_stylesheet_directory_uri()?>/pub/logo/vij-148-1.png" alt = "Ветеринария и жизнь. Газета и сайт" /></a>
</div>
<div id="footer_subscript">
<button class="sub_button">Газета ВиЖ. Оформить подписку</button>
@@ -102,7 +113,7 @@
</div>
<div id="footer_3">
<div id="rating"><span class="rating">12+</span></div>
<div class="rating">12+</div>
<div id="pere">При перепечатке и использовании информации с сайта «Ветеринария и жизнь» активная ссылка на использованный материал обязательна. При использовании материалов в печатных СМИ указывать источник — «Ветеринария и жизнь»</div>
</div>

52
header.php
View File

@@ -4,10 +4,10 @@
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title><?php wp_title('|', true, 'right');?></title>
<link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=8">
<link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=10">
<link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
<script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/jquery-3.6.0.min.js"></script>
<script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/burger-menu.js?ver=8"></script>
<script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/burger-menu.js?ver=9"></script>
<?php wp_head();?>
</head>
<body>
@@ -32,13 +32,23 @@
<div id="head_mail"><a href="mailto:info@vetandlife.ru">info@vetandlife.ru</a></div>
</div>
<?=get_search_query();?>
<ul id="header_icons">
<li class="btn_search"></li>
<li class="btn_rss"></li>
<div class="wrap">
<form action="<?php bloginfo('url') ?>" method="GET">
<input type="text" class="input" name="s" id="s" placeholder="Поиск по сайту">
</form>
<i class="fa fa-search" aria-hidden="true"></i>
</div>
<!--<div class="header-rss">
<i class="fa fa-rss" aria-hidden="true"></i>
</div> -->
<ul id="header_icons">
<!--<li class="btn_search"></li>
<li class="btn_rss"></li> -->
<li class="toggle-nav"></li>
</ul>
</ul>
<nav class="menu main">
<?php wp_nav_menu( array(
@@ -47,7 +57,24 @@
'menu_id' => 'gamburer_menu'
) ); ?>
</nav>
<!-- <div id="aj_search">
<form action="<?php //bloginfo('url') ?>" method="GET">
<input type="text" name="s" id="s" value="поиск..." autocomplete="off" />
</form>
<div id="aj_searchresults"></div>
</div> -->
<!-- <form role="search" method="get" class="search-form" action="<?php //echo home_url( '/' ); ?>">
<label>
<span class="screen-reader-text">Search for:</span>
<input type="search" class="search-field" placeholder="Искать…" value="" name="s" title="Искать:" />
</label>
<input type="submit" class="search-submit" value="Поиск" />
</form> -->
</header>
@@ -55,4 +82,13 @@
<div id="main">
<div id="vert-title">
<?if (is_front_page()):?>
<div id="main-arrow"></div>
<?endif?>
<!--<div>Главное</div>-->
</div>

9
index.php
View File

@@ -24,7 +24,7 @@ $nn = 0;?>
<div id="content">
<h1 class="my-4">Главное</h1>
<h1 id="mainpage-title">Главное</h1>
<?php if($query->have_posts()) : while($query->have_posts()) : $query->the_post();?>
@@ -75,10 +75,9 @@ $nn = 0;?>
<?php wp_reset_postdata();?>
<?php mob_block('/blocks/opinion.php');?>
<?php mob_block('/blocks/citata.php');?>
<?php mob_block('/blocks/mosts.php');?>
<?get_template_part( '/blocks/opinion', null, ['subclass' => 'mob-lite']);?>
<?get_template_part( '/blocks/citata', null, ['subclass' => 'mob-lite']);?>
<?get_template_part( '/blocks/mosts', null, ['subclass' => 'mob-lite']);?>
</div> <!-- end content -->

5
scripts/burger-menu.js
View File

@@ -3,5 +3,10 @@ jQuery(document).ready(function() {
jQuery('.menu.main ul').slideToggle(500);
e.preventDefault();
});
$(".fa-search").click(function(){
$(".wrap, .input").toggleClass("active");
$("input[type='text']").focus();
});
});

77
search.php Normal file
View File

@@ -0,0 +1,77 @@
<?php
/**
* The main template file.
*
*/
get_header();?>
<div id="content">
<h1 id="mainpage-title">Поиск:</h1>
<div id="search-form">
<form action="<?php bloginfo( 'url' ); ?>" method="get">
<input class="search-text" type="text" name="s" placeholder="<?=$s?>" value=""/>
<input class="search_submit" type="submit" value="Найти"/>
</form>
</div>
<!--«москва» -->
<p class="search-result">По запросу «<?php
$allsearch = new WP_Query("s=$s&showposts=-1");
$key = esc_html($s, 1);
$count = $allsearch->post_count; _e('');
_e('<span class="search-terms">');
echo $key; _e('</span>» найдено ');
if ($count == 1):
echo $count . ' '; _e('результат');
else:
if ($count > 4):
echo $count . ' '; _e('результатов');
else:
echo $count . ' '; _e('результата');
endif;
endif;
wp_reset_query(); ?></p>
<?php if(have_posts()) :?>
<div class="mini-card-block">
<?php while(have_posts()) : the_post();?>
<div class="mini-card">
<?if ( has_post_thumbnail() ) :?>
<a href="<?the_permalink();?>"><img class="mini-card-img" src="<?php echo get_the_post_thumbnail_url(null, 'full'); ?>" alt="<?the_title();?>"></a>
<?endif?>
<h2 class="mini-card-title"><a href="<?the_permalink();?>"><?the_title();?></a></h2>
<div class="mini-card-body">
<div class="news_date"><?the_time('j F Y, G:i');?></div>
</div>
</div>
<?php endwhile;?>
</div>
<?get_template_part( '/blocks/paginator');?>
<?php endif;?>
</div>
<?php get_footer(); ?>

6
single.php
View File

@@ -25,12 +25,12 @@
<div class="post_info">
<div class="post_info_sub">
<span class="post_link_category"><a href="<?=$category_link?>"><?=$category['0']->name;?></a></span>, <?php the_time('j F Y, G:i');?>
</div>
</div>
<div class="post_info_sub post_info_social">
<i class="fab fa-vk btn_soc_post"></i> <i class="fab fa-facebook-square btn_soc_post"></i> <i class="fab fa-telegram-plane btn_soc_post"></i>
</div>
</div>
<h1 class="my-4"><?php wp_title('');?></h1>
<h1 class="post-h1"><?php wp_title('');?></h1>
<?$author = get_the_author();
if ( ! empty ( $author ) AND $author !== 'vetandlife.ru'):?>
<div class="post_author">
@@ -60,7 +60,7 @@
<span class="post_link_category"><a href="<?=$category_link?>"><?=$category['0']->name;?></a></span>, <?php the_time('j F Y, G:i');?>
</div>
<div class="post_panel_info_sub">
Поделиться <i class="fas fa-share-square btn_soc_post"></i> <i class="fab fa-vk btn_soc_post"></i> <i class="fab fa-facebook-square btn_soc_post"></i> <i class="fab fa-telegram-plane btn_soc_post"></i>
<!--Поделиться <i class="fas fa-share-square btn_soc_post"></i>--> <i class="fab fa-vk btn_soc_post"></i> <i class="fab fa-facebook-square btn_soc_post"></i> <i class="fab fa-telegram-plane btn_soc_post"></i>
</div>
</div>

487
style.css
View File

@@ -110,18 +110,143 @@ a{
max-width: 330px;
display: flex;
flex-direction: column;
margin-right: 28px;
border-right: 28px solid #F2F2F2;
/** margin-right: 28px;
border-right: 28px solid #F2F2F2;*/
}
#vert-title{
width: 48px;
background: #F2F2F2;
}
#main-arrow{
background: url(/wp-content/themes/vij/pub/icons/main-arrow.png) no-repeat;
width: 51px;
height: 130px;
}
.wrap{
transform: translate(-50%, -50%);
width: 0px;
height: 55px;
line-height: 55px;
border-radius: 35px;
background: #F2F2F2;
/*transition: all 0.5s ease;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
transition: all 0.5s ease;*/
align-items: center;
justify-content: center;
margin-top: 55px;
margin-left: 35px;
}
.input{
border: 0;
background: transparent;
width: 0%;
outline: none;
font-size: 18px;
color: black;
transition: all 0.3s ease;
margin-left: 12px;
}
.wrap .fa{
color: black;
position: absolute;
right: 17px;
top: 15px;
font-size: 18px;
cursor: pointer;
}
.wrap.active{
width: 200px;
transition: all 0.5s ease;
}
.input.active{
width: 98%;
padding-left: 5px;
transition: all 0.5s 0.8s ease;
}
.input::placeholder {
color: #909294;
font-size: 15px;
}
#search-form{
margin-bottom: 22px;
}
.search_submit {
background: #F18129;
border-radius: 35px;
border: 1px solid #F18129;
color: white;
padding: 8px 8px;
text-decoration: none;
display: inline-block;
text-align: center;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
line-height: 110%;
width: 134px;
height: 50px;
}
.search-text{
width: 60%;
height: 50px;
border-radius: 35px;
border: 1px solid #F2F2F2;
background: #F2F2F2;
font-size: 18px;
line-height: 22px;
padding-left: 12px;
}
.search-result{
font-size: 14px;
line-height: 160%;
padding-bottom: 12px;
}
/** #vert-title div{
background: #F18129;
writing-mode: tb-rl;
transform:rotate(180deg);
width: 100%;
color: white;
font-weight: bold;
font-size: 11px;
line-height: 150%;
letter-spacing: 0.095em;
text-transform: uppercase;
padding: 48px 12px 48px 12px;
clip-path: polygon(100% 0%, 100% 51%, 100% 100%, 29% 100%, 0% 50%, 29% 0);
}*/
#right{
max-width: 330px;
display: flex;
flex-direction: column;
border-left: 1px solid #E9EAEB;
padding-left: 12px;
}
header{
@@ -136,48 +261,64 @@ a{
#footer_menu{
display: flex;
align-items: center;
justify-content: center;
padding-top: 12px;
padding-bottom: 12px;
}
#footer_menu > div:nth-child(2){
margin-left: auto;
/** margin-left: auto; */
}
#footer_up{
width: 20%;
width: 30%;
text-align: right;
}
#footer_info{
display: flex;
align-items: center;
margin-bottom: 8px;
border-top: 1px solid #D5D5D6;
border-bottom: 1px solid #D5D5D6;
margin-bottom: 28px;
padding-top: 28px;
padding-bottom: 28px;
}
#footer_qr{
width: 300px;
width: 20%;
margin-right: 12px;
text-align: center;
}
#footer-contact{
width: 20%;
}
#footer_subscript{
margin-left: 32px;
margin-right: 22px;
margin-top: 12px;
width: 25%;
}
#footer_logo{
margin-left: 12px;
margin-right: 32px;
width: 150px;
}
#footer_social{
margin-left: 12px;
margin-right: 12px;
width: 30%;
}
.sub_button {
background: #F18129;
border-radius: 55px;
@@ -186,9 +327,13 @@ a{
padding: 10px 28px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
display: inline-block;
font-size: 16px;
font-size: 11px;
line-height: 110%;
height: 55px;
}
.vazh{
@@ -199,24 +344,27 @@ a{
#footer_2{
display: flex;
justify-content: center;
}
#footer_3{
display: flex;
margin-top: 12px;
justify-content: center;
align-items: center;
margin-top: 28px;
margin-bottom: 28px;
}
#rating{
width: 20%;
text-align: right;
margin-right: 8px;
margin-top: 12px;
}
#pere{
width: 40%;
font-size: 12px;
line-height: 150%;
margin-left: 18px;
color: #909294;
}
@@ -225,7 +373,7 @@ a{
font-size: 13px;
line-height: 150%;
margin-right: 8px;
width: 300px;
width: 20%;
text-align: center;
}
@@ -234,6 +382,8 @@ a{
color: #444444;
font-size: 13px;
line-height: 150%;
width: 80%;
}
#svid li{
@@ -242,6 +392,11 @@ a{
.sp-button{
color: orange;
}
/** - menus -- */
ul.menu_main{
display: flex;
@@ -261,7 +416,6 @@ a{
flex-direction: column;
background-color: #00466A;
padding: 32px 22px 22px 32px;
margin-bottom: 22px;
}
ul.menu_left li{
@@ -307,7 +461,7 @@ a{
font-size: 12px;
}
header, footer, article, nav, #right {
header, article, nav{
padding: 1em;
}
@@ -329,7 +483,7 @@ a{
}
#head_mail a{
color: blue;
color: #2D9CDB;
text-decoration: underline;
}
@@ -375,23 +529,34 @@ a{
background: #F5F5F5;
}
.pagination-wrapper{
width: 100%;
text-align: center;
}
.page-numbers {
display: inline-block;
padding: 5px 10px;
margin: 0 2px 0 0;
border: 1px solid #eee;
line-height: 1;
text-decoration: none;
border-radius: 2px;
font-weight: 600;
}
.page-numbers.current,
a.page-numbers{
color: #909294;
}
a.page-numbers:hover {
background: #f9f9f9;
color: #909294;
}
.page-numbers.current{
font-weight: bold;
font-size: 22px;
line-height: 140%;
color: #171717;
}
h1{
@@ -401,6 +566,50 @@ a{
margin-bottom: 18px;
}
#mainpage-title{
margin-top: 42px;
}
site-header .search-form {
position: absolute;
right: 200px;
top: 200px;
}
.site-header .search-field {
background-color: transparent;
background-image: url(images/search-icon.png);
background-position: 5px center;
background-repeat: no-repeat;
background-size: 24px 24px;
border: none;
cursor: pointer;
height: 37px;
margin: 3px 0;
padding: 0 0 0 34px;
position: relative;
-webkit-transition: width 400ms ease, background 400ms ease;
transition: width 400ms ease, background 400ms ease;
width: 0;
}
.site-header .search-field:focus {
background-color: #fff;
border: 2px solid #c3c0ab;
cursor: text;
outline: 0;
width: 230px;
}
.search-form
.search-submit {
display:none;
}
.mini-card-block{
display: grid;
@@ -456,6 +665,7 @@ a{
.main-card-title{
font-family: 'GrtskPeta';
font-size: 36px;
text-align: center;
}
.main-card-text{
@@ -466,6 +676,10 @@ a{
padding: 8px;
}
.main-card IMG{
width: 100%;
}
@@ -578,6 +792,8 @@ a{
.left_opinion img{
margin-top: 8px;
margin-bottom: 8px;
width: 84px;
height: 84px;
}
.left_opinion_title{
@@ -650,19 +866,34 @@ a{
.right_archive{
margin-bottom: 22px;
text-align: center;
}
.right_archive_img{
width: 280px;
margin-bottom: 12px;
}
.right_archive_text{
font-size: 15px;
line-height: 130%;
font-weight: bold;
text-align: center;
}
.right_archive_link{
font-size: 15px;
line-height: 130%;
text-align: center;
}
.right_archive_link a{
color: #909294;
}
.yets_rubric{
color: #F18129;
@@ -679,14 +910,15 @@ a{
.yets{
display: grid;
grid-gap: 1rem;
grid-template-columns: repeat(auto-fi, minmax(300px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
margin-top: 8px;
margin-bottom: 28px;
padding: 8px;
width: 100%;
}
.yet_card{
padding: 12px;
padding: 32px 28px 32px 28px;
background: #E9EAEB;
font-weight: bold;
}
@@ -723,23 +955,122 @@ a{
color: #909294;
}
#subscript-mail{
padding-left: 22px;
padding-right: 22px;
margin-top: 18px;
margin-bottom: 22px;
}
#subscript_box{
text-align: center;
}
#convert{
width: 87px;
height: 87px;
border: 1px solid #E9EAEB;
box-sizing: border-box;
background: url(/wp-content/themes/vij/pub/icons/mail.png) no-repeat;
background-position: center;
margin-left: auto;
margin-right: auto;
}
.form-right input{
width: 230px;
height: 50px;
border-radius: 35px;
background: #F2F2F2;
border: 1px solid #F2F2F2;
margin-bottom: 12px;
padding-left: 28px;
}
.frm_mail{
width: 240px;
height: 50px;
border-radius: 35px;
border: 1px solid #F2F2F2;
background: #F2F2F2;
font-size: 12px;
line-height: 110%;
}
.frm_submit {
background: #F18129;
border-radius: 35px;
border: 1px solid #F18129;
color: white;
padding: 10px 28px;
text-align: center;
text-decoration: none;
display: inline-block;
text-align: center;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
line-height: 110%;
width: 234px;
height: 50px;
}
.right_title{
font-weight: 600;
font-size: 15px;
line-height: 130%;
text-align: center;
margin-top: 22px;
margin-bottom: 12px;
padding-left: 28px;
padding-right: 28px;
}
.form-right{
text-align: center;
}
.sub_button {
background: #F18129;
border-radius: 55px;
border: 1px solid #F18129;
color: white;
padding: 10px 28px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
font-size: 11px;
}
/** socials */
#socials{
display: flex;
margin: 0 12px 32px 12px;
margin-bottom: 18px;
justify-content: center;
align-items: center;
}
#socials_footer{
display: flex;
margin: 12px 12px 32px 12px;
margin: 0 12px 0 12px;
}
.btn_soc{
margin-right: 18px;
padding: 10px;
border-radius: 50%;
border: 1px solid #E9EAEB;
border: 1px solid #D5D5D6;
}
.btn_soc_post{
@@ -747,21 +1078,30 @@ a{
}
.soc_btn{
height: 24px;
width: 24px;
/*border-radius: 10px;*/
border: 1px solid #E9EAEB;
}
.rating{
border-radius: 50%;
background-color: white;
padding: 8px;
color: white;
background: #ACACAC;
width: 4em;
height: 4em;
line-height: 4em;
text-align: center;
font-size: 15px;
font-weight: bold;
}
.btn_soc{
margin-right: 18px;
padding: 10px;
border-radius: 50%;
border: 1px solid #D5D5D6;
}
.soc_telegram{
background: url(/wp-content/themes/vij/pub/icons/telegram-icon.png) no-repeat;
}
@@ -803,6 +1143,26 @@ img-fluid{
@media screen and ( max-width: 580px ) {
#left{
display: none;
}
#right{
display: none;
}
.main-card-title{
font-size: 24px;
}
#content{
width: 100%;
}
.toggle-nav {
display: inline-block !important;
@@ -854,12 +1214,65 @@ img-fluid{
margin-top: 12px;
}
.post-h1{
font-weight: 24px;
}
.img-fluid{
width: 100%;
}
.main.menu li:after {
content: none;
}
#footer_logo{
display: none;
}
#footer_qr{
display: none;
}
#footer_menu{
display: none;
}
#pere{
width: 90%;
}
#footer_subscript{
display: none;
}
.footer_sub{
width: 70%;
text-align: center;
}
#svid{
display: none;
}
#socials_footer{
width: 100%;
text-align: center;
}
}
@@ -879,6 +1292,10 @@ img-fluid{
display: none;
}
#vert-title{
display: none;
}
#nav_content{
display: none;
}
@@ -925,6 +1342,8 @@ and (max-device-width : 667px) {
width: 100%;
}
}