git.r.bdr.sh - rbdr/forum/blob - app/components/header/header.svelte

   1 <header title="Toolbar">
   2   <ul>
   3     <li><strong><a href="/" aria-label="Forum Version 1.0.0">Forum v1.0.0</a></strong></li>
   4     <li><a href="/new" aria-label="New"><u class="action-key">N</u>ew</a></li>
   5     <li><a href="/reply" aria-label="Reply"><u class="action-key">R</u>eply</a></li>
   6     <li><a href="/search" aria-label="Search"><u class="action-key">S</u>earch</a></li>
   7     <li><a href="/logout" aria-label="Log Out">Log <u class="action-key">O</u>ut</a></li>
   8   </ul>
   9 </header>
  10
  11 <style>
  12   header {
  13     grid-column: col-start 1 / span 12;
  14     border-bottom: 1px solid black;
  15   }
  16
  17   ul {
  18     padding: 0;
  19   }
  20
  21   .action-key {
  22     font-weight: bold;
  23     text-decoration: underline;
  24   }
  25
  26   li {
  27     display: inline;
  28     margin: 5px;
  29   }
  30
  31   a {
  32     text-decoration: none;
  33     line-height: 3em;
  34     display: inline-block;
  35   }
  36
  37   strong a {
  38     color: blue;
  39     text-decoration: underline;
  40   }
  41
  42 </style>