save file

Author: javascript-2020

code-dev/html/main-hdr/v2.0/main-hdr-v2.0.html

@@ -6,11 +6,48 @@
       <template shadowrootmode=open>
 
             <style>
+
+            
+  #root 
+    {margin:0;box-sizing:border-box;display:flex;align-items:center;gap:10px;
+      border-bottom:1px solid lightgray;padding-bottom:20px;position:relative;
+      margin-bottom:20px;
+    }
+  
+  .icon
+    {cursor:pointer;border-radius:3px;border:1px solid gray;box-sizing:border-box;
+      width:38px;height:38px;
+    }
+  
+  .item
+    {display:inline-flex;align-items:center;text-align:center;background:buttonface;
+      border-radius:3px;border:1px solid lightgray;padding:5px 7px;
+    }
+  
+  .item-label
+    {}
+  
+  ::slotted(.title)
+    {text-align:center;position:absolute;left:0;right:0;top:0px;z-index:-1;margin:0 auto;color:blue;
+    }
+
+  
+  .date
+    {position:absolute;top:5px;right:5px;}
+  
+  a
+    {color:blue;}
+  a:visited
+    {color:blue;}
 
             </style>
 
             <div id=root>
 
+                  <a href='/'>
+                        home
+                  </a>
+                  
                   <slot></slot>
 
                   <slot name=date></slot>