CSS
.text_style {
text-size:16px;
}
.text_style20 {
text-size:20px;
}
/* Страницы специальностей / направлений подготовки */
.ume_block{
padding: 0.5em;
margin-top: 1.5em;
margin-bottom: 1em;
}
.ume_block .ume_oop_row{
margin: 0.3em 0.1em;
padding-top: 0.5em;
border-top: 1px dotted Gainsboro;
font-size: 0.95em;
}
.ume_block .ume_fo{
border-top: 0px;
font-weight: 500;
font-style: italic;
}
.ume_line p{
padding-top: 1em;
}
.ume_line span{
font-weight: 500;
}
/* ------------------------------------------------ */
/* Страницы Поиск направлений подготовки */
.ume_info-plank * {
margin: 0px;
}
.ume_info-plank {
padding: 10px;
max-width: 800px;
margin-bottom: 25px;
border-radius: 4px;
border: 1px solid #ccc;
background: #FFFFFF;
}
.direction-item__row {
display: flex;
align-items: flex-start;
font-size: 0.9em;
}
.ume_info-plank .direction-item__code {
margin-left: 2px;
font-weight: 500;
vertical-align: top;
}
.ume_info-plank .direction-item__level {
margin-left: 2px;
font-weight: 500;
vertical-align: top;
}
.ume_info-plank .direction-item__info{
line-height: 1em;
font-size: 0.8em;
color: #A6864B;
font-weight: 400;
}
.ume_info-plank .direction-item__params {
display: flex;
flex-wrap: wrap;
margin-top: 0.1rem;
}
.ume_info-plank .direction-item__param {
width: 50%;
}
.ume_info-plank .cells-block-item__content a{
cursor: pointer;
}
.ume_info-plank .direction-item__param .accent{
font-weight: 500;
}
.ume_info-plank .info-plank_bottom{
display: flex;
justify-content: space-between;
margin-top: 5px;
font-size: 0.9em;
align-items: baseline;
}
.ume_info-plank .info-plank_bottom span{
color: #A5A8B0;
font-size: 0.8em;
font-weight: 500;
}
.ume_search_spec {
min-width: 200px;
background: #EAEFF9; /*D7DDEA; #DFE6F3; */
padding: 10px;
border-radius: 4px;
border: 1px solid #9AA0AD;
max-width: 800px;
margin-bottom: 20px;
}
.ume_form_radio_group {
display: inline-block;
overflow: hidden;
font-size:0.9em;
}
.ume_form_radio_group-item {
display: inline-block;
float: left;
}
.ume_form_radio_group input[type=radio] {
display: none;
}
.ume_form_radio_group label {
display: inline-block;
cursor: pointer;
padding: 0px 15px;
line-height: 30px;
border: 1px solid #9AA0AD;
min-width: 126px;
border-right: none;
user-select: none;
}
.ume_form_radio_group .ume_form_radio_group-item:first-child label {
border-radius: 4px 0 0 4px;
}
.ume_form_radio_group .ume_form_radio_group-item:last-child label {
border-radius: 0 4px 4px 0;
border-right: 1px solid #9AA0AD;
}
@media (max-width: 600px) {
.ume_form_radio_group .ume_form_radio_group-item:first-child label {
border-radius: 4px 0 0 4px;
}
.ume_form_radio_group .ume_form_radio_group-item label{
border-radius: 4px;
border-right: 1px solid #9AA0AD;
}
}
.ume_form_radio_group input[type=radio]:checked + label {
background: #FFF7E8;
font-weight: 500;
}
.ume_form_radio_group label:hover {
color: #666;
}
.ume_checkbox_button {
display: inline-block;
margin: 0 5px 0 0;
user-select: none;
position: relative;
font-size: 0.9em;
}
.ume_checkbox_button input[type=checkbox] {
z-index: -1;
opacity: 0;
display: block;
width: 0;
height: 0;
}
.ume_checkbox_button span {
display: inline-block;
cursor: pointer;
padding: 0px 10px;
line-height: 30px;
border: 1px solid #9AA0AD;
min-width: 160px;
border-radius: 4px;
transition: background 0.2s ease;
}
.ume_checkbox_button input[type=checkbox]:checked + span {
background: #FFF7E8;
font-weight: 500;
}
.focused span {
box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.ume_checkbox_button:hover {
color: #666;
}
.ume_checkbox_button input[type=checkbox]:active:not(:disabled) + span {
background: #d2c5ac;
color: #000;
font-weight: 500;
}
/* ------------------------------------------------ */
.ume_accord-navigation {
max-width: 980px;
min-width: 250px;
margin: 0 auto;
}
.ume_accord-navigation .accord_menu, .ume_accord-navigation .sub-accord_menu {
margin: 0;
padding: 0;
list-style: none;
}
.ume_accord-navigation .accord_menu__item {
border-radius: 15px;
margin-bottom: 5px;
border:1px solid #ccc;
background: #fff;
}
.ume_accord-navigation .accord_menu__link {
font-weight: 500;
position: relative;
text-decoration: none;
border-radius: 13px;
display: block;
padding: 12px 50px 12px 20px;
background: #fff;
}
.ume_accord-navigation .accord_menu__link:hover {
cursor: pointer;
text-decoration: none;
}
.ume_accord-navigation .accord_menu__link:not(.accord_menu__link_active):after {
position: absolute;
content: "";
border-top: 12px #00427a solid;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
right: 22px;
top: 50%;
transform: translatey(-6px);
text-decoration: none;
}
.ume_accord-navigation .accord_menu__link:not(.accord_menu__link_active):hover {
opacity: .8;
color: #fff;
background: #B8B8B8;
text-decoration: none;
}
.ume_accord-navigation .accord_menu__link:not(.accord_menu__link_active):hover:after {
border-top: 12px #ffffff solid;
text-decoration: none;
}
.ume_accord-navigation .accord_menu__link_active {
background-color: #ccc;
}
.ume_accord-navigation .accord_menu__link_active:after {
position: absolute;
content: "";
border-bottom: 12px #fff solid;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
right: 22px;
top: 50%;
transform: translatey(-6px);
}
.ume_accord-navigation .accord_menu__link_active + ul{
display: block;
height: 100%;
}
.ume_accord-navigation .sub-accord_menu {
padding: 5px 20px;
display: none;
height: 0;
overflow: hidden;
font-size: 1.1rem;
background: #fff;
border-radius: 0px 0px 13px 13px;
}
.ume_accord-navigation .sub-accord_menu .s-list{
margin-bottom:10px;
}
.ume_accord-navigation .sub-accord_menu a{
font-weight: 400;
}
