new title bar layout and fix number

index.php

@@ -561,12 +561,12 @@ select{font-size:inherit;}
 a,button,::file-selector-button{text-decoration:underline;color:%black%;text-decoration-thickness:2px;text-underline-offset:0.15em;}
 a:hover,.button:hover,::file-selector-button:hover{text-decoration:none;color:%gray%;}
 .button:disabled{background-color:%gray%;pointer-events:none;}
-header{position:sticky;top:0;background-color:%white%;z-index:10;padding-top:0.5em;box-shadow: 0.5em 0px %white%;}
+header{position:fixed;top:0;width:calc(100% - 2em);background-color:%white%;z-index:10;padding-top:0.5em;box-shadow: 0.5em 0px %white%;}
 header::before{content:'';position:absolute;left:0;right:0;top:0;height:1.95em;box-shadow:-2em 0em 1em -1em inset %white%;pointer-events:none;}
 header>div{overflow:auto;white-space:nowrap;}
 .header_nav{display:inline;}
 header a,.left a,.footer a,.clean_a,.clean_a a{text-decoration:none;}
-header a:hover,.button:hover{color:%gray% !important;}
+header a:hover,.button:hover{color:%gray% !important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.15em;}
 .exp_h_f{padding-top:0.3em !important;padding-bottom:0.3em !important;line-height:1.5em !important;height:2.1em !important;}
 .exp_f{text-align:center;}
 .toc_button{position:absolute;top:0.5em;right:0;text-shadow: 0px 0px 10px %white%;background-color:%white%88;}
@@ -575,12 +575,16 @@ header a:hover,.button:hover{color:%gray% !important;}
 .invert_a:hover,.invert_a a:hover{color:%black% !important;}
 .gray,.gray a{color:%gray%;}
 hr{border:1px solid %gray%;}
-header ul,.small_footer ul,.small_footer span,header li,.small_footer li{display:inline-block;}
+header ul,.small_footer ul,.small_footer span,header li,.small_footer li{display:inline-block;vertical-align:text-top;}
 header li::before,.small_footer li::before{content:' - '}
+header li ul{display:none;}
+header:hover li ul{display:inline;}
+header li ul li{display:block !important;margin-left:1em;}
+header li ul li a{font-size:0.9em;}
 //h1,h2,h3,h4,h5{font-size:1em;}
 //h1{text-decoration:underline;}
 header h1,header h2,header h3,header h4,header h5,header p{display:inline;font-size:1rem;}
-.main{position:relative;word-spacing:-1em;}
+.main{position:relative;word-spacing:-1em;top:2em;}
 .main *{word-spacing:initial;}
 pre{overflow:auto;display:block;line-break:anywhere;white-space:pre-wrap;}code{font-size:0.83em;}
 ul{display:block;}
@@ -875,10 +879,12 @@ label{text-align:left;display:inline-block;}
 }
 
 @media screen and (max-width:666px){
+.main{top:unset;}
 html{font-size:16px;}
 pre{max-width:85vw;}
 #titlectrl:checked ~ header .mobile_fold{display:block !important;}
 #titlectrl:checked ~ .main .mobile_fold{display:block !important;}
+#titlectrl:checked ~ header li ul{display:inline;}
 .mobile_fold{display:none !important;}
 .hidden_m{display:none !important;}
 .block_m{display:block !important;}
@@ -952,7 +958,7 @@ border-radius:unset;box-shadow:unset;font-size:1.3rem;text-shadow:unset;}
 @media print{
 .small_footer .hidden_on_print{display:none}
 header b,.small_footer b{font-weight:normal;}
-header{display:table-header-group;box-shadow:none;} .main{display:table-row-group;} .small_footer{text-align:right;}
+header{display:table-header-group;box-shadow:none;} .main{display:table-row-group;top:unset;} .small_footer{text-align:right;}
 header::before{box-shadow:none;display:none;} header::after{display:block;height:1em;content:' ';}
 .small_footer::before{box-shadow:none;display:block;height:1em;position:relative;}
 body,footer,header,.small_footer,a,.clean_a,.invert_a,.clean_a a,.invert_a a{background:none;color:black;}
@@ -1518,7 +1524,7 @@ blockquote{border-left:2px solid black;}
                 }
                 if(preg_match('/NUM\s+([0-9]{1,})\s*;/u', $m[2], $n)){ $post['number']=$n[1]; $this->PNUMBER=max($post['number'],$this->PNUMBER); }
                 else{ $this->PNUMBER++; $post['number']=$this->PNUMBER; }
-                $post['number']=$this->PNUMBER; $this->PNUMBER++;
+                //$this->PNUMBER++; $post['number']=$this->PNUMBER;
                 if(isset($post['mark_value']) && $post['mark_value']==5){
                     $post['product']=[];
                 }
@@ -4148,7 +4154,8 @@ blockquote{border-left:2px solid black;}
     function MakeSidebar(){ ?>
         <div class='left mobile_fold'><?php if(isset($this->SpecialSidebar) && ($p = &$this->GetPost($this->SpecialSidebar))!=NULL){
             ?><span class='gray smaller'><br /></span><?php
-            echo $this->GenerateSinglePost($p, false, false, false, false); }?>
+            //echo $this->GenerateSinglePost($p, false, false, false, false);
+            }?>
         <div class='wayback_link clean_a smaller'><span class='gray'><br /><?=$this->T('工具')?></span><ul>
         <li><a href='?search=' onclick='ShowWaitingBar()' class='bigger'><?=$this->T('搜索')?></a></li>
         <li><?php if(!isset($this->WayBack)){ ?>