add search
This commit is contained in:
@@ -22,9 +22,11 @@ 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 class="right_archive_text">Читать газету<br>«Ветеринария и Жизнь»</div>
|
||||
<div class="right_archive_link"><a href="<?php the_permalink(); ?>">cвежий номер</a></div>
|
||||
</div>
|
||||
|
||||
|
||||
<?php endforeach;
|
||||
|
||||
wp_reset_postdata();
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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):?>
|
||||
|
||||
@@ -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
7
blocks/paginator.php
Normal file
@@ -0,0 +1,7 @@
|
||||
<?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;?>
|
||||
@@ -0,0 +1,4 @@
|
||||
<p>test</p>
|
||||
<form id="email-form">
|
||||
<input class="sub_button" type="submit">подписаться</input>
|
||||
</form>
|
||||
14
category.php
14
category.php
@@ -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(); ?>
|
||||
35
footer.php
35
footer.php
@@ -4,6 +4,9 @@
|
||||
*/
|
||||
|
||||
?>
|
||||
|
||||
|
||||
|
||||
<div id="left">
|
||||
|
||||
|
||||
@@ -14,16 +17,14 @@
|
||||
|
||||
|
||||
|
||||
<?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>
|
||||
|
||||
|
||||
46
header.php
46
header.php
@@ -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,11 +32,21 @@
|
||||
<div id="head_mail"><a href="mailto:info@vetandlife.ru">info@vetandlife.ru</a></div>
|
||||
</div>
|
||||
|
||||
<?=get_search_query();?>
|
||||
|
||||
<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="btn_search"></li>
|
||||
<li class="btn_rss"></li> -->
|
||||
<li class="toggle-nav"></li>
|
||||
</ul>
|
||||
|
||||
@@ -49,6 +59,23 @@
|
||||
</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>
|
||||
|
||||
<?php $subclass = ''; ?>
|
||||
@@ -56,3 +83,12 @@
|
||||
<div id="main">
|
||||
|
||||
|
||||
<div id="vert-title">
|
||||
|
||||
<?if (is_front_page()):?>
|
||||
<div id="main-arrow"></div>
|
||||
<?endif?>
|
||||
<!--<div>Главное</div>-->
|
||||
</div>
|
||||
|
||||
|
||||
@@ -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 -->
|
||||
|
||||
@@ -4,4 +4,9 @@ jQuery(document).ready(function() {
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
$(".fa-search").click(function(){
|
||||
$(".wrap, .input").toggleClass("active");
|
||||
$("input[type='text']").focus();
|
||||
});
|
||||
|
||||
});
|
||||
77
search.php
Normal file
77
search.php
Normal 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(); ?>
|
||||
@@ -30,7 +30,7 @@
|
||||
<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>
|
||||
|
||||
|
||||
483
style.css
483
style.css
@@ -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,22 +529,33 @@ 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 {
|
||||
color: #909294;
|
||||
}
|
||||
|
||||
background: #f9f9f9;
|
||||
.page-numbers.current{
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
line-height: 140%;
|
||||
color: #171717;
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
@@ -804,6 +1144,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;
|
||||
background: url(/wp-content/themes/vij/pub/icons/burger-15.png) no-repeat;
|
||||
@@ -855,11 +1215,64 @@ img-fluid{
|
||||
}
|
||||
|
||||
|
||||
.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%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user