1696 lines
25 KiB
CSS
1696 lines
25 KiB
CSS
/*
|
|
Theme Name: vij
|
|
Theme URI: https://vetandlife.ru
|
|
Description: Ветеринария и жизнь
|
|
Version: 0.1
|
|
Author: AK Delfin
|
|
Author URI: masterforweb@hotmail.com
|
|
*/
|
|
|
|
/**
|
|
* Reset CSS
|
|
*/
|
|
|
|
/**
|
|
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background:#fff}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{font-weight:400;text-align:left}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}a:focus{outline:thin dotted}a:active,a:hover{outline:0}a img{border:0}
|
|
img, embed, iframe, object {
|
|
max-width: 100%;
|
|
}
|
|
*/
|
|
|
|
|
|
/**
|
|
fonts
|
|
*/
|
|
|
|
/* Обычный */
|
|
@font-face {
|
|
font-family: 'GrtskPeta';
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
src: url(/wp-content/themes/vij/pub/fonts/GrtskPeta-Regular.ttf);
|
|
|
|
}
|
|
|
|
/* Жирный */
|
|
@font-face {
|
|
font-family: 'GrtskPeta';
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
src: url(/wp-content/themes/vij/pub/fonts/GrtskPeta-Bold.ttf);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Убираем внешние отступы */
|
|
body,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
p,
|
|
ul,
|
|
ol,
|
|
li,
|
|
figure,
|
|
figcaption,
|
|
blockquote,
|
|
dl,
|
|
dd {
|
|
margin: 0;
|
|
}
|
|
|
|
ul, ol {
|
|
list-style: none;
|
|
}
|
|
|
|
a{
|
|
color: black;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
display: flex;
|
|
min-height: 100vh;
|
|
width: 100%;
|
|
font-family: 'GrtskPeta';
|
|
flex-direction: column;
|
|
margin: 0;
|
|
background-color: #FFFFFF;
|
|
}
|
|
#main {
|
|
display: flex;
|
|
flex: 1;
|
|
}
|
|
|
|
|
|
|
|
#main > article {
|
|
flex: 1;
|
|
}
|
|
#main > #left,
|
|
#main > #right {
|
|
flex: 0 0 20vw;
|
|
|
|
}
|
|
#main > #left {
|
|
order: -1;
|
|
}
|
|
|
|
|
|
#left{
|
|
max-width: 330px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
/** 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;
|
|
}
|
|
|
|
#mainlogo{
|
|
margin-left: 12px;
|
|
min-width: 260px;
|
|
flex-shrink: 0;
|
|
text-align: center;
|
|
margin-right: 10%;
|
|
}
|
|
|
|
#mainlogo IMG{
|
|
min-width: 240px;
|
|
}
|
|
|
|
.right-info{
|
|
margin-top: 8px;
|
|
margin-bottom: 12px;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.wrap{
|
|
transform: translate(0%, 0%);
|
|
width: 0px;
|
|
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;
|
|
position: relative;
|
|
}
|
|
|
|
.wrap .fa{
|
|
color: black;
|
|
position: absolute;
|
|
right: 17px;
|
|
top: 15px;
|
|
font-size: 18px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.wrap.active{
|
|
width: 220px;
|
|
padding-left: 25px;
|
|
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;
|
|
}
|
|
|
|
.search-card-box{
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.search-card{
|
|
width: 100%;
|
|
border-bottom: 1px solid #E9EAEB;
|
|
padding-bottom: 22px;
|
|
margin-bottom: 22px;
|
|
|
|
}
|
|
|
|
.search-card-title{
|
|
|
|
font-weight: bold;
|
|
font-size: 22px;
|
|
line-height: 140%;
|
|
margin-bottom: 12px;
|
|
|
|
}
|
|
|
|
.search-card-img{
|
|
float: right;
|
|
display: inline;
|
|
margin-left: 10px;
|
|
max-width: 239px;
|
|
}
|
|
|
|
.mobile-info{
|
|
display: none;
|
|
text-align: center;
|
|
}
|
|
|
|
/** #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-top: 42px;
|
|
|
|
}
|
|
|
|
header{
|
|
background-color: white;
|
|
display: flex;
|
|
align-items: center;
|
|
box-shadow: 0px 4px 53px rgba(0, 0, 0, 0.07);
|
|
width: 100%;
|
|
|
|
/* justify-content: space-around;
|
|
flex-wrap: wrap; */
|
|
|
|
}
|
|
|
|
#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; */
|
|
}
|
|
|
|
|
|
#footer_up{
|
|
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: 20%;
|
|
margin-right: 12px;
|
|
text-align: center;
|
|
}
|
|
|
|
#footer-contact{
|
|
width: 20%;
|
|
}
|
|
|
|
#footer_subscript{
|
|
margin-left: 32px;
|
|
margin-right: 22px;
|
|
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;
|
|
border: 1px solid #F18129;
|
|
color: white;
|
|
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;
|
|
}
|
|
|
|
.more_button {
|
|
background: #FFFFFF;
|
|
box-sizing: border-box;
|
|
border-radius: 47px;
|
|
border: 1px solid #171717;
|
|
color: #171717;
|
|
cursor: pointer;
|
|
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: 45px;
|
|
margin-top: 22px;
|
|
padding: 10px 28px;
|
|
|
|
}
|
|
|
|
.vazh{
|
|
font-size: 9px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.45em;
|
|
}
|
|
|
|
#footer_2{
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
#footer_3{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-top: 28px;
|
|
margin-bottom: 28px;
|
|
}
|
|
|
|
#rating{
|
|
width: 20%;
|
|
text-align: right;
|
|
}
|
|
|
|
#pere{
|
|
width: 40%;
|
|
font-size: 12px;
|
|
line-height: 150%;
|
|
margin-left: 18px;
|
|
color: #909294;
|
|
}
|
|
|
|
#copy{
|
|
color: #171717;
|
|
font-size: 13px;
|
|
line-height: 150%;
|
|
margin-right: 8px;
|
|
width: 20%;
|
|
text-align: center;
|
|
}
|
|
|
|
#svid{
|
|
display: flex;
|
|
color: #444444;
|
|
font-size: 13px;
|
|
line-height: 150%;
|
|
width: 80%;
|
|
|
|
}
|
|
|
|
#svid li{
|
|
margin-right: 18px;
|
|
}
|
|
|
|
.fulltext a{
|
|
color: #2D9CDB;
|
|
}
|
|
|
|
.fulltext > ul{
|
|
list-style: square outside;
|
|
}
|
|
|
|
.fulltext > ul li{
|
|
|
|
margin-top: 4px;
|
|
margin-bottom: 4px;
|
|
|
|
}
|
|
|
|
.wp-block-image figcaption {
|
|
font-size: .9em;
|
|
}
|
|
|
|
figcaption {
|
|
|
|
/*font-size: .9em;*/
|
|
color: #909294;
|
|
text-align: center;
|
|
padding: 12px 0 12px 0;
|
|
|
|
}
|
|
|
|
.sp-button{
|
|
color: orange;
|
|
}
|
|
|
|
#fulltext img,
|
|
.wp-block-image img
|
|
{
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
blockquote{
|
|
font-weight: bold;
|
|
text-align: center;
|
|
padding-top: 8px;
|
|
padding-left: 8px;
|
|
margin-top: 22px;
|
|
margin-bottom: 22px;
|
|
border-top: 1px solid #E9EAEB;
|
|
border-bottom: 1px solid #E9EAEB;
|
|
|
|
}
|
|
|
|
/** - menus -- */
|
|
ul.menu_main{
|
|
display: flex;
|
|
padding: 5px;
|
|
}
|
|
|
|
ul.menu_main li{
|
|
margin: 5px;
|
|
padding: 15px;
|
|
font-weight: bold;
|
|
font-size: 15px;
|
|
}
|
|
|
|
|
|
ul.menu_left{
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-color: #00466A;
|
|
padding: 32px 22px 22px 32px;
|
|
}
|
|
|
|
ul.menu_left li{
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
line-height: 150%;
|
|
/*text-transform: uppercase;*/
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
ul.menu_left li a{
|
|
color: white;
|
|
}
|
|
|
|
.current-menu-item {
|
|
color: #2D9CDB;
|
|
}
|
|
|
|
|
|
ul.menu_footer{
|
|
display: flex;
|
|
padding: 5px;
|
|
}
|
|
|
|
ul.menu_footer li{
|
|
margin: 5px;
|
|
padding: 15px;
|
|
font-weight: bold;
|
|
font-size: 15px;
|
|
}
|
|
|
|
|
|
|
|
footer {
|
|
background: #E2E2E2;
|
|
/**height: 20vh;*/
|
|
}
|
|
|
|
#footer_up{
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
}
|
|
|
|
|
|
|
|
article{
|
|
padding: 1em;
|
|
}
|
|
|
|
#main{
|
|
padding: 0 8px 0 8px;
|
|
}
|
|
|
|
#header-contact{
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 22px;
|
|
}
|
|
|
|
/* +7 (495) 925 06 34 info@vetandlife.ru */
|
|
|
|
#head_tel{
|
|
font-weight: bold;
|
|
}
|
|
|
|
#head_mail a{
|
|
color: #2D9CDB;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#header_icons{
|
|
display: flex;
|
|
}
|
|
|
|
#header_icons li{
|
|
width: 20px;
|
|
height: 15px;
|
|
margin-left: 18px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.header_btn{
|
|
width: 20px;
|
|
height: 15px;
|
|
}
|
|
|
|
#copy{
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
#footer_3{
|
|
width: 100%;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
|
|
.btn_search{
|
|
background: url(/wp-content/themes/vij/pub/icons/union.png) no-repeat;
|
|
}
|
|
|
|
|
|
.btn_rss{
|
|
background: url(/wp-content/themes/vij/pub/icons/header-rss.png) no-repeat;
|
|
}
|
|
|
|
|
|
#content{
|
|
margin-right: 58px;
|
|
margin-left: 58px;
|
|
padding-bottom: 28px;
|
|
/*max-width: 880px;*/
|
|
width: 55%;
|
|
}
|
|
|
|
#content p{
|
|
margin-top: .5em; /* Отступ сверху */
|
|
margin-bottom: 1em; /* Отступ снизу */
|
|
}
|
|
|
|
#content IMG{
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
.wp-block-image IMG{
|
|
/** object-fit: cover; */
|
|
|
|
}
|
|
|
|
|
|
#post-img{
|
|
text-align: center;
|
|
/**background: #F5F5F5;*/
|
|
}
|
|
|
|
#event-img{
|
|
float: left;
|
|
margin-right: 12px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.pagination-wrapper{
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.page-numbers {
|
|
display: inline-block;
|
|
padding: 5px 10px;
|
|
margin: 0 2px 0 0;
|
|
line-height: 1;
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
}
|
|
|
|
a.page-numbers{
|
|
color: #909294;
|
|
}
|
|
|
|
a.page-numbers:hover {
|
|
color: #909294;
|
|
}
|
|
|
|
.page-numbers.current{
|
|
font-weight: bold;
|
|
font-size: 22px;
|
|
line-height: 140%;
|
|
color: #171717;
|
|
}
|
|
|
|
|
|
h1{
|
|
font-family: 'GrtskPeta';
|
|
font-size: 36px;
|
|
font-weight: bold;
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
#mainpage-title{
|
|
margin-top: 42px;
|
|
}
|
|
|
|
#title-404{
|
|
margin-top: 42px;
|
|
text-align: center;
|
|
}
|
|
|
|
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;
|
|
grid-gap: 2rem;
|
|
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
|
}
|
|
|
|
|
|
.mini-card-title{
|
|
font-family: 'GrtskPeta';
|
|
font-size: 18px;
|
|
}
|
|
|
|
.mini-card-img{
|
|
/** width: 372px;
|
|
height: 216px; */
|
|
position: relative;
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
.play-card{
|
|
position: absolute;
|
|
display: block;
|
|
background: url(https://vetandlife.ru/wp-content/themes/vij/pub/play.png);
|
|
height: 100%;
|
|
width: 100%;
|
|
top: 43%;
|
|
left: 45%;
|
|
background-size: 50px 50px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
|
|
|
|
.card-img-top{
|
|
text-align: center;
|
|
width: 100%;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.mini-card-img{
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
|
|
#nav_content{
|
|
display: flex;
|
|
padding:0;
|
|
padding-bottom: 18px;
|
|
margin-top: 28px;
|
|
margin-bottom: 28px;
|
|
border-bottom: 1px solid #E9EAEB;
|
|
}
|
|
|
|
#nav_content li{
|
|
margin-right: 8px;
|
|
color: #909294;
|
|
font-size: 12px;
|
|
line-height: 3,2px;
|
|
}
|
|
|
|
#nav_content li a{
|
|
color: #909294;
|
|
}
|
|
|
|
.main-card{
|
|
padding-bottom: 22px;
|
|
margin: 8px 0 32px 0;
|
|
border-bottom: 1px solid #E9EAEB;
|
|
width: 100%;
|
|
/*text-align: center; */
|
|
}
|
|
|
|
.main-card-title{
|
|
font-family: 'GrtskPeta';
|
|
font-size: 28px;
|
|
text-align: center;
|
|
}
|
|
|
|
.main-card-title-left{
|
|
|
|
font-family: 'GrtskPeta';
|
|
font-size: 36px;
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
.main-card-text{
|
|
font-family: 'GrtskPeta';
|
|
font-size: 18px;
|
|
text-align: left;
|
|
line-height: 140%;
|
|
padding: 8px;
|
|
}
|
|
|
|
.main-card IMG{
|
|
width: 100%;
|
|
}
|
|
|
|
.news_date{
|
|
color: #909294;
|
|
font-family: 'GrtskPeta';
|
|
font-size: 13px;
|
|
padding: 8px 0 8px 0;
|
|
}
|
|
|
|
|
|
#events_left{
|
|
padding: 8px;
|
|
}
|
|
|
|
.event{
|
|
padding: 18px 0 18px 0;
|
|
font-size: 16px;
|
|
border-bottom: 1px solid #E9EAEB;
|
|
}
|
|
|
|
|
|
.mosts{
|
|
background-color: #00466A;
|
|
width: 100%;
|
|
padding: 22px;
|
|
margin-bottom: 22px;
|
|
}
|
|
|
|
|
|
.publs_right{
|
|
border-top: 1px solid #E9EAEB;
|
|
margin: 22px;
|
|
padding-top: 18px;
|
|
padding-bottom: 18px;
|
|
}
|
|
|
|
|
|
.publs_right_title{
|
|
text-transform: uppercase;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
margin-top: 12px;
|
|
|
|
}
|
|
|
|
|
|
.publs_right_item{
|
|
padding-top: 28px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.most_title{
|
|
color: #2D9CDB;
|
|
}
|
|
|
|
.most{
|
|
padding: 12px 0 12px 0;
|
|
color: #FFFFFF;
|
|
font-size: 16px;
|
|
line-height: 22.4px;
|
|
}
|
|
|
|
.most a{
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
|
|
.left_preview{
|
|
/*border-radius: 50%;*/
|
|
/*width: 105px;
|
|
height: 84px;*/
|
|
width: 145px;
|
|
}
|
|
|
|
.publ_expert{
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
.publ_expert a{
|
|
color: #2D9CDB;
|
|
}
|
|
|
|
.post_info{
|
|
font-size: 14px;
|
|
color: #444444;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.post_img_title{
|
|
color: #909294;
|
|
text-align: center;
|
|
padding: 12px 0 12px 0;
|
|
}
|
|
.post_img_title a{
|
|
color: #909294;
|
|
}
|
|
|
|
.post_link_category a {
|
|
color: #2D9CDB;
|
|
}
|
|
|
|
.post_info{
|
|
display: flex;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.post_info_sub{
|
|
width: 50%;
|
|
}
|
|
|
|
.post_panel_info{
|
|
display: flex;
|
|
font-size: 14px;
|
|
border-top: 1px solid #E9EAEB;
|
|
border-bottom: 1px solid #E9EAEB;
|
|
padding: 18px 0 18px 0;
|
|
margin: 24px 0 18px 0;
|
|
}
|
|
|
|
.post_panel_info_sub{
|
|
width: 50%;
|
|
}
|
|
|
|
|
|
.left_opinion{
|
|
display: flex;
|
|
flex-direction: column;
|
|
background: #F5F5F5;
|
|
padding: 18px;
|
|
}
|
|
|
|
.left_opinion img{
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
/*width: 84px;
|
|
height: 84px;*/
|
|
}
|
|
|
|
.left_opinion_title{
|
|
margin-bottom: 8px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.left_opinion_text{
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.left_citata{
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 18px;
|
|
}
|
|
|
|
|
|
|
|
.left_citata img{
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.left_citata_title{
|
|
margin-bottom: 8px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.left_citata_text{
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.moread{
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
grid-gap: 2rem;
|
|
margin-top: 8px;
|
|
margin-bottom: 28px;
|
|
}
|
|
|
|
.moread_card{
|
|
|
|
}
|
|
|
|
.moread_rubric{
|
|
padding-top: 28px;
|
|
padding-bottom: 8px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.moread_title{
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.moread_card IMG{
|
|
width: 100%;
|
|
/*height: 216px;*/
|
|
float: top;
|
|
}
|
|
|
|
.moread_date{
|
|
color: #909294;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.right_archive{
|
|
margin-bottom: 22px;
|
|
background: #FFFFFF;
|
|
box-shadow: 0px 14px 27px rgb(242, 242, 242);
|
|
text-align: center;
|
|
margin: 22px;
|
|
padding-top: 22px;
|
|
padding-bottom: 22px;
|
|
}
|
|
|
|
.right_archive_img{
|
|
margin-bottom: 12px;
|
|
width: 202px;
|
|
}
|
|
|
|
.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;
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.right_archive_link a{
|
|
color: #909294;
|
|
}
|
|
|
|
|
|
|
|
|
|
.yets_rubric{
|
|
color: #F18129;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
font-size: 13px;
|
|
line-height: 110%;
|
|
margin-top: 32px;
|
|
margin-bottom: 32px;
|
|
border-top: 1px solid #E9EAEB;
|
|
padding-top: 28px;
|
|
}
|
|
|
|
.yets{
|
|
display: grid;
|
|
grid-gap: 1rem;
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
margin-top: 8px;
|
|
margin-bottom: 28px;
|
|
padding: 8px;
|
|
width: 100%;
|
|
}
|
|
|
|
.yet_card{
|
|
padding: 32px 28px 32px 28px;
|
|
background: #E9EAEB;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.publ-to-main{
|
|
text-align: center;
|
|
margin-bottom: 22px;
|
|
}
|
|
|
|
.go-to-main{
|
|
color: #909294;
|
|
}
|
|
|
|
.arrow-go-main{
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
.post_author{
|
|
color: #171717;
|
|
font-size: 14px;
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
#form_subscript{
|
|
margin-bottom: 32px;
|
|
}
|
|
|
|
#tags{
|
|
color: #909294;
|
|
}
|
|
|
|
#tags 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;
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
font-size: 11px;
|
|
|
|
}
|
|
|
|
|
|
#calendar-item{
|
|
background-color: #2571A6;
|
|
color: rgba(255, 255, 255, 0.28);
|
|
text-transform: uppercase;
|
|
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.07);
|
|
font-size: 13px;
|
|
padding: 22px;
|
|
}
|
|
|
|
.calendar-head {
|
|
display: flex;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: #FFFFFF;
|
|
font-weight: bold;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.calendar-head a{
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
|
|
#calendar-arrow-prev,
|
|
#calendar-arrow-next {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.calendar-title{
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: #FFFFFF;
|
|
font-weight: bold;
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
#calendar-item th {
|
|
font-size: 10px;
|
|
padding: 6px 7px;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-weight: bold;
|
|
line-height: 14px;
|
|
}
|
|
|
|
#calendar-item td {
|
|
font-size: 13px;
|
|
padding: 6px 8px;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.calendar-item table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
.calendar-head{
|
|
border-top: 1px solid rgba(0, 70, 106, 0.18);
|
|
border-bottom: 1px solid rgba(0, 70, 106, 0.18);
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
|
|
|
|
.calendar-popup a{
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
|
|
|
|
.calendar-head-text{
|
|
margin-right: 12px;
|
|
margin-left: 12px;
|
|
width: 90%;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
#socials{
|
|
display: flex;
|
|
margin-bottom: 18px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
#socials a:hover{
|
|
margin-top: -4px;
|
|
}
|
|
|
|
|
|
|
|
#socials_footer{
|
|
display: flex;
|
|
margin: 0 12px 0 12px;
|
|
}
|
|
|
|
|
|
.menu_left_icons{
|
|
width: 21px;
|
|
|
|
}
|
|
|
|
.menu_left_jivot{
|
|
padding-left: 22px;
|
|
background: url(/wp-content/themes/vij/pub/icons/menu-jivot.png) no-repeat;
|
|
vertical-align:middle;
|
|
height: 31px;
|
|
|
|
}
|
|
|
|
.btn_soc{
|
|
margin-right: 18px;
|
|
padding: 10px;
|
|
border-radius: 50%;
|
|
border: 1px solid #D5D5D6;
|
|
}
|
|
|
|
.btn_soc_post{
|
|
margin-left: 12px;
|
|
}
|
|
|
|
|
|
.rating{
|
|
border-radius: 50%;
|
|
background-color: white;
|
|
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;
|
|
}
|
|
|
|
.soc_youtube{
|
|
background: url(/wp-content/themes/vij/pub/icons/youtube-icon.png) no-repeat;
|
|
}
|
|
|
|
.soc_vk{
|
|
background: url(/wp-content/themes/vij/pub/icons/vk-icon.png) no-repeat;
|
|
}
|
|
|
|
.soc_fb{
|
|
background: url(/wp-content/themes/vij/pub/icons/facebook-icon.png) no-repeat;
|
|
}
|
|
|
|
.soc_instagram{
|
|
background: url(/wp-content/themes/vij/pub/icons/instagram-icon.png) no-repeat;
|
|
}
|
|
|
|
img-fluid{
|
|
text-align: center;
|
|
}
|
|
|
|
.toggle-nav {
|
|
display: none !important;
|
|
}
|
|
|
|
|
|
|
|
#gamburer_menu{
|
|
display: none;
|
|
}
|
|
|
|
|
|
.mob-lite{
|
|
display: none;
|
|
}
|
|
|
|
|
|
@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;
|
|
}
|
|
|
|
.btn_rss{
|
|
display: none;
|
|
}
|
|
|
|
.menu.main {
|
|
display: inline-block;
|
|
position: relative;
|
|
background: #fff;
|
|
text-align: left;
|
|
}
|
|
|
|
.menu.main ul {
|
|
display: none;
|
|
position: absolute;
|
|
overflow: auto;
|
|
top: 0px;
|
|
right: 0px;
|
|
z-index: 999;
|
|
padding-right: 15px;
|
|
background: #fff;
|
|
}
|
|
|
|
.menu.main ul li {
|
|
float: none;
|
|
display: block;
|
|
position: relative;
|
|
top: 0px;
|
|
right: 0px;
|
|
min-width: 100px;
|
|
background: #fff;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
#gamburer_menu a{
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
.mob-lite{
|
|
display: inline-block !important;
|
|
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;
|
|
}
|
|
|
|
.mobile-info{
|
|
display: block;
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
/** ultrabooks and ipads **/
|
|
@media (max-width: 768px) {
|
|
|
|
#left{
|
|
display: none;
|
|
}
|
|
|
|
#mainmenu{
|
|
display: none;
|
|
}
|
|
|
|
#right{
|
|
display: none;
|
|
}
|
|
|
|
#vert-title{
|
|
display: none;
|
|
}
|
|
|
|
#nav_content{
|
|
display: none;
|
|
}
|
|
|
|
#header-contact{
|
|
display: none;
|
|
}
|
|
|
|
#footer-contact{
|
|
display: none;
|
|
}
|
|
|
|
#content{
|
|
margin: 8px;
|
|
width: 100%;
|
|
}
|
|
|
|
#mini-card-block{
|
|
display: grid;
|
|
width: 100%;
|
|
}
|
|
|
|
.fulltext > IMG{
|
|
max-width: 100%;
|
|
}
|
|
|
|
#footer{
|
|
width: 100%;
|
|
}
|
|
|
|
.post_info_social{
|
|
display: none;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
/** mobile **/
|
|
@media only screen
|
|
and (min-device-width : 375px)
|
|
and (max-device-width : 667px) {
|
|
|
|
#content{
|
|
margin: 8px;
|
|
width: 100%;
|
|
}
|
|
|
|
.mobile-info{
|
|
display: block;
|
|
}
|
|
|
|
|
|
.mini-card{
|
|
width: 100%;
|
|
padding-right: 12px;
|
|
}
|
|
|
|
.mini-card-img{
|
|
width: 100%;
|
|
}
|
|
|
|
#footer-contact{
|
|
display: none;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|