add fa
This commit is contained in:
291
style.css
291
style.css
@@ -80,6 +80,7 @@ a{
|
||||
body {
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
width: 100%;
|
||||
font-family: 'GrtskPeta';
|
||||
flex-direction: column;
|
||||
margin: 0;
|
||||
@@ -95,20 +96,23 @@ a{
|
||||
#main > #left,
|
||||
#main > #right {
|
||||
flex: 0 0 20vw;
|
||||
background: beige;
|
||||
|
||||
}
|
||||
#main > #left {
|
||||
order: -1;
|
||||
}
|
||||
|
||||
#left{
|
||||
width: 330px;
|
||||
max-width: 330px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-right: 28px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
#right{
|
||||
width: 330px;
|
||||
max-width: 330px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@@ -117,10 +121,21 @@ a{
|
||||
header{
|
||||
background-color: white;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
flex-wrap: wrap;
|
||||
|
||||
}
|
||||
|
||||
#footer_menu{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#footer_menu > div:nth-child(2){
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
|
||||
/** - menus -- */
|
||||
ul.menu_main{
|
||||
@@ -140,8 +155,8 @@ a{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #00466A;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
padding: 32px 22px 22px 32px;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
ul.menu_left li{
|
||||
@@ -178,7 +193,13 @@ a{
|
||||
|
||||
footer {
|
||||
background: #E2E2E2;
|
||||
height: 20vh;
|
||||
/**height: 20vh;*/
|
||||
}
|
||||
|
||||
#footer_up{
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
header, footer, article, nav, #right {
|
||||
@@ -186,7 +207,7 @@ a{
|
||||
}
|
||||
|
||||
#main{
|
||||
padding: 24px;
|
||||
padding: 0 8px 0 8px;
|
||||
}
|
||||
|
||||
#header-contact{
|
||||
@@ -205,31 +226,78 @@ a{
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#header_icons{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#header_icons li{
|
||||
width: 20px;
|
||||
height: 15px;
|
||||
margin-left: 18px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
h1{
|
||||
margin: 18px 0 18px 0;
|
||||
font-family: 'GrtskPeta';
|
||||
font-size: 36px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.card{
|
||||
margin: 8px 0 8px 0;
|
||||
|
||||
.mini-card-block{
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(372px, 372px));
|
||||
grid-gap: 2rem;
|
||||
}
|
||||
|
||||
.card-title{
|
||||
font-family: 'GrtskPeta';
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
.card-text{
|
||||
.mini-card-title{
|
||||
font-family: 'GrtskPeta';
|
||||
font-size: 18px;
|
||||
line-height: 140%;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.mini-card-img{
|
||||
width: 372px;
|
||||
height: 216px;
|
||||
}
|
||||
|
||||
|
||||
.main-card{
|
||||
padding-bottom: 22px;
|
||||
margin: 8px 0 32px 0;
|
||||
border-bottom: 1px solid #E9EAEB;
|
||||
/*text-align: center; */
|
||||
}
|
||||
|
||||
.main-card-title{
|
||||
font-family: 'GrtskPeta';
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
.main-card-text{
|
||||
font-family: 'GrtskPeta';
|
||||
font-size: 18px;
|
||||
text-align: left;
|
||||
line-height: 140%;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.news_date{
|
||||
color: #909294;
|
||||
font-family: 'GrtskPeta';
|
||||
@@ -237,15 +305,22 @@ a{
|
||||
padding: 8px 0 8px 0;
|
||||
}
|
||||
|
||||
|
||||
#events_left{
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.event{
|
||||
padding: 8px 0 8px 0;
|
||||
border-bottom: 1px solid black;
|
||||
padding: 18px 0 18px 0;
|
||||
font-size: 16px;
|
||||
border-bottom: 1px solid #E9EAEB;
|
||||
}
|
||||
|
||||
|
||||
#mosts{
|
||||
background-color: #00466A;
|
||||
width: 100%;
|
||||
padding: 22px;
|
||||
}
|
||||
|
||||
.most_title{
|
||||
@@ -253,7 +328,7 @@ a{
|
||||
}
|
||||
|
||||
.most{
|
||||
padding: 8px;
|
||||
padding: 12px 0 12px 0;
|
||||
color: #FFFFFF;
|
||||
font-size: 16px;
|
||||
line-height: 22.4px;
|
||||
@@ -278,51 +353,205 @@ a{
|
||||
.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: 12px 0 12px 0;
|
||||
margin 18px 0 18px 0;
|
||||
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;
|
||||
}
|
||||
|
||||
.left_opinion_title{
|
||||
margin-bottom: 8px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.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(250px, 1fr));
|
||||
grid-template-columns: repeat(auto-fit, minmax(372px, 380px));
|
||||
grid-gap: 1rem;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
|
||||
.moread_card{
|
||||
padding 8px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.more_card IMG{
|
||||
width: 372px;
|
||||
height: 216px;
|
||||
}
|
||||
.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: 372px;
|
||||
height: 216px;
|
||||
float: top;
|
||||
}
|
||||
|
||||
.moread_date{
|
||||
color: #909294;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
|
||||
.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-template-columns: repeat(auto-fit, minmax(372px, 380px));
|
||||
grid-gap: 1rem;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
|
||||
.yet_card{
|
||||
padding: 12px;
|
||||
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;
|
||||
}
|
||||
|
||||
/** socials */
|
||||
|
||||
#socials{
|
||||
display: flex;
|
||||
margin: 0 12px 32px 12px;
|
||||
}
|
||||
|
||||
.btn_soc{
|
||||
margin-right: 18px;
|
||||
padding: 10px;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #E9EAEB;
|
||||
}
|
||||
|
||||
.btn_soc_post{
|
||||
margin-left:
|
||||
}
|
||||
|
||||
|
||||
.soc_btn{
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
/*border-radius: 10px;*/
|
||||
border: 1px solid #E9EAEB;
|
||||
|
||||
|
||||
}
|
||||
|
||||
#rating{
|
||||
border-radius: 50%;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.soc_telegram{
|
||||
|
||||
Reference in New Issue
Block a user