From 8d13aa6665dd3d79f354478d228a342d994be502 Mon Sep 17 00:00:00 2001
From: Christophe K <ckforall@gmail.com>
Date: Mon, 31 Oct 2022 02:51:06 +0100
Subject: [PATCH] Replace like_mybb_bT4CK-theme.xml

---
 like_mybb_bT4CK-theme.xml | 755 +++++++++++++++++++++++++++-----------
 1 file changed, 535 insertions(+), 220 deletions(-)

diff --git a/like_mybb_bT4CK-theme.xml b/like_mybb_bT4CK-theme.xml
index d4e40ec..a074887 100644
--- a/like_mybb_bT4CK-theme.xml
+++ b/like_mybb_bT4CK-theme.xml
@@ -548,58 +548,185 @@ background: #047fd075;
 
 ]]>
 		</stylesheet>
-		<stylesheet name="site.css" version="1831"><![CDATA[article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
-audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
-audio:not([controls]) { display: none; }
-[hidden] { display: none; }
+		<stylesheet name="site.css" version="1831"><![CDATA[
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
+ display: block;
+}
+
+audio, canvas, video {
+ display: inline-block; *display: inline; *zoom: 1;
+}
+
+audio:not([controls]) {
+ display: none;
+}
+
+[hidden] {
+ display: none;
+}
 
+html {
+ font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
+}
 
-html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
-body { margin: 0; font-size: 14px; line-height: 1.7;
+body {
+ margin: 0; font-size: 14px; line-height: 1.7;
 font-weight: 600;
 font-size: 100%;
 }
 
-::-moz-selection { background: #f8891f; background: #ff7500; color: #fff; text-shadow: none; }
-::selection { background: #f8891f; background: #ff7500; color: #fff; text-shadow: none; }
-
-abbr[title] { border-bottom: 1px dotted; }
-b, strong { font-weight: bold; }
-blockquote { margin: 1em 40px; }
-dfn { font-style: italic; }
-hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
-ins { background: #ff9; color: #000; text-decoration: none; }
-mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
-pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
-pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
-q { quotes: none; }
-q:before, q:after { content: ""; content: none; }
-small { font-size: 85%; }
-sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
-sup { top: -0.5em; }
-sub { bottom: -0.25em; }
-ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
-dd { margin: 0 0 0 40px; }
-nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
-img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
-svg:not(:root) { overflow: hidden; }
-figure { margin: 0; }
-
-form { margin: 0; }
-
-label { cursor: pointer; }
-legend { border: 0; *margin-left: -7px; padding: 0; }
-button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; outline: 0; }
-button, input { line-height: normal; *overflow: visible; }
-table button, table input { *overflow: auto; }
-button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
-input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
-input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
-input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
-button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
-textarea { overflow: auto; vertical-align: top; resize: vertical; }
-input:valid, textarea:valid {  }
-input:invalid, textarea:invalid { background-color: #f0dddd; }
+::-moz-selection {
+ background: #f8891f; background: #ff7500; color: #fff; text-shadow: none;
+}
+
+::selection {
+ background: #f8891f; background: #ff7500; color: #fff; text-shadow: none;
+}
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+b, strong {
+ font-weight: bold;
+}
+
+blockquote {
+ margin: 1em 40px;
+}
+
+dfn {
+ font-style: italic;
+}
+
+hr {
+ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;
+}
+
+ins {
+ background: #ff9; color: #000; text-decoration: none;
+}
+
+mark {
+ background: #ff0; color: #000; font-style: italic; font-weight: bold;
+}
+
+pre, code, kbd, samp {
+ font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em;
+}
+
+pre {
+ white-space: pre; white-space: pre-wrap; word-wrap: break-word;
+}
+
+q {
+ quotes: none;
+}
+
+q:before, q:after {
+ content: ""; content: none;
+}
+
+small {
+ font-size: 85%;
+}
+
+sub, sup {
+ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+ul, ol {
+ margin: 1em 0; padding: 0 0 0 40px;
+}
+
+dd {
+ margin: 0 0 0 40px;
+}
+
+nav ul, nav ol {
+ list-style: none; list-style-image: none; margin: 0; padding: 0;
+}
+
+img {
+ border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;
+}
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+figure {
+ margin: 0;
+}
+
+form {
+ margin: 0;
+}
+
+label {
+ cursor: pointer;
+}
+
+legend {
+ border: 0; *margin-left: -7px; padding: 0;
+}
+
+button, input, select, textarea {
+ font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; outline: 0;
+}
+
+button, input {
+ line-height: normal; *overflow: visible;
+}
+
+table button, table input {
+ *overflow: auto;
+}
+
+button, input[type="button"], input[type="reset"], input[type="submit"] {
+ cursor: pointer; -webkit-appearance: button;
+}
+
+input[type="checkbox"], input[type="radio"] {
+ box-sizing: border-box;
+}
+
+input[type="search"] {
+ -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
+}
+
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+button::-moz-focus-inner, input::-moz-focus-inner {
+ border: 0; padding: 0;
+}
+
+textarea {
+	overflow: auto;
+	vertical-align: top;
+	resize: vertical;
+	white-space:inherit;
+	font-family:Console, Monaco, monospace;
+	font-size: 10pt;
+	font-style: inherit;
+}
+
+input:valid, textarea:valid {
+}
+
+input:invalid, textarea:invalid {
+ background-color: #f0dddd;
+}
 
 p {
 	margin: 5px 0 15px 0;
@@ -628,6 +755,7 @@ a:active {
   margin: 0 auto;
   box-sizing: border-box;
 }
+
 .wrapper:after {
   content: "";
   display: table;
@@ -640,40 +768,50 @@ a:active {
     max-width: 1500px;
 	padding: 0;
     margin: 0 auto;
-  }
+}
+
+
 }
 
 .logo {
   display: block;
   text-decoration: none;
 }
+
 .logo__icon > svg {
   height: 40px;
   width: 50px;
   display: inline-block;
   vertical-align: middle;
 }
+
 .logo__icon > svg * {
   transition: fill 0.25s ease;
 }
+
 .logo__text {
   font-family: "Asap", sans-serif;
   font-style: italic;
   color: #fff;
   text-indent: 5px;
 }
+
 .logo:hover {
   text-decoration: none;
 }
+
 .logo--light .logo__icon > svg * {
   fill: #fff;
 }
+
 .logo--light:hover .logo__icon > svg * {
   fill: #ccc;
 }
+
 .logo--primary .logo__icon > svg * {
   fill: #007fd0;
 }
+
 .logo--primary:hover .logo__icon > svg * {
   fill: #ff7500;
 }
@@ -699,18 +837,22 @@ a:active {
   margin: 0;
     float: left;
 }
+
 .header__title .logo {
   align-items: center;
   display: flex;
   height: 100%;
 }
+
 .header .wrapper {
   position: relative;
 }
+
 .header .menu-button,
 .header .menu-close-button {
   display: none;
 }
+
 .header__checkbox {
   display: none;
 }
@@ -718,6 +860,7 @@ a:active {
 .main-menu {
   height: 100%;
 }
+
 .main-menu__links {
   height: 100%;
   list-style: none;
@@ -726,12 +869,15 @@ a:active {
   font-size: 0;
   display: flex;
 }
+
 .main-menu__links__gap {
   flex-grow: 2;
 }
+
 .main-menu__links__item {
   flex-grow: 1;
 }
+
 .main-menu__links__item__link {
   display: block;
   margin: 0;
@@ -744,13 +890,16 @@ a:active {
   justify-content: center;
   transition: background 0.25s ease;
 }
+
 .main-menu__links__item__link:link, .main-menu__links__item__link:visited {
   color: #fff;
   text-decoration: none;
 }
+
 .main-menu__links__item__link:hover, .main-menu__links__item__link:active {
   background: rgba(85, 85, 85, 0.6);
 }
+
 .main-menu__links__item--search {
   flex-grow: 0;
   padding: 0 0 0 20px;
@@ -758,9 +907,11 @@ a:active {
   justify-content: center;
   align-items: center;
 }
+
 .js .main-menu__links__item--search {
 	display: flex;
 }
+
 .main-menu__links__item--search__icon .icon svg {
   width: 20px;
   height: 20px;
@@ -769,22 +920,28 @@ a:active {
   margin-left: 0;
   margin-right: 0;
 }
+
 .main-menu__links__item--search__icon .icon svg * {
   fill: #999 !important;
 }
+
 .main-menu__links__item--search__icon:hover, .main-menu__links__item--search__icon:active {
   cursor: pointer;
 }
+
 .main-menu__links__item--search__icon:hover .icon svg *, .main-menu__links__item--search__icon:active .icon svg * {
   fill: #ccc !important;
 }
+
 .main-menu__links__item--active {
   background: #007fd0;
   color: #fff;
 }
+
 .main-menu__links__item--active .main-menu__links__item__link {
   color: inherit;
 }
+
 .main-menu__links__item--active .main-menu__links__item__link:hover, .main-menu__links__item--active .main-menu__links__item__link:active {
   background: #007fd0;
 }
@@ -801,9 +958,9 @@ a:active {
     transition: transform 0.25s linear, opacity 0.25s linear;
     transform: translateY(-100%);
     opacity: 0;
-  }
+}
 
-  .site-search input[type="text"].site-search__field {
+.site-search input[type="text"].site-search__field {
 	  font: 16px "Open Sans", sans-serif;
 	  border: 1px solid #fff;
   font-size: 0.9em;
@@ -813,19 +970,21 @@ a:active {
     margin: 1px 5px 1px 0;
     width: 250px;
     padding: 7px 7px 8px 7px;
-  }
-	.site-search button {
+}
+
+.site-search button {
 		font: 0.9em/26px "Open Sans", sans-serif;
 }
-  .site-search__button--cancel.site-button {
+
+.site-search__button--cancel.site-button {
     margin-right: 0;
     display: inline-block;
 }
 
- #show-site-search:checked ~ .site-search {
+#show-site-search:checked ~ .site-search {
     opacity: 1;
     transform: translateY(0%);
-  }
+}
 
 .header .site-button,
 .header a.site-button {
@@ -840,11 +999,13 @@ a:active {
   line-height: 26px;
   border-radius: 4px;
 }
+
 .header .site-button:link, .header .site-button:visited,
 .header a.site-button:link,
 .header a.-sitebutton:visited {
   color: #fff;
 }
+
 .header .site-button:hover, .header .site-button:active,
 .header a.site-button:hover,
 .header a.site-button:active {
@@ -853,6 +1014,7 @@ a:active {
   text-decoration: none;
   cursor: pointer;
 }
+
 .header .site-button .icon svg,
 .header a.site-button .icon svg {
   width: 16px;
@@ -862,19 +1024,23 @@ a:active {
   margin-left: 0;
   margin-right: 6px;
 }
+
 .header .site-button .icon svg *,
 .header a.site-button .icon svg * {
   fill: #fff !important;
 }
+
 .header .site-button.site-button--dark,
 .header a.site-button.site-button--dark {
   background: #393D3F;
   border-color: #666;
 }
+
 .header .site-button.site-button--dark:hover,
 .header a.site-button.site-button--dark:hover {
   border-color: #999;
 }
+
 .header .site-button:hover, .header .site-button:active,
 .header a.site-button:hover,
 .header a.site-button:active {
@@ -893,6 +1059,7 @@ a:active {
 .headroom--unpinned {
   transform: translateY(-100%);
 }
+
 .headroom--unpinned.headroom--disabled {
   transform: translateY(0%);
 }
@@ -901,50 +1068,63 @@ a:active {
   background: #393D3F;
 	font: 16px/26px "Open Sans", sans-serif;
 }
+
 .footer .wrapper {
   padding: 20px 0;
   display: flex;
   justify-content: space-between;
     padding: 0;
     flex-direction: row;
-  }
+}
 
 .footer__nav {
   flex-grow: 1;
 }
+
 .footer__nav__links {
   list-style: none;
   margin: 0;
   padding: 0;
 }
+
 .footer__nav__links__item {
   font-size: 0.8em;
   padding: 0;
     display: inline-block;
 }
+
 @media only screen and (min-width: 1140px) {
   .footer__nav__links__item {
     font-size: 0.8em;
-  }
 }
+
+
+}
+
 .footer__nav__links__item__link {
   display: block;
   transition: background 0.25s ease, color 0.25s ease;
     padding: 14px 6px;
 }
+
 @media only screen and (min-width: 1140px) {
   .footer__nav__links__item__link {
     padding: 18px 12px;
-  }
 }
+
+
+}
+
 .footer__nav__links__item__link:link, .footer__nav__links__item__link:visited, .footer__nav__links__item__link:hover, .footer__nav__links__item__link:active {
   color: #ccc;
   text-decoration: none;
 }
+
 .footer__nav__links__item__link:hover, .footer__nav__links__item__link:active {
   color: #fff;
   background: rgba(85, 85, 85, 0.6);
 }
+
 .footer__nav__links__item__link .icon svg {
   width: 16px;
   height: 16px;
@@ -954,14 +1134,16 @@ a:active {
   margin-right: auto;
   margin-right: 2px;
 }
+
 .footer__nav__links__item__link .icon svg * {
   fill: #999 !important;
 }
+
 .footer__nav--internal {
   text-transform: uppercase;
 }
 
-  .footer__nav--social {
+.footer__nav--social {
     text-align: right;
 }
 
@@ -1008,7 +1190,7 @@ a:active {
 
 .blog_updates.important {
   background-color:#FFEAEA;
-  border-color: #e06666;	
+  border-color: #e06666;
 }
 
 .social {
@@ -1135,7 +1317,7 @@ a:active {
 }
 
 #extend .extend-feature .extend-nav__list__item__link {
-	color: #007fd0;	
+	color: #007fd0;
 }
 
 #extend .extend-feature .extend-nav__list__item__link:hover,
@@ -1164,10 +1346,8 @@ a:active {
 	color: #222;
 	font-family: Asap, sans-serif;
 }
-		
-		
-		
-		]]>
+
+]]>
 		</stylesheet>
 		<stylesheet name="headerck.css" version="1831"><![CDATA[#video-fond
 {
@@ -1837,19 +2017,18 @@ tr.trow_selected td {
 }
 
 .navigation {
-	/*color: #333;
-	font-size: 12px;*/
-margin-bottom: 13px;
-    padding: 0 19px;
-    font-family: inherit;
-    color: #aaa;
-    border-radius: 10px;
-    font-size: 13px;
-    overflow: hidden;
-    height: 48px;
-    line-height: 48px;
-    background: rgba(65,93,249,.1);
-    filter: blur(0);
+	background: rgba(65,93,249,.1);
+	color: #aaa;
+	margin-bottom: 13px;
+	padding: 0 19px;
+	border-radius: 10px;
+	/*overflow: hidden;*/
+	height: 48px;
+	line-height: 48px;
+	filter: blur(0);
+	
+	font-family: inherit;
+	font-size: 13px;
 }
 
 .navigation a:link {
@@ -2140,7 +2319,6 @@ blockquote cite span.highlight {
 	padding-bottom: 0;
 }
 
-
 .smilie {
 	vertical-align: middle;
 }
@@ -2503,8 +2681,6 @@ div.error ul {
 }
 
 .post .post_head span.edited_post {
-	font-size: 10px;
-	color: #999;
 }
 
 .post .post_head span.edited_post a {
@@ -3632,25 +3808,22 @@ span.command-copy:hover {
     color: red;
 }
 
-
 /*-----code block ----*/
 
 .codeblock {
 	background: linear-gradient(to right,#c5d3e3,#e9e9e9)!important;
-	/*border: 1px solid #ccc;*/
-	padding: 7px;
 	color: #000;
+	padding: 0px;
 	line-height: .95 em;
-	font-size: 14px;
 	font-family: Monaco, Consolas, Courier, monospace;
+	font-size: 14px;
 }
 
 .codeblock .title {
-	border-bottom: 1px solid #ccc;
-	font-weight: bold;
-	padding-bottom: 3px;
-	margin: 0 0 10px 0;
 	color: #000;
+	padding-bottom: 4px;
+	margin: 0 0 0px 13px;
+	font-weight: bold;
 }
 
 /* pour le block php */
@@ -3666,18 +3839,18 @@ pre.language-less > code {
 
 .codeblock code {
 	background: #fafafa;
-	color: #ffff00e0;
+	color: #000;
 	overflow: auto;
 	height: auto;
 	max-height: 400px;
 	display: block;
-	padding-left: 5px;
-	border: inset 3px;
-	font-family: Monaco, Consolas, Courier, monospace;
-	font-size: 14px;
+	padding-left: 0px;
+	border: inset 1px;
 	line-height: 1.3;
 	min-height: 5em;
-	color: yellow;
+	white-space: inherit;
+	font-family: Monaco, Consolas, Courier, monospace;
+	font-size: 14px;
 }
 
 div.codeblock > div.body > code {
@@ -3695,7 +3868,6 @@ div.codeblock > div.body > code {
 	opacity: 75%;
 }
 
-
 .copy-button {
 	float: right;
 	position: relative;
@@ -3704,9 +3876,6 @@ div.codeblock > div.body > code {
 	background:#007fd0;
 }
 
-
-
-
 ]]>
 		</stylesheet>
 		<stylesheet name="css3.css" version="1831"><![CDATA[tr td.trow1:first-child,
@@ -4019,9 +4188,20 @@ table.hljs-ln > tbody > tr:nth-of-type(odd) {
 background-color:#27272b;
 width:100%;
 }
+
 */
 
-.hljs-ln{border-collapse:collapse}.hljs-ln td{padding:0}.hljs-ln-n:before{content:attr(data-line-number)}
+.hljs-ln{
+border-collapse:collapse
+}
+
+.hljs-ln td{
+padding:0
+}
+
+.hljs-ln-n:before{
+content:attr(data-line-number)
+}
 
 td.hljs-ln-line.hljs-ln-numbers {
 	padding-right:8px;
@@ -4049,10 +4229,11 @@ table.hljs-ln {
 /* courleur alternative  des ligne */
 .hljs-ln > tbody > tr:nth-of-type(even) {
 	background-color:none;
-}    
+}
+
 .hljs-ln > tbody > tr:nth-of-type(odd) {
-	background-color:#d8e3ec;
-}    
+	background-color: #edf0f2;
+}
 
 code.hljs.language-php > span {
 display:block;
@@ -4071,6 +4252,7 @@ display:block;
 	user-select: none;
 	padding-left: 5px;
 }
+
 .hljs-ln-code {
 	padding-left: 10px;
 }
@@ -4078,8 +4260,8 @@ display:block;
 .hljs {
   display: inline-block;
   overflow-x: auto;
-
 }
+
 code {
 	white-space: pre-wrap;
 	overflow: auto;
@@ -4093,36 +4275,47 @@ code {
   Version: 2021.09.0
 */
 pre code.hljs {
-    display: block;
-    overflow-x: auto;
-    padding: 1em;
+	display: block;
+	overflow-x: auto;
+	white-space: inherit;
+	
+	font-family: Consolas, Monaco, monospace;
+	font-style: inherit;
 }
+
 code.hljs {
     padding: 3px 5px;
 }
+
 .hljs {
     color: #c5c8c6;
     background: #1d1f21;
 }
+
 .hljs ::selection,
 .hljs::selection {
     background-color: #373b41;
     color: #c5c8c6;
 }
+
 .hljs-comment {
     color: #969896;
 }
+
 .hljs-tag {
     color: #b4b7b4;
 }
+
 .hljs-operator,
 .hljs-punctuation,
 .hljs-subst {
     color: #c5c8c6;
 }
+
 .hljs-operator {
     opacity: 0.7;
 }
+
 .hljs-bullet,
 .hljs-deletion,
 .hljs-name,
@@ -4131,6 +4324,7 @@ code.hljs {
 .hljs-variable {
     color: #cc342b;
 }
+
 .hljs-attr,
 .hljs-link,
 .hljs-literal,
@@ -4139,21 +4333,25 @@ code.hljs {
 .hljs-variable.constant_ {
     color: #f96a38;
 }
+
 .hljs-class .hljs-title,
 .hljs-title,
 .hljs-title.class_ {
     color: #fba922;
 }
+
 .hljs-strong {
     font-weight: 700;
     color: #fba922;
 }
+
 .hljs-addition,
 .hljs-code,
 .hljs-string,
 .hljs-title.class_.inherited__ {
     color: #198844;
 }
+
 .hljs-attribute,
 .hljs-built_in,
 .hljs-doctag,
@@ -4166,25 +4364,30 @@ code.hljs {
 .ruby .hljs-property {
     color: #3971ed;
 }
+
 .diff .hljs-meta,
 .hljs-keyword,
 .hljs-template-tag,
 .hljs-type {
     color: #a36ac7;
 }
+
 .hljs-emphasis {
-    color: #a36ac7;
-    font-style: italic;
+	color: #a36ac7;
+	font-style: inherit;
 }
+
 .hljs-meta,
 .hljs-meta .hljs-keyword,
 .hljs-meta .hljs-string {
     color: #3971ed;
 }
+
 .hljs-meta .hljs-keyword,
 .hljs-meta-keyword {
     font-weight: 700;
 }
+
 ]]>
 		</stylesheet>
 		<stylesheet name="calendar_ck.css" version="1831"><![CDATA[/*style pour le calendrier basé sur bootstrap*/
@@ -4396,84 +4599,79 @@ display:none;
 		<template name="announcement_quickdelete" version="1800"><![CDATA[<a href="modcp.php?action=delete_announcement&amp;aid={$post['aid']}&amp;my_post_key={$mybb->post_code}" onclick="MyBB.deleteAnnouncement(this); return false;" class="postbit_qdelete"><span>{$lang->postbit_button_qdelete}</span></a>]]></template>
 		<template name="attachment_icon" version="1800"><![CDATA[<img src="{$icon}" title="{$name}" border="0" alt=".{$ext}" />]]></template>
 		<template name="calendar" version="1831"><![CDATA[<html>
-<head>
-	<title>{$mybb->settings['bbname']} - {$lang->calendar}</title>
-	{$headerinclude}
-</head>
-<body>
-	{$header}
-	<!--CANVACK-->
-	<script>var url = window.location.href; </script>
-	<canvas id="canvasck" style="
-								 z-index: 1;
-								 position: absolute;
-								 top:45px;
-								 left:0px;
-								 display: inline-block;" 
-			onclick="window.location.href=url">
-	</canvas><!--FIN CANVACK-->
-	<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
-		<thead>
-			<tr>
-				<td class="thead" colspan="8">
-					<div class="float_right">
-						{$prev_month_link}{$sep}{$next_month_link}
-					</div>
-					<div><strong>{$monthnames[$month]} {$year}</strong></div>
-				</td>
-			</tr>
-			<tr>
-				<td class="tcat">&nbsp;</td>
-			{$weekday_headers}
-			</tr>
-		</thead>
-		<tbody>
-		{$calendar_rows}
-		</tbody>
-	</table>
-<br />
-<form action="calendar.php" method="post">
-	<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
-		<tr>
-			<td class="trow1">
-				<table width="100%" cellspacing="0" cellpadding="0" border="0">
-					<tr>
-						<td valign="top">{$addevent}</td>
-						<td align="right">
-						<span class="smalltext"><strong>{$lang->jump_month}</strong></span>
-						<select name="month">
-							<option value="{$month}">{$monthnames[$month]}</option>
-							<option value="{$month}">----------</option>
-							<option value="1">{$lang->alt_month_1}</option>
-							<option value="2">{$lang->alt_month_2}</option>
-							<option value="3">{$lang->alt_month_3}</option>
-							<option value="4">{$lang->alt_month_4}</option>
-							<option value="5">{$lang->alt_month_5}</option>
-							<option value="6">{$lang->alt_month_6}</option>
-							<option value="7">{$lang->alt_month_7}</option>
-							<option value="8">{$lang->alt_month_8}</option>
-							<option value="9">{$lang->alt_month_9}</option>
-							<option value="10">{$lang->alt_month_10}</option>
-							<option value="11">{$lang->alt_month_11}</option>
-							<option value="12">{$lang->alt_month_12}</option>
-						</select>
-						<select name="year">
-							<option value="{$year}">{$year}</option>
-							<option value="{$year}">----------</option>
-							{$yearsel}
-						</select>
-						{$gobutton}
-						<br />
-						{$calendar_jump}
-						</td>
-					</tr>
-				</table>
-			</td>
-		</tr>
+	<head>
+		<title>{$mybb->settings['bbname']} - {$lang->calendar}</title>
+		{$headerinclude}
+	</head>
+	<body>
+		{$header}
+		<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
+			<thead>
+				<tr>
+					<td class="thead" colspan="8">
+						<div class="float_right">
+							{$prev_month_link}{$sep}{$next_month_link}
+						</div>
+						<div><strong>{$monthnames[$month]} {$year}</strong></div>
+					</td>
+				</tr>
+				<tr>
+					<td class="tcat">&nbsp;</td>
+					{$weekday_headers}
+				</tr>
+			</thead>
+			<tbody>
+				{$calendar_rows}
+			</tbody>
 		</table>
-	</form>
-{$footer}
-</body>
+		<br />
+		<form action="calendar.php" method="post">
+			<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
+				<tr>
+					<td class="trow1">
+						<table width="100%" cellspacing="0" cellpadding="0" border="0">
+							<tr>
+								<td valign="top">{$addevent}</td>
+								<td align="right">
+									<span class="smalltext"><strong>{$lang->jump_month}</strong></span>
+									<select name="month">
+										<option value="{$month}">{$monthnames[$month]}</option>
+										<option value="{$month}">----------</option>
+										<option value="1">{$lang->alt_month_1}</option>
+										<option value="2">{$lang->alt_month_2}</option>
+										<option value="3">{$lang->alt_month_3}</option>
+										<option value="4">{$lang->alt_month_4}</option>
+										<option value="5">{$lang->alt_month_5}</option>
+										<option value="6">{$lang->alt_month_6}</option>
+										<option value="7">{$lang->alt_month_7}</option>
+										<option value="8">{$lang->alt_month_8}</option>
+										<option value="9">{$lang->alt_month_9}</option>
+										<option value="10">{$lang->alt_month_10}</option>
+										<option value="11">{$lang->alt_month_11}</option>
+										<option value="12">{$lang->alt_month_12}</option>
+									</select>
+									<select name="year">
+										<option value="{$year}">{$year}</option>
+										<option value="{$year}">----------</option>
+										{$yearsel}
+									</select>
+									{$gobutton}
+									<br />
+									{$calendar_jump}
+								</td>
+							</tr>
+						</table>
+					</td>
+				</tr>
+			</table>
+		</form>
+		{$footer}
+		<!--DEB 2 CANVA MATRIX -->
+		<div class="containercanvasck">
+			<canvas id="canvasck" class="canvasck" width= "10" height="1" onclick="window.location.href=window.location.href"></canvas>
+		</div>
+		<!--FIN 2 CANVA MATRIX -->
+	</body>
 </html>]]></template>
 		<template name="calendar_addevent" version="1800"><![CDATA[<html>
 <head>
@@ -5968,7 +6166,7 @@ This is free software, support us and we'll support you. -->
 		<template name="forumbit_moderators_group" version="1800"><![CDATA[{$comma}{$moderator['title']}]]></template>
 		<template name="forumbit_moderators_user" version="1800"><![CDATA[{$comma}<a href="{$moderator['profilelink']}">{$moderator['username']}</a>]]></template>
 		<template name="forumbit_subforums" version="1808"><![CDATA[<br /><strong>{$lang->subforums}</strong> {$sub_forums}]]></template>
-		<template name="forumdisplay" version="1822"><![CDATA[<html>
+		<template name="forumdisplay" version="1831"><![CDATA[<html>
 	<head>
 		<title>{$mybb->settings['bbname']} - {$foruminfo['name']} </title>
 		{$headerinclude}
@@ -5976,9 +6174,9 @@ This is free software, support us and we'll support you. -->
 		<script type="text/javascript">
 			<!--
 				lang.no_new_posts = "{$lang->no_new_posts}";
-			lang.click_mark_read = "{$lang->click_mark_read}";
-			lang.inline_edit_description = "{$lang->inline_edit_description}";
-			lang.post_fetch_error = "{$lang->post_fetch_error}";
+				lang.click_mark_read = "{$lang->click_mark_read}";
+				lang.inline_edit_description = "{$lang->inline_edit_description}";
+				lang.post_fetch_error = "{$lang->post_fetch_error}";
 			// -->
 		</script>
 		<!-- jeditable (jquery) -->
@@ -5993,6 +6191,11 @@ This is free software, support us and we'll support you. -->
 		{$subforums}
 		{$threadslist}
 		{$footer}
+		<!--DEB 2 CANVA MATRIX -->
+		<div class="containercanvasck">
+			<canvas id="canvasck" class="canvasck" width= "10" height="1" onclick="window.location.href=window.location.href"></canvas>
+		</div>
+		<!--FIN 2 CANVA MATRIX -->
 	</body>
 </html>]]></template>
 		<template name="forumdisplay_announcements" version="120"><![CDATA[<tr>
@@ -6673,6 +6876,10 @@ $(".forumjump").on('change', function() {
 </script>
 <!-- DEB 1 CANVA MATRIX -->
 <script src="{$mybb->settings['bburl']}/jscripts/matrixrain.js"></script>
+<style>
+	.containercanvasck {position: absolute !important; top:40px;left:0px;background:none}
+	.canvasck {z-index: 1; position: sticky; top:0px; left:0px; display: inline-block;}
+</style>
 <script>
 	function idleLogout() {
 		var t;
@@ -6947,16 +7154,6 @@ $(".forumjump").on('change', function() {
 		{$dvz_shoutbox}
 		{$forums}
 		{$boardstats}
-		<!--CANVACK-->
-		<script>var url = window.location.href; </script>
-		<canvas id="canvasck" style="
-									 z-index: 1;
-									 position: absolute;
-									 top:45px;
-									 left:0px;
-									 display: inline-block;" 
-				onclick="window.location.href=url">
-		</canvas><!--FIN CANVACK-->
 		<dl class="forum_legend smalltext">
 			<dt><span class="forum_status forum_on" title="{$lang->new_posts}"></span></dt>
 			<dd>{$lang->new_posts}</dd>
@@ -6969,6 +7166,11 @@ $(".forumjump").on('change', function() {
 		</dl>
 		<br class="clear" />
 		{$footer}
+		<!--DEB 2 CANVA MATRIX -->
+		<div class="containercanvasck">
+			<canvas id="canvasck" class="canvasck" width= "10" height="1" onclick="window.location.href=window.location.href"></canvas>
+		</div>
+		<!--FIN 2 CANVA MATRIX -->
 	</body>
 </html>]]></template>
 		<template name="index_birthdays" version="120"><![CDATA[<tr><td class="tcat"><span class="smalltext"><strong>{$lang->todays_birthdays}</strong></span></td></tr>
@@ -10886,15 +11088,31 @@ if(use_xmlhttprequest == "1")
 <span class="pages">{$multipage_pages}</span>
 {$prevpage}{$start}{$mppage}{$end}{$nextpage}{$jumptopage}
 </div>]]></template>
-		<template name="multipage_breadcrumb" version="1800"><![CDATA[<div id="breadcrumb_multipage_popup" class="pagination pagination_breadcrumb" style="display: none;">
-{$prevpage}{$start}{$mppage}{$end}{$nextpage}
+		<template name="multipage_breadcrumb" version="1831"><![CDATA[<!-- ex div breacktumb-->
+<div id="breadcrumb_multipage_popup" class="pagination pagination_breadcrumb" style="display: none; ">
+	{$prevpage}{$start}{$mppage}{$end}{$nextpage}
 </div>
-<script type="text/javascript">
-// <!--
-	if(use_xmlhttprequest == "1")
-	{
-		$("#breadcrumb_multipage").popupMenu();
-	}
+<script>
+//<!--
+	$("#breadcrumb_multipage").click(function(){
+		var link = $('#breadcrumb_multipage');
+		var offset = link.offset();
+		var top = offset.top;
+		var left = offset.left;
+		var bottom = top + link.outerHeight();
+		var right = left + link.outerWidth();		
+		$("#breadcrumb_multipage_popup").css({
+			position: 'absolute',
+			left: left - '100',
+			background:'rgb(223 225 241)',
+			border : '0px',
+			'line-height' : '15px',
+			/*left: '40px',*/
+			/*offset: '1cm 2cm',*/
+			/*display: 'block', */
+		});
+		$( "#breadcrumb_multipage_popup" ).toggle( "fast" );
+	});
 // -->
 </script>]]></template>
 		<template name="multipage_end" version="1600"><![CDATA[{$lang->multipage_link_end} <a href="{$page_url}" class="pagination_last">{$pages}</a>]]></template>
@@ -10905,8 +11123,8 @@ if(use_xmlhttprequest == "1")
 		<template name="multipage_prevpage" version="1400"><![CDATA[<a href="{$page_url}" class="pagination_previous">&laquo; {$lang->previous}</a>]]></template>
 		<template name="multipage_start" version="1600"><![CDATA[<a href="{$page_url}" class="pagination_first">1</a> {$lang->multipage_link_start}]]></template>
 		<template name="mycode_code" version="1831"><![CDATA[<div class="codeblock">
-	<div class="title">{$lang->code}</div>
-	<pre class="language-less hljs-ln"><code>{$code}</code></pre>
+	<div class="title"><span class="align-middle badge badge-primary badge-pill shadow">{$lang->code}</span></div>
+	<pre class="language- hljs-ln"><code>{$code}</code></pre>
 </div><br />]]></template>
 		<template name="mycode_email" version="1808"><![CDATA[<a href="mailto:{$email}" class="mycode_email">{$name}</a>]]></template>
 		<template name="mycode_php" version="1831"><![CDATA[<div class="codeblock codephp">
@@ -11371,16 +11589,6 @@ if(use_xmlhttprequest == "1")
 	<body>
 		{$header}
 		{$stickerck_run[8]}
-		<!--CANVACK-->
-		<script>var url = window.location.href; </script>
-		<canvas id="canvasck" style="
-									 z-index: 1;
-									 position: absolute;
-									 top:45px;
-									 left:0px;
-									 display: inline-block;" 
-				onclick="window.location.href=url">
-		</canvas><!--FIN CANVACK-->
 		<table width="100%" cellspacing="0" cellpadding="{$theme['tablespace']}" border="0" align="center">
 			<tr>
 				<td valign="top" width="250" class="{$expthead}"   style="display:none;padding-right:20px;" id="cat_96_e"> 
@@ -11399,6 +11607,11 @@ if(use_xmlhttprequest == "1")
 			</tr>
 		</table>
 		{$footer}
+		<!--DEB 2 CANVA MATRIX -->
+		<div class="containercanvasck">
+			<canvas id="canvasck" class="canvasck" width= "10" height="1" onclick="window.location.href=window.location.href"></canvas>
+		</div>
+		<!--FIN 2 CANVA MATRIX -->
 	</body>
 </html>]]></template>
 		<template name="portal_announcement" version="1829"><![CDATA[<table cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder nothover">
@@ -11575,7 +11788,7 @@ if(use_xmlhttprequest == "1")
 		<div class="post_head">
 			{$post['posturl']}
 			{$post['icon']}
-			<span class="post_date">{$post['postdate']} <span class="post_edit" id="edited_by_{$post['pid']}">{$post['editedmsg']}</span></span>
+			<span class="post_date align-middle badge badge-warning badge-pill shadow" style="font-size:10pt">{$post['postdate']} <span class="post_edit" id="edited_by_{$post['pid']}">{$post['editedmsg']}</span></span>
 			{$post['subject_extra']}
 		</div>
 		<div class="post_body scaleimages" id="pid_{$post['pid']}">
@@ -13084,6 +13297,108 @@ document.write('<br /><span class="smalltext"><a href="javascript:void(0)" oncli
 <td width="5%" class="{$bgcolor}"><div class="postbit_buttons">{$emailcode}</div></td>
 <td width="5%" class="{$bgcolor}"><div class="postbit_buttons">{$pmcode}</div></td>
 </tr>]]></template>
+		<template name="showthread" version="1831"><![CDATA[<html>
+	<head>
+		<title>{$thread['subject']}</title>
+		{$headerinclude}
+		<script type="text/javascript">
+			<!--
+				var quickdelete_confirm = "{$lang->quickdelete_confirm}";
+			var quickrestore_confirm = "{$lang->quickrestore_confirm}";
+			var allowEditReason = "{$mybb->settings['alloweditreason']}";
+			lang.save_changes = "{$lang->save_changes}";
+			lang.cancel_edit = "{$lang->cancel_edit}";
+			lang.quick_edit_update_error = "{$lang->quick_edit_update_error}";
+			lang.quick_reply_post_error = "{$lang->quick_reply_post_error}";
+			lang.quick_delete_error = "{$lang->quick_delete_error}";
+			lang.quick_delete_success = "{$lang->quick_delete_success}";
+			lang.quick_delete_thread_success = "{$lang->quick_delete_thread_success}";
+			lang.quick_restore_error = "{$lang->quick_restore_error}";
+			lang.quick_restore_success = "{$lang->quick_restore_success}";
+			lang.editreason = "{$lang->postbit_editreason}";
+			lang.post_deleted_error = "{$lang->post_deleted_error}";
+			lang.softdelete_thread = "{$lang->soft_delete_thread}";
+			lang.restore_thread = "{$lang->restore_thread}";
+			// -->
+		</script>
+		<!-- jeditable (jquery) -->
+		<script type="text/javascript" src="{$mybb->asset_url}/jscripts/report.js?ver=1820"></script>
+		<script src="{$mybb->asset_url}/jscripts/jeditable/jeditable.min.js"></script>
+		<script type="text/javascript" src="{$mybb->asset_url}/jscripts/thread.js?ver=1827"></script>
+	</head>
+	<body>
+		{$header}
+		{$threadnotesbox}
+		{$pollbox}
+		<div class="float_left">
+			{$multipage}
+		</div>
+		<div class="float_right">
+			{$newreply}
+		</div>
+		{$ratethread}
+		<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder tfixed clear">
+			<tr>
+				<td class="thead">
+					<div class="float_right">
+						<span class="smalltext"><strong><a href="showthread.php?mode={$thread_toggle}&amp;tid={$tid}&amp;pid={$pid}#pid{$pid}">{$lang->thread_toggle}</a>{$threadnoteslink}</strong></span>
+					</div>
+					<div>
+						<strong>{$thread['displayprefix']}{$thread['subject']}</strong>
+					</div>
+				</td>
+			</tr>
+			<tr><td id="posts_container">
+				<div id="posts">
+					{$posts}
+				</div>
+				</td></tr>
+			<tr>
+				<td class="tfoot">
+					{$search_thread}
+					<div>
+						<strong>&laquo; <a href="{$next_oldest_link}">{$lang->next_oldest}</a> | <a href="{$next_newest_link}">{$lang->next_newest}</a> &raquo;</strong>
+					</div>
+				</td>
+			</tr>
+		</table>
+		<div class="float_left">
+			{$multipage}
+		</div>
+		<div style="padding-top: 4px;" class="float_right">
+			{$newreply}
+		</div>
+		<br class="clear" />
+		{$quickreply}
+		{$threadexbox}
+		{$similarthreads}
+		<br />
+		<div class="float_left">
+			<ul class="thread_tools">
+				{$printthread}
+				{$sendthread}
+				{$addremovesubscription}
+				{$addpoll}
+			</ul>
+		</div>
+
+		<div class="float_right" style="text-align: right;">
+			{$moderationoptions}
+			{$forumjump}
+		</div>
+		<br class="clear" />
+		{$usersbrowsing}
+		{$footer}
+		<script type="text/javascript">
+			var thread_deleted = "{$thread_deleted}";
+			if(thread_deleted == "1")
+			{
+				$("#quick_reply_form, .new_reply_button, .thread_tools, .inline_rating").hide();
+				$("#moderator_options_selector option.option_mirage").attr("disabled","disabled");
+			}
+		</script>
+	</body>
+</html>]]></template>
 		<template name="showthread_add_poll" version="1800"><![CDATA[<li class="poll"><a href="polls.php?action=newpoll&amp;tid={$tid}">{$lang->add_poll_to_thread}</a></li>]]></template>
 		<template name="showthread_classic_header" version="1400"><![CDATA[<tr>
 			<td class="tcat" width="15%"><span class="smalltext"><strong>{$lang->author}</strong></span></td>
-- 
GitLab