Added header and footer; improved navigation tracking; new template.

docs/css/docs_style.css

@@ -0,0 +1,260 @@
+a:focus {
+  outline: none;
+}
+/*.footer start*/
+.footer {
+  padding: 23px 0;
+  background: #1B1C21;
+  text-align: center;
+}
+.footer span {
+  font-size: 0.875rem;
+  line-height: 1.714;
+}
+/*.footer end*/
+/*mobile navigatin start*/
+.d_m_m {
+  padding: 30px 15px;
+  background: #141518;
+  width: 100%;
+  top: 70px;
+  left: 0;
+  position: absolute;
+  z-index: 2;
+  height: calc(100vh - 70px);
+  box-sizing: border-box;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.d_m_m .d_gh {
+  margin-top: 30px;
+}
+.header .d_gh {
+  min-width: auto;
+  background: #383A43;
+  display: inline-flex;
+  column-gap: 8px;
+  padding: 6px 10px 6px 6px;
+  margin-right: initial;
+  text-transform: none;
+}
+.header .d_gh:hover {
+  background: #6E7281;
+  text-decoration: none;
+}
+.header .d_gh:active {
+  background: #fff;
+}
+.header .d_gh:active svg path {
+  fill: #333333;
+}
+.header .d_nav a {
+  font-size: 0.9375rem;
+  line-height: 1.2;
+}
+.header .d_nav ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.header .d_nav ul li {
+  text-align: center;
+}
+.header .d_nav ul li + li {
+  margin-top: 38px;
+}
+.header .d_nav .d_gh {
+  justify-content: center;
+  width: 100%;
+  max-width: 330px;
+  padding: 13px;
+  box-sizing: border-box;
+}
+.d_hbrg.d_active i {
+  background-color: transparent;
+}
+.d_hbrg.d_active i:before {
+  top: 0;
+  width: 21px;
+  right: 0;
+  -webkit-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+.d_hbrg.d_active i::after {
+  bottom: 0;
+  width: 21px;
+  right: 0;
+  -webkit-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+/*mobile navigatin end*/
+@media (min-width: 768px) {
+  #toc {
+    overflow: auto;
+    scroll-behavior: smooth;
+    margin-bottom: 35px;
+    height: calc(100% - 16px);
+  }
+  .d_nav {
+    position: sticky;
+    max-height: calc(100vh);
+    left: 0;
+    top: 0;
+  }
+  .d_cl_1_3\@s {
+    flex-basis: calc((100% / 3) - 30px);
+  }
+  .d_cl_2_3\@s {
+    flex-basis: calc(((100% / 3) * 2) - 30px);
+  }
+  /*.header start*/
+  .d_n_xs {
+    display: block;
+  }
+  .header ul {
+    display: flex;
+    column-gap: 30px;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+  .header ul a {
+    font-size: 0.9375rem;
+    line-height: 1.125;
+  }
+  .header .d_logo_box {
+    display: flex;
+    justify-content: center;
+  }
+  .header .d_m_m.d_show {
+    display: none;
+  }
+  .d_n_s {
+    display: none;
+  }
+  .d_v_s {
+    display: flex;
+  }
+  /*.header end*/
+  .d_sctn {
+    padding: 60px 0 202px 0px;
+  }
+  .d_rw + .d_rw {
+    margin-top: 50px;
+  }
+  .d_cntnr {
+    padding-left: 40px;
+    padding-right: 40px;
+  }
+  /*.footer start*/
+  .footer span {
+    font-size: 0.9375rem;
+    line-height: 1.6;
+  }
+  .footer p {
+    font-size: 1.0625rem;
+    line-height: 1.411;
+  }
+  /*.footer end*/
+}
+@media (min-width: 1200px) {
+  .d_cntnr {
+    padding-left: 40px;
+    padding-right: 40px;
+  }
+  .footer p {
+    text-align: center;
+  }
+}
+.header ul li a {
+  word-wrap: normal;
+}
+.header ul:not(.d_dropdown) li {
+  position: relative;
+}
+.header .d_opener {
+  position: relative;
+  padding-right: 20px;
+  margin-right: -20px;
+}
+.header .d_opener::after {
+  content: '';
+  background-image: url("data:image/svg+xml,%3Csvg width='8' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4L3.49691e-07 1.58735e-08L8 7.15256e-07L4 4Z' fill='white'/%3E%3C/svg%3E%0A");
+  position: absolute;
+  top: 50%;
+  right: 7px;
+  width: 8px;
+  height: 4px;
+  transform: translateY(-50%);
+  transition: transform 0.2s ease-in-out;
+}
+.header .d_opener.d_active + .d_dropdown {
+  display: block;
+}
+.header .d_opener.d_active:after {
+  transform: translateY(-50%) rotate(180deg);
+}
+.header .d_opener:hover,
+.header .d_opener.d_active,
+.header .d_opener:active,
+.header .d_opener:focus {
+  color: #fff;
+  text-decoration: none;
+}
+.header .d_dropdown {
+  display: none;
+  box-sizing: border-box;
+}
+.header .d_dropdown > li {
+  padding: 8px 0;
+  line-height: 1;
+}
+.header .d_dropdown > li a {
+  font-size: 0.875rem;
+  line-height: 1.428;
+  text-transform: none;
+  font-weight: 600;
+}
+.header .d_nav ul.d_dropdown li + li {
+  margin-top: 0;
+}
+@media (min-width: 768px) {
+  .header .d_rw {
+    column-gap: 47px;
+  }
+  .header .d_cl_1_3\@s {
+    flex-basis: auto;
+    min-width: 250px;
+  }
+  .header .d_cl_1_3\@s.d_logo_box {
+    min-width: auto;
+  }
+  .header .d_opener {
+    margin-right: 0;
+  }
+  .header .d_dropdown {
+    position: absolute;
+    top: 52px;
+    left: -20px;
+    width: 173px;
+    padding: 8px 20px;
+    background: #fff;
+    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
+  }
+  .header .d_dropdown > li a {
+    color: #333333;
+  }
+}
+@media (min-width: 1200px) {
+  .header .d_rw {
+    column-gap: 30px;
+  }
+  .header .d_cl_1_3\@s {
+    flex-basis: calc((100% / 3) - 30px);
+    min-width: auto;
+  }
+}