Separate header from content

Allows for sticky header and other theming options

FossilOrigin-Name: c74cea448aff4d89f81225c7cb8c27e0a52d75fa11a17ec973f0e55d604bc5c5
This commit is contained in:
me@ow.nekobit.net 2022-04-11 02:24:04 +00:00
parent 365f4eeddf
commit 56a956e0f4
2 changed files with 15 additions and 9 deletions

22
dist/treebird20.css vendored
View file

@ -45,25 +45,33 @@ table.ui-table td
vertical-align: top;
}
#display
#navbar, #content
{
margin-left: auto;
margin-right: auto;
overflow: hidden;
background-color: #ffffff;
width: 1000px;
border-radius: 5px;
border: 1px solid #dadada;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
border-width: 0;
}
#content
{
border-top: 0 !important;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#navbar
{
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top: 2px solid #fff;
background: linear-gradient(#fafafa, #f3f3f3);
width: 1000px;
display: flex;
align-items: center;
padding: 0 5px;
border-bottom: 2px solid #cacaca;
}
@ -106,9 +114,9 @@ table.ui-table td
#main
{
width: 610px;
max-width: 610px !important;
min-width: 610px;
width: 608px;
max-width: 608px !important;
min-width: 608px;
border-collapse: collapse !important;
padding: 0;
}

View file

@ -7,7 +7,6 @@
<link rel="stylesheet" type="text/css" href="/%s%s.css">
</head>
<body>
<div id="display">
<header id="navbar">
<a href="%s/"><img src="/treebird_logo.png" height="42"></a>
<span class="info">%s</span>
@ -47,6 +46,5 @@
</td>
</tr>
</table>
</div>
</body>
</html>