Files
vij/style.css

352 lines
5.6 KiB
CSS
Raw Normal View History

2021-09-16 12:14:35 +03:00
/*
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;
font-family: 'GrtskPeta';
flex-direction: column;
margin: 0;
background-color: #FFFFFF;
}
#main {
display: flex;
flex: 1;
}
#main > article {
flex: 1;
}
#main > #left,
2021-09-18 01:30:09 +03:00
#main > #right {
2021-09-16 12:14:35 +03:00
flex: 0 0 20vw;
background: beige;
}
#main > #left {
order: -1;
}
2021-09-18 01:30:09 +03:00
#left{
width: 330px;
display: flex;
flex-direction: column;
}
#right{
width: 330px;
display: flex;
flex-direction: column;
}
2021-09-16 12:14:35 +03:00
header{
background-color: white;
display: flex;
justify-content: space-between;
}
/** - 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;
2021-09-18 01:30:09 +03:00
background-color: #00466A;
padding-top: 8px;
padding-bottom: 8px;
2021-09-16 12:14:35 +03:00
}
ul.menu_left li{
font-weight: bold;
2021-09-18 01:30:09 +03:00
font-size: 14px;
2021-09-16 12:14:35 +03:00
line-height: 150%;
2021-09-18 01:30:09 +03:00
/*text-transform: uppercase;*/
padding-top: 4px;
padding-bottom: 4px;
}
ul.menu_left li a{
color: white;
2021-09-16 12:14:35 +03:00
}
2021-09-18 01:30:09 +03:00
.current-menu-item {
color: #2D9CDB;
}
2021-09-16 12:14:35 +03:00
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;
}
2021-09-18 01:30:09 +03:00
header, footer, article, nav, #right {
2021-09-16 12:14:35 +03:00
padding: 1em;
}
#main{
padding: 24px;
}
#header-contact{
display: flex;
flex-direction: column;
}
/* +7 (495) 925 06 34 info@vetandlife.ru */
#head_tel{
font-weight: bold;
}
#head_mail a{
color: blue;
text-decoration: underline;
}
h1{
margin: 18px 0 18px 0;
font-family: 'GrtskPeta';
font-size: 36px;
font-weight: bold;
}
.card{
margin: 8px 0 8px 0;
}
.card-title{
font-family: 'GrtskPeta';
font-size: 36px;
}
.card-text{
font-family: 'GrtskPeta';
font-size: 18px;
line-height: 140%;
padding: 8px;
}
.news_date{
color: #909294;
font-family: 'GrtskPeta';
font-size: 13px;
padding: 8px 0 8px 0;
}
2021-09-18 01:30:09 +03:00
.event{
padding: 8px 0 8px 0;
border-bottom: 1px solid black;
}
#mosts{
background-color: #00466A;
width: 100%;
}
.most_title{
color: #2D9CDB;
}
.most{
padding: 8px;
color: #FFFFFF;
font-size: 16px;
line-height: 22.4px;
}
.most a{
color: #FFFFFF;
}
.left_preview{
border-radius: 50%;
width: 95px;
height: 84px;
}
.publ_expert{
font-size: 16px;
font-weight: bold;
margin-bottom: 18px;
}
.post_info{
font-size: 14px;
color: #444444;
}
.post_img_title{
color: #909294;
}
.post_img_title a{
color: #909294;
}
.post_panel_info{
font-size: 14px;
border-top: 1px solid #E9EAEB;
border-bottom: 1px solid #E9EAEB;
padding: 12px 0 12px 0;
margin 18px 0 18px 0;
}
.moread{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-gap: 1rem;
}
.moread_card{
padding 8px;
}
.more_card IMG{
width: 372px;
height: 216px;
}
2021-09-16 12:14:35 +03:00
/** socials */
#socials{
display: flex;
}
.soc_btn{
height: 24px;
width: 24px;
2021-09-18 01:30:09 +03:00
/*border-radius: 10px;*/
2021-09-16 12:14:35 +03:00
border: 1px solid #E9EAEB;
}
.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;
}