documentation page
This commit is contained in:
@@ -1624,4 +1624,299 @@ body.n_scroll{
|
||||
width: 47.5%;
|
||||
margin-left: 2.5%;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.breadcrumbs_documentation_block{
|
||||
width: 100%;
|
||||
margin: 30px 0 50px 0;
|
||||
}
|
||||
|
||||
.breadcrumbs_documentation{
|
||||
display: flex;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.breadcrumb_arrow_picture{
|
||||
margin: 0 8px;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.breadcrumb_arrow_img{
|
||||
width: 6px;
|
||||
height: 10px;
|
||||
padding: 2px 5px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.way_bread_crumb{
|
||||
font-size: 14px;
|
||||
color: #7A8185FF;
|
||||
}
|
||||
|
||||
.way_bread_crumb.last{
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.documentation_switcher_arrow_picture{
|
||||
width: 12px;
|
||||
height: 7px;
|
||||
display: block;
|
||||
}
|
||||
.documentation_switcher_arrow_img{
|
||||
width: 12px;
|
||||
height: 7px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.cur_documentation_version{
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: #0C54A0FF;
|
||||
}
|
||||
|
||||
.documentation_version_txt{
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #10212BFF;
|
||||
}
|
||||
|
||||
.documentation_version{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.documentation_version_switcher{
|
||||
width: 60px;
|
||||
border: 1px solid #CCCED1FF;
|
||||
border-radius: 2px;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.first_line_documentation_version_switcher{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 6px 10px 6px 17px;
|
||||
}
|
||||
|
||||
.documentation_switcher_content_part{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.documentation_switcher_content_part.hidden{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.one_item_documentation_switcher_content_part{
|
||||
background: none;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #0C54A0FF;
|
||||
padding: 6px 26px;
|
||||
transition: 200ms;
|
||||
}
|
||||
|
||||
.one_item_documentation_switcher_content_part:hover{
|
||||
background: #0C54A0FF;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.left_curtain_documentation{
|
||||
width: 373px;
|
||||
}
|
||||
|
||||
.tree_documentation_container{
|
||||
width: 100%;
|
||||
height: calc(100vh - 295px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
.tree_documentation_container.hide_scroll::-webkit-scrollbar{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tree_documentation_container.hide_scroll{
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.tree_documentation_container.hidden_scrollbar::-webkit-scrollbar {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tree_documentation_container::-webkit-scrollbar-thumb {
|
||||
background-color: #CCCED1FF;
|
||||
border-radius: 5px;
|
||||
width: 6px;
|
||||
display: block;
|
||||
border: 1px solid #EDEDEDFF;
|
||||
transition: 200ms all;
|
||||
}
|
||||
|
||||
.tree_documentation_container::-webkit-scrollbar {
|
||||
background-color: #EDEDEDFF;
|
||||
width: 8px;
|
||||
display: block;
|
||||
padding-left: 15px;
|
||||
transition: 500ms all;
|
||||
opacity: 100%;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/*.tree_documentation_container::-webkit-scrollbar:hover .tree_documentation_container::-webkit-scrollbar-thumb {*/
|
||||
/* background-color: #0C54A0FF;*/
|
||||
/*}*/
|
||||
|
||||
.tree_documentation_container:hover::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #0C54A0FF;
|
||||
}
|
||||
|
||||
.tree_documentation_container_first_level{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tree_documentation_container_first_line{
|
||||
display: flex;
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
.tree_documentation_arrow_picture{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
display: block;
|
||||
background: none;
|
||||
transition: 200ms all;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.tree_documentation_arrow_picture:hover{
|
||||
background: #E0E8EFFF;
|
||||
}
|
||||
|
||||
.tree_documentation_arrow_img{
|
||||
width: 12px;
|
||||
height: 7px;
|
||||
padding: 9px 6px;
|
||||
}
|
||||
|
||||
.tree_documentation_container_first_level_txt{
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #000000;
|
||||
margin-left: 3px;
|
||||
}
|
||||
.tree_documentation_container_second_level_txt{
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #000000;
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
.content_part_tree_documentation_container{
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.content_part_tree_documentation_container.hidden{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tree_documentation_container_second_level{
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.elements_third_level_content_part_tree{
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
.element_third_level_content_part_tree{
|
||||
width: 100%;
|
||||
color: #7A8185FF;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
margin: 5px 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.element_third_level_content_part_tree.chose{
|
||||
color: #0C54A0FF;
|
||||
}
|
||||
|
||||
.content_part_tree_documentation_container.min_padding{
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.flex_container_tree_and_content{
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content_part_tree_els{
|
||||
width: calc(100% - 453px);
|
||||
margin-left: 80px;
|
||||
}
|
||||
|
||||
.name_article_tree{
|
||||
font-size: 40px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.description_article_tree{
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.controls_content_part_tree_els{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.control_content_part_tree_el{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: fit-content;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.arrow_control_content_part_tree_el_img{
|
||||
width: 11px;
|
||||
height: 9px;
|
||||
display: block;
|
||||
}
|
||||
.arrow_control_content_part_tree_el_picture{
|
||||
width: 11px;
|
||||
height: 9px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.control_content_part_tree_el.right .arrow_control_content_part_tree_el_img{
|
||||
rotate: 180deg;
|
||||
}
|
||||
.control_content_part_tree_el.left .arrow_control_content_part_tree_el_img{
|
||||
rotate: 0;
|
||||
}
|
||||
|
||||
|
||||
.txt_control_content_part_tree_el{
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #7A8185FF;
|
||||
border-bottom: 1px solid #7A8185FF;
|
||||
}
|
||||
.control_content_part_tree_el.right .txt_control_content_part_tree_el{
|
||||
margin-right: 7px;
|
||||
}
|
||||
.control_content_part_tree_el.left .txt_control_content_part_tree_el{
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
|
||||
.documentation_block{
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
Reference in New Issue
Block a user