관리-도구
편집 파일: style-rtl.min.css
.content-area a { color: #222; } .content-area a:hover { color: #069dfd; } .documentor-btn { display: inline-block; padding: 8px 20px; font-size: 0.8em; font-weight: 600; line-height: 1.3; color: #2f3035; text-align: center; letter-spacing: 0.05em; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #f1f1f1; border: 1px solid #DADADA; border-radius: 4px; box-shadow: 0px 0px 10px 0px #dadada99; transition: 0.1s; } .documentor-btn, .documentor-btn:hover, .documentor-btn.hover, .documentor-btn:active, .documentor-btn.active, .documentor-btn:focus { text-decoration: none; } .documentor-btn:hover, .documentor-btn.hover { color: #fff; background-color: #B3B3B3; border-color: #B3B3B3; } .documentor-btn:active, .documentor-btn.active, .documentor-btn:focus { color: #fff; background-color: #42444b; border-color: #42444b; } .documentor-btn .badge { float: left; min-width: 14px; height: 14px; padding: 0 4px; margin-left: -5px; margin-right: 5px; font-size: 9px; line-height: 1.6; color: #fff; text-align: center; background-color: #cecece; border-radius: 7px; } .documentor-btn .icon { position: relative; top: -2px; font-family: monospace; } .documentor-btn-md { padding: 10px 25px; font-size: 0.85em; } .documentor-btn-lg { padding: 12px 30px; font-size: 0.9em; } body.single.single-docs .content-area { width: 100%; } .documentor-sr-only { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .documentor-single { position: relative; display: flex; flex-wrap: wrap; margin-top: 40px; margin-bottom: 40px; } .documentor-single.hentry { padding-top: 0; box-shadow: none; } .documentor-single .documentor-single-sidebar { position: relative; flex: 1; min-width: 250px; padding-right: 15px; padding-left: 0px; border-left: 1px solid #d4d4d4; order: 2; text-align: right; } .documentor-single .documentor-single-sidebar h3.widget-title { padding: 40px 30px; margin: 0; font-weight: 600; } .documentor-single .documentor-single-sidebar h3.widget-title + .documentor-nav-list { padding-top: 0; margin-top: -10px; } .documentor-single .documentor-single-sidebar .documentor-single-sidebar-wrap { position: -webkit-sticky; position: sticky; top: 20px; max-height: calc(100vh - 40px); overflow-y: auto; -webkit-overflow-scrolling: touch; direction: rtl; min-height: 100%; } body.admin-bar .documentor-single .documentor-single-sidebar .documentor-single-sidebar-wrap { top: calc(20px + 32px); max-height: calc(100vh - 40px - 32px); } @media screen and (max-width: 782px) { body.admin-bar .documentor-single .documentor-single-sidebar .documentor-single-sidebar-wrap { top: calc(20px + 42px); max-height: calc(100vh - 40px - 42px); } } @media screen and (max-width: 600px) { body.admin-bar .documentor-single .documentor-single-sidebar .documentor-single-sidebar-wrap { top: 20px; max-height: calc(100vh - 40px); } } .documentor-single .documentor-single-sidebar .documentor-single-sidebar-wrap::-webkit-scrollbar { width: 4px; } .documentor-single .documentor-single-sidebar .documentor-single-sidebar-wrap::-webkit-scrollbar-thumb { background: transparent; border-radius: 4px; } .documentor-single .documentor-single-sidebar .documentor-single-sidebar-wrap:hover::-webkit-scrollbar-thumb { background: rgba(135, 135, 135, 0.4); } .documentor-single .documentor-single-sidebar .documentor-single-sidebar-wrap:hover::-webkit-scrollbar-track { background: rgba(135, 135, 135, 0.1); } .documentor-single .documentor-single-sidebar .documentor-nav-list { padding: 10px; padding-left: 1px; margin: 0; font-size: 0.85em; color: #47484a; list-style: none; } .documentor-single .documentor-single-sidebar .documentor-nav-list li a { display: block; padding: 3px 20px; padding-right: 0; font-weight: 600; color: inherit; text-decoration: none; } .documentor-single .documentor-single-sidebar .documentor-nav-list li a:hover { color: #069dfd; } .documentor-single .documentor-single-sidebar .documentor-nav-list li ul.children { display: none; padding: 0; padding-bottom: 10px; margin-right: 15px; list-style: none; } .documentor-single .documentor-single-sidebar .documentor-nav-list li ul.children a { font-weight: 400; } .documentor-single .documentor-single-sidebar .documentor-nav-list.documentor-nav-list-show-childs li ul.children { display: block; } .documentor-single .documentor-single-sidebar .documentor-nav-list > li > a { padding-top: 7px; padding-bottom: 7px; } .documentor-single .documentor-single-sidebar .documentor-nav-list > li li.current_page_item > a, .documentor-single .documentor-single-sidebar .documentor-nav-list li.current_page_item > a { font-weight: 600; color: #069dfd; } .documentor-single .documentor-single-sidebar .documentor-nav-list > li.current_page_parent ul.children, .documentor-single .documentor-single-sidebar .documentor-nav-list > li.current_page_item ul.children, .documentor-single .documentor-single-sidebar .documentor-nav-list > li.current_page_ancestor ul.children { display: block; } .documentor-single .documentor-single-content { position: relative; flex: 4; min-width: 400px; padding: 3%; padding-bottom: 0; order: 1; text-align: right; } .documentor-single .documentor-single-content .entry-header, .documentor-single .documentor-single-content .entry-content { padding: 0; } .documentor-single .documentor-single-content .entry-content { display: block; float: none !important; width: 100% !important; margin-bottom: 40px; } .documentor-single .documentor-single-content .entry-footer { display: block; float: none; width: 100%; padding: 0; margin-bottom: 40px; font-size: 0.85em; text-align: left; background-color: transparent; } body:not(.search-results) .documentor-single .documentor-single-content .entry-footer { float: none; width: 100%; text-align: right; } .documentor-single .documentor-single-content .entry-footer time { font-size: 0.9em; font-style: italic; font-weight: 400; color: #a7a7a7; } .documentor-single .anchorjs-link { transition: 0.15s opacity ease-in-out; } .documentor-single .anchorjs-link, .documentor-single .anchorjs-link:hover, .documentor-single .anchorjs-link:focus, .documentor-single .anchorjs-link:active { text-decoration: none; box-shadow: none; } .documentor-single .comments-area { padding: 40px; margin-top: 0; margin-right: -39px; margin-left: -39px; border: none; border-top: 1px solid #eee; box-shadow: none; } @media screen and (max-width: 800px) { .documentor-single .documentor-single-sidebar, .documentor-single .documentor-single-content { min-width: 100%; max-width: 100%; } } @media screen and (max-width: 901px) { .documentor-sidebar-toggler { display: initial !important; padding-right: 5px !important; } } .documentor-single.documentor-single-ajax-loading .documentor-single-sidebar > *, .documentor-single.documentor-single-ajax-loading .documentor-single-content > * { opacity: 0.15; } .documentor-single.documentor-single-ajax-loading .documentor-single-content > .documentor-preloader { opacity: 1; } .documentor-search-form { margin-bottom: 30px; padding: 5px 10px; font-size: 0.85em; } .documentor-search-form .documentor-search-field { width: 100%; padding: 10px; font-size: inherit; background: none; border: none; border-bottom: 1px solid #eee; box-shadow: 0px 0px 2px 0px #d4d4d4; border-radius: 0; transition: 0.15s border-color ease-in-out; text-align: right; } .documentor-search-form .documentor-search-field:focus { border-bottom-color: #c8c8c8; } .documentor-search-form .documentor-search-field::-moz-placeholder { color: #a7a7a7; } .documentor-search-form .documentor-search-field:-ms-input-placeholder { color: #a7a7a7; } .documentor-search-form .documentor-search-field::-ms-input-placeholder { color: #a7a7a7; } .documentor-search-form .documentor-search-field::placeholder { color: #a7a7a7; } .documentor-search-form-result { margin-bottom: 30px; } .documentor-search-form-result:empty { display: none; } .documentor-search-form + .documentor-search-form-result { margin-top: -30px; } .documentor-search-form-result mark { font-weight: 600; color: #069dfd; background: none; } .documentor-search-form-result .documentor-search-list { padding: 0; margin: 0; list-style: 0; } .documentor-search-form-result .documentor-search-list-item > a { display: block; padding: 10px; font-size: 0.85em; color: inherit; text-decoration: none; border-bottom: 1px solid #eee; transition: 0.15s color ease-in-out; } .documentor-search-form-result .documentor-search-list-item > a:hover { color: #069dfd; } .documentor-search-form-result .documentor-search-list-item-title { display: block; font-weight: 600; } .documentor-search-form-result .documentor-search-list-item-excerpt { display: block; margin-top: 5px; font-size: 0.85em; } .documentor-search-form-result .documentor-search-list-item-excerpt:empty { display: none; } .documentor-single-breadcrumbs { padding-top: 10px; padding-left: 10px; padding-bottom: 10px; padding-right: 10px; margin-top: -40px; margin-left: 0px; margin-bottom: 10px; margin-right: 0px; font-size: 0.75em; color: #47484a; list-style: none; border: 1px solid #d4d4d4; direction: rtl; } .documentor-single-breadcrumbs li { display: inline; margin-right: 5px; margin-left: 5px; } .documentor-single-breadcrumbs .delimiter { opacity: 0.2; } .documentor-single-breadcrumbs .delimiter:last-child { display: none; } .documentor-single-breadcrumbs a { color: inherit; } .documentor-single-breadcrumbs a:hover, .documentor-single-breadcrumbs a:focus, .documentor-single-breadcrumbs a:active { color: #069dfd; } .documentor-single-adjacent-nav { display: flex; flex-wrap: wrap; padding: 25px 39px; margin: 0 -39px; border-top: 1px solid #eee; } .documentor-single-adjacent-nav > * { flex: 1; } .documentor-single-adjacent-nav .nav-previous { text-align: left; } .documentor-single-adjacent-nav .nav-next { text-align: right; } .documentor-single-feedback { position: relative; display: flex; flex-wrap: wrap; align-items: center; padding: 15px 29px; margin: 0 -39px; border-top: 1px solid #eee; } .documentor-single-feedback > * { flex: 1; padding: 10px; } .documentor-single-feedback .documentor-single-feedback-vote { flex: none; text-align: left; } .documentor-single-feedback.documentor-single-feedback-loading > * { opacity: 0.15; } .documentor-single-feedback.documentor-single-feedback-loading > .documentor-preloader { opacity: 1; } @media screen and (max-width: 768px) { .documentor-single-feedback > *, .documentor-single-feedback .documentor-single-feedback-vote { flex: 0 0 100%; text-align: center; } } .documentor-single-feedback-suggestion { position: relative; padding: 15px 29px; margin: 0 -39px; border-top: 1px solid #eee; } .documentor-single-feedback-suggestion > * { padding: 10px; } .documentor-single-feedback-suggestion textarea, .documentor-single-feedback-suggestion input { display: block; width: 100%; margin-bottom: 15px; } .documentor-single-feedback-suggestion.documentor-single-feedback-suggestion-loading > * { opacity: 0.15; } .documentor-single-feedback-suggestion.documentor-single-feedback-suggestion-loading > .documentor-preloader { opacity: 1; } .documentor-single-articles ul { padding-right: 0; margin-right: 0; list-style: none; } .documentor-single-articles ul ul { margin-right: 16px; } .documentor-single-articles ul li { font-size: 0.85em; } .documentor-single-articles ul li > a { position: relative; display: block; padding: 2px 0; padding-right: 15px; transition: 0.1s; } .documentor-single-articles ul li > a::before { content: ""; position: absolute; display: block; top: 50%; right: 0; width: 4px; height: 4px; margin-top: -2px; background-color: currentColor; border-radius: 2px; } .documentor-single-articles ul li > a { color: #111; } .documentor-single-articles ul li > a:hover { color: #069dfd; } .documentor-archive-description + .documentor-archive { margin-top: 30px; } .documentor-archive .documentor-archive-list { display: flex; flex-wrap: wrap; width: 100%; padding: 0; margin: 0; list-style: none; text-align: right; } .documentor-archive .documentor-archive-list > li { padding: 0 15px; margin: 0; margin-bottom: 10px; } .documentor-archive .documentor-archive-list .documentor-archive-list-category { flex: 100%; min-width: 100%; max-width: 100%; margin-bottom: 10px; font-size: 1.2em; font-weight: 600; } .documentor-archive .documentor-archive-list li + .documentor-archive-list-category { margin-top: 20px; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item { position: relative; flex: 1 1 31%; } @media screen and (max-width: 991px) { .documentor-archive .documentor-archive-list > .documentor-archive-list-item { flex: 1 0 47%; } } @media screen and (max-width: 1200px) { #tocDiv { width: 100% !important; } } @media screen and (max-width: 576px) { .documentor-archive .documentor-archive-list > .documentor-archive-list-item { flex: 1 0 100%; max-width: 100%; } } .documentor-archive .documentor-archive-list > .documentor-archive-list-item a { text-decoration: none; transition: 0.1s; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item > ul { margin: 0; color: #a7a7a7; list-style: none; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item > ul a:hover { color: #069dfd; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item > ul li { position: relative; font-size: 0.85em; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item > ul li > a { display: block; padding: 2px 0; padding-right: 15px; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item > ul li > a::before { content: ""; position: absolute; display: block; top: 50%; right: 0; width: 4px; height: 4px; margin-top: -2px; background-color: currentColor; border-radius: 2px; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item > ul li.more a::before { content: none; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item > ul li.more a { color: #a7a7a7; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item > ul li.more a:hover { color: #47484a; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title { display: flex; align-items: center; min-height: 65px; padding: 15px 0; margin: 0; line-height: 1.4; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title h2 { padding: 0; margin: 0; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title::before, .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title::after { content: ""; display: block; clear: both; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title img { float: right; width: 40px; height: auto; margin-left: 15px; border-radius: 4px; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title img + span { max-width: calc(100% - 55px); } .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title > span { position: relative; flex: 1; max-width: 100%; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title > span h2, .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title > span span, .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title > span strong { position: relative; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title > span span { position: absolute; top: 50%; font-size: 0.7em; opacity: 0; transition: 0.1s color, 0.2s; transform: translateY(-50%); } .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title > span h2 { top: 0; font-size: 1em; transition: 0.1s color, 0.2s; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title:hover > span span { margin-top: -10px; opacity: 1; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title:hover > span h2 { top: 8px; color: #069dfd; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item { min-height: 60px; padding: 15px; margin-right: 20px; list-style-type: disc; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item li { margin: 0; } .documentor-preloader { position: absolute; display: flex; align-items: center; justify-content: center; top: 0; right: 0; width: 100%; height: 100%; max-height: 350px; opacity: 1; } .documentor-preloader > span { position: relative; display: block; width: 30px; height: 30px; border-radius: 50%; box-shadow: inset 0 0 0 3px rgba(71, 72, 74, 0.3); } .documentor-preloader > span > span { position: absolute; display: block; width: 10.5px; height: 10.5px; overflow: hidden; transform-origin: 15px 15px; -webkit-animation: documentor-spinner 0.7s infinite linear; animation: documentor-spinner 0.7s infinite linear; } .documentor-preloader > span > span::after { content: ""; display: block; width: 30px; height: 30px; border-radius: 50%; box-shadow: inset 0 0 0 3px #47484a; } @-webkit-keyframes documentor-spinner { 100% { transform: rotate(-360deg); } } @keyframes documentor-spinner { 100% { transform: rotate(-360deg); } } .documentor_theme_twentyseventeen { float: none !important; width: 100% !important; max-width: 700px; padding-right: 2em; padding-left: 2em; margin-right: auto; margin-left: auto; } @media screen and (min-width: 48em) { .documentor_theme_twentyseventeen { max-width: 1000px; padding-right: 3em; padding-left: 3em; } } .documentor_theme_twentyseventeen .documentor-single-content .entry-footer { border: none; } .documentor_theme_twentyseventeen .documentor-single-content .documentor-single-articles a, .documentor_theme_twentyseventeen .documentor-archive-list > .documentor-archive-list-item a, .documentor_theme_twentyseventeen .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title img { box-shadow: none; } .documentor_theme_twentysixteen .site-main { margin-right: 7.6923%; margin-left: 7.6923%; } @media screen and (min-width: 56.875em) { .documentor_theme_twentysixteen .site-main { margin-right: 0; margin-left: 0; } } .documentor_theme_twentysixteen .site-main .entry-header, .documentor_theme_twentysixteen .site-main .post-thumbnail, .documentor_theme_twentysixteen .site-main .entry-content, .documentor_theme_twentysixteen .site-main .entry-summary, .documentor_theme_twentysixteen .site-main .entry-footer, .documentor_theme_twentysixteen .site-main .comments-area, .documentor_theme_twentysixteen .site-main .image-navigation, .documentor_theme_twentysixteen .site-main .post-navigation, .documentor_theme_twentysixteen .site-main .page-header, .documentor_theme_twentysixteen .site-main .page-content, .documentor_theme_twentysixteen .site-main .content-bottom-widgets { margin-right: 0; margin-left: 0; } .documentor_theme_twentysixteen .documentor-single-content .documentor-single-articles a, .documentor_theme_twentysixteen .documentor-archive-list > .documentor-archive-list-item a, .documentor_theme_twentysixteen .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title img { box-shadow: none; } .documentor_theme_twentysixteen .documentor-single-content .documentor-single-articles a:not(:hover), .documentor_theme_twentysixteen .documentor-archive-list > .documentor-archive-list-item a:not(:hover) { color: inherit; } .documentor_theme_twentyfifteen .documentor-single-content, .documentor_theme_twentyfifteen .documentor-single-sidebar-wrap { padding: 7%; } @media screen and (min-width: 38.75em) { .documentor_theme_twentyfifteen .documentor-single-content, .documentor_theme_twentyfifteen .documentor-single-sidebar-wrap { padding: 6%; } } @media screen and (min-width: 59.6875em) { .documentor_theme_twentyfifteen .documentor-single-content, .documentor_theme_twentyfifteen .documentor-single-sidebar-wrap { padding: 5%; } } .documentor_theme_twentyfifteen .documentor-single-breadcrumbs { margin-top: 0; } .documentor-single-sidebar .documentor-nav-list a, .documentor-single .documentor-single-articles a, .documentor-archive .documentor-archive-list a { border-bottom: none; } /**********************Documentor Style Overwrite***********************/ .entry-content { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title { padding: 0; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item ul { padding-left: 25px; } .documentor-search-form .documentor-search-field::placeholder { color: #000; } .soft_title { color: #000; } .soft_title:hover > span h2 { color: #000 !important; } /**********************Documentor Style End***********************/ /*********** Search width control start ***********/ .width_control { width: 50%; margin: 0 auto; border: 1px solid aliceblue; } .search_form_index { padding: 20px !important; } .search_form_index::-webkit-input-placeholder { /* WebKit browsers */ font-size: 20px; } .search_form_index:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 20px; } .search_form_index::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 20px; } .search_form_index:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 20px; } .home_search { margin-bottom: 50px; } .home_search .documentor-search-form .documentor-search-field { border: 1px solid #cacaca; } .home_search .documentor-search-list { list-style-type: none !important; background: #f2f2f2; position: absolute; z-index: 1000; min-width: 250px; } .home_search .documentor-search-form + .documentor-search-form-result { text-align: left; margin: 0 auto; width: 50%; } /*********** Search width control Ends ***********/ /*********** Home catogory boxes start ***********/ .home_page_cats ul { list-style-type: none; color: #327bdc; direction: rtl; } .home_page_cats li a::before { content: " "; display: inline-block; width: 4px; height: 4px; background-color: #327bdc; border-radius: 2px; margin-left: 8px; font-size: 0.85em; vertical-align: middle; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item { max-height: 450px; overflow-y: hidden; border: 1px solid #efefef; margin: 10px; margin-bottom: 50px; box-sizing: border-box; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item .documentor-archive-list-item-title { border-bottom: 1px solid #efefef; } .documentor-archive .documentor-archive-list > .documentor-archive-list-item ul:first-child { margin-top: 20px; padding-left: 20px; padding-right: 0px; } .documentor-archive-list-item::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #f5f5f5; } .documentor-archive-list-item::-webkit-scrollbar { width: 12px; background-color: #f5f5f5; } .documentor-archive-list-item::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #555; } .slimScrollDiv, .slimscroll-virt { width: 100% !important; } .documentor-archive .documentor-archive-list .documentor-nav-list a { color: #327bdc; line-height: 2.1; font-size: 16px; } /*********** Home catogory boxes Ends ***********/ /*********** CODE HIGHLIGHT BLOCK START ***********/ .hljs { display: block; background: #f2f2f2; padding: 0.5em; color: #333333; overflow-x: auto; line-height: 1.5; max-width: 980px; } .hljs-comment, .hljs-meta { color: #969896; } .hljs-string, .hljs-variable, .hljs-template-variable, .hljs-strong, .hljs-emphasis, .hljs-quote { color: #df5000; } .hljs-keyword, .hljs-selector-tag, .hljs-type { color: #a71d5d; } .hljs-literal, .hljs-symbol, .hljs-bullet, .hljs-attribute { color: #0086b3; } .hljs-section, .hljs-name { color: #63a35c; } .hljs-tag { color: #333333; } .hljs-title, .hljs-attr, .hljs-selector-id, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo { color: #795da3; } .hljs-addition { color: #55a532; background-color: #eaffea; } .hljs-deletion { color: #bd2c00; background-color: #ffecec; } .hljs-link { text-decoration: underline; } /*********** Table of content START ***********/ #tocList { border: 1px solid #a2a9b1; background-color: #f1f6ed; font-size: 13px; padding: 20px 30px; border-radius: 10px; box-shadow: 0px 0px 25px 1px #d4d4d499; } #tocList h3 { padding-bottom: 15px; } #tocList a { padding-left: 11px; } #tocList li { padding: 2px; } #tocDiv { width: 50%; direction: rtl; float: right; } #tocDiv ol { counter-reset: item; padding-left: 20px; } #tocDiv li { display: block; } #tocDiv li:before { content: counters(item, ".") " "; counter-increment: item; } /*********** Table of content Ends ***********/ /*********** Added Custom for Toggler ************/ .documentor-sidebar-toggler { height: 100%; display: flex; align-items: center; padding: 0 25px; display: none; } img { border-style: none; width: 100%; } iframe{ width: 100%; } @media screen and (max-width: 900px) { .documentor-single-sidebar { display: none; position: fixed !important; z-index: 9999; top: 0px; left:0; background: white; min-width: 70% !important; max-width: 70% !important; width: 70% !important; height: 100%; -webkit-transition: width .1s ease, margin .1s ease-in-out; transition: width .1s ease, margin .1s ease-in-out; padding: 0px 0px 10px !important; right: 0px; } .documentor-single .documentor-single-sidebar .documentor-single-sidebar-wrap::-webkit-scrollbar-thumb { background: #00000033 !important; } .documentor-single .documentor-single-sidebar .documentor-single-sidebar-wrap { height: auto !important; max-height: 100% !important; } .documentor-single-sidebar-wrap .documentor-sidebar-toggler{ position:absolute; top: -2px; left: 5px; padding: 5px; height: auto !important; max-height: auto !important; } .documentor-single-adjacent-nav { padding: 20px 0px; margin: unset; } .documentor-btn-md { padding: 10px 15px; } #tocDiv{ width: 100%; } #tocList { padding: 20px 15px; } .documentor-single-breadcrumbs { position: sticky; background: #ffffff; top: 0px; z-index: 2; } .documentor-search-form{ padding-top: 40px; margin-bottom: 10px; width: 100%; } } /*********** Added Custom for Toggler ************/ /*********** Custom Template Styles ************/ /* Adjacent link*/ .documentor_rotated_link .documentor-single-adjacent-nav { padding: 0px; border: unset; width: max-content; } .documentor-single-adjacent-nav .nav-previous a::before{ content: '\f0d9'; font-family: 'Font Awesome 5 Free'; font-weight: bold; font-style: normal; margin: 0px 10px 0px 0px; text-decoration: none; } .documentor-single-adjacent-nav .nav-next a::after{ content: '\f0da'; font-family: 'Font Awesome 5 Free'; font-weight: bold; font-style: normal; margin: 0px 0px 0px 10px; text-decoration: none; } .documentor-adjacent-links .documentor-single-adjacent-nav{ margin: unset; } /* Table Content*/ .documentor-table-content li.active > a{ color:#ffa500; } .documentor_toggle_child ol{ display: none; } .documentor-table-content > ol > li > a::after{ font-family: 'Font Awesome 5 Free'; font-weight: bold; font-style: normal; margin:0px 0px 0px 10px; text-decoration:none; } .documentor-table-content.documentor_toggle .documentor_toggle_child > a::after{ content: '\f0da'; font-family: 'Font Awesome 5 Free'; font-weight: bold; font-style: normal; margin:0px 0px 0px 10px; text-decoration:none; } .documentor-table-content.documentor_toggle > ol > li:not(.documentor_toggle_child) > a::after{ content: '\f0d7'; } .documentor-table-content.documentor_toggle > ol > li:not(.documentor_toggle_child) > a:only-child::after{ content: ''; } .documentor-table-content.toggle_icon{ position: fixed; right: 20px; bottom: 70px; z-index: 999; padding: 8px; background: white; border-radius: 5px; transition: all 1s ease-in-out; height: 250px; overflow-y: auto; min-width: 250px; } .documentor-table-content.toggle_icon_toggles{ display: none; transition: all 1s ease-out; } .documentor-table-content ~ .toggle_icon_button{ display: flex; justify-content: center; align-items: center; position: fixed; bottom: 0; right: 0; width: 52px; height: 52px; color: #fff; background-color: #0360a5; background-position: center center; background-repeat: no-repeat; box-shadow: 12px 15px 20px 0 rgb(46 61 73 / 15%); border: 0; border-radius: 50%; cursor: pointer; margin: 16px; z-index: 999; overflow: hidden; } /* scrollbar */ .documentor-table-content::-webkit-scrollbar, .documentor-search-form-result ul::-webkit-scrollbar, .documentor-single-sidebar::-webkit-scrollbar{ width: 5px; height: 5px; } .documentor-table-content::-webkit-scrollbar-track , .documentor-search-form-result ul::-webkit-scrollbar-track , .documentor-single-sidebar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); -webkit-border-radius: 10px; border-radius: 10px; } .documentor-table-content::-webkit-scrollbar-thumb , .documentor-search-form-result ul::-webkit-scrollbar-thumb , .documentor-single-sidebar::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } .documentor-table-content::-webkit-scrollbar-thumb:window-inactive , .documentor-search-form-result ul::-webkit-scrollbar-thumb:window-inactive , .documentor-single-sidebar::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.3); } /* Sidebar*/ .documentor-single .documentor-sidebar .documentor-nav-list{ padding: 25px; margin: 0; font-size: 0.85em; color: #47484a; list-style: none; } .documentor-sidebar .documentor-single-sidebar{ border-right: unset !important; overflow-y: auto; padding-left: 0; } @media (min-width:768px) { .documentor-sidebar .documentor-single-sidebar{ max-height: 100vh; } } .documentor-single-sidebar .documentor-nav-list{ padding-left: 15px; } .documentor-sidebar .documentor-single-sidebar{ padding-left: 0; } .documentor-sidebar > .documentor-sidebar-toggler{ display: none; } /* Article */ .documentor-article .documentor-single-articles ul li > a::before{ display: none; } .documentor-article .documentor-single-articles ul { display: flex; width: 100%; flex-wrap: wrap; } .documentor-article .documentor-single-articles ul li{ width: 33%; padding: 10px; } .documentor-article .documentor-single-articles ul ul li{ width: 50%; padding: 10px; } .documentor-article .documentor-single-articles ul li a{ display: flex; justify-content: center; align-items: center; height: 100px; width: auto; box-shadow: 0px 0px 4px 0px #cbcecf; font-size: large; overflow: hidden; } @media screen and (max-width: 426px) { .documentor-article .documentor-single-articles ul li{ width: 100%; } } @media (min-width:426px) and (max-width: 768px) { .documentor-article .documentor-single-articles ul li{ width: 50%; } } /* Search Box */ .documentor-search-box .home_search{ margin-bottom: unset; } .documentor-search-field:focus{ outline: none; } .documentor-search-field::placeholder{ opacity: 50%; } .documentor-search-form{ display: flex; } .documentor-search-form-result ul { max-height: 50vh; overflow-y: auto; } .documentor-search-form-result .documentor-search-list-item-excerpt { color: black; } .documentor-search-box .home_search .documentor-search-form .documentor-search-field{ border: 0; } .documentor-search-list.no-result{ height: auto; min-height: 25px; width: auto; background:#f1f2f3; text-align: center; } @media screen and (max-width: 426px) { .home_search .documentor-search-form + .documentor-search-form-result{ width: 100% !important; } } @media (min-width:426px) and (max-width: 768px) { .home_search .documentor-search-form + .documentor-search-form-result{ width: 100% !important; } } /* Archive Box */ .documentor-archive-box a::before{ display: none !important; } .documentor-archive-box .documentor-archive-list .documentor-nav-list a i{ transform: rotateY(180deg); } .documentor-archive .documentor-archive-list{ margin: 0; } .documentor-archive-list-category + li, .documentor-archive-list-category{ grid-column: 1; } /* Breadcrumb */ .documentor-breadcrumbs .documentor-single-breadcrumbs{ margin-top: 0; margin-bottom: 0; } .documentor-breadcrumbs .documentor-single-breadcrumbs .delimiter{ opacity: 1; } /*Feedback*/ .documentor-feedback .documentor-single-feedback{ margin: unset; border-top: unset; } /* Loader*/ .documentor-dual-ring{ display: none; position: absolute; right:28%; padding:12px; } .documentor-single-sidebar .documentor-dual-ring{ right:5%; padding: 5px; } @media screen and (max-width: 426px) { .documentor-dual-ring{ right:8%; } } @media (min-width:426px) and (max-width: 768px) { .documentor-dual-ring{ right:5%; } } .documentor-search-field:placeholder-shown ~ .documentor-dual-ring{ display: none !important; } .documentor-dual-ring:after { content: " "; display: block; width: 14px; height: 14px; margin: 8px; border-radius: 50%; border: 2px solid rgb(0, 0, 0); border-color: rgb(0, 0, 0) transparent rgb(0, 0, 0) transparent; animation: documentor-dual-ring 1.2s linear infinite; } @keyframes documentor-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } [class^="documentor-"].documentor-single{ margin-top: 0px; margin-bottom: 0px; } /*Code Block*/ .documentor-code-holder{ position: relative; } .documentor-code-holder i{ position: absolute; top: 0; right: 0; color: #000000; font-size: 19px; padding: 10px; } .documentor-hljs-dark .documentor-code-holder i, .documentor-hljs-xt256 .documentor-code-holder i{ color: #ffffff; } .documentor-code-holder i::after{ content: attr(label); opacity: 0; display: none; pointer-events: none; transition: all 0.18s ease-out 0.18s; text-indent: 0; font-family: "Open Sans", "Helvetica Neue", sans-serif; font-weight: normal; font-style: normal; text-shadow: none; font-size: 15px; background: #000000; border-radius: 6px; color: #ffffff; padding: .5em 1em; position: absolute; white-space: nowrap; bottom: 100%; z-index: 10; box-shadow: 0 0 10px 0 #a9a9a9; } .documentor-code-holder i:hover::after{ display: block; opacity: 1; transform: translate(-90%, 5px); }