Separate header from content
Allows for sticky header and other theming options FossilOrigin-Name: c74cea448aff4d89f81225c7cb8c27e0a52d75fa11a17ec973f0e55d604bc5c5
This commit is contained in:
parent
365f4eeddf
commit
56a956e0f4
2 changed files with 15 additions and 9 deletions
22
dist/treebird20.css
vendored
22
dist/treebird20.css
vendored
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue