Theme fixes

FossilOrigin-Name: 4b0d437fd704172063bb6ea9ae1b5ea86487bdbb8bfa8f3a711bb3fc7064bcc2
This commit is contained in:
me@ow.nekobit.net 2022-04-11 03:00:19 +00:00
parent 56a956e0f4
commit 439b4c8b4b
2 changed files with 52 additions and 50 deletions

28
dist/treebird20.css vendored
View file

@ -5,10 +5,23 @@
Other themes do not need to be compatible with Netsurf and older browsers or use tables,
I just wanted this to be as compatible as possible, go wild with your own themes */
html
{
background-color: #f6f6f6;
}
body
{
background-color: unset;
font-family: Arial, Helvetica, sans-serif;
background-color: #f6f6f6;
width: 1000px;
border-top: 0 !important;
margin-left: auto;
margin-right: auto;
border: 1px solid #dadada !important;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
border-width: 0;
border-radius: 5px;
}
.hidden
@ -45,20 +58,8 @@ table.ui-table td
vertical-align: top;
}
#navbar, #content
{
margin-left: auto;
margin-right: auto;
overflow: hidden;
background-color: #ffffff;
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;
}
@ -73,6 +74,7 @@ table.ui-table td
display: flex;
align-items: center;
border-bottom: 2px solid #cacaca;
z-index: 999;
}
#navbar img

View file

@ -7,44 +7,44 @@
<link rel="stylesheet" type="text/css" href="/%s%s.css">
</head>
<body>
<header id="navbar">
<a href="%s/"><img src="/treebird_logo.png" height="42"></a>
<span class="info">%s</span>
<div id="navbar-right" class="alignend">
<header id="navbar">
<a href="%s/"><img src="/treebird_logo.png" height="42"></a>
<span class="info">%s</span>
<div id="navbar-right" class="alignend">
%s
<!-- Searchbox -->
<form action="%s/search" method="get">
<input type="textbox" class="group group-left group-inputbox" placeholder="%s" id="searchbox" name="q"><!-- i hate HTML
--><input type="submit" class="btn group group-right" value="%s">
</form>
</div>
</header>
<table id="content" class="ui-table">
<!-- Navigation -->
<tr>
<td id="leftbar" class="sidebar">
<ul>
<li><a class="sidebarbtn %s" href="%s/">%s</a></li>
<li><a class="sidebarbtn %s" href="%s/local/">%s</a></li>
<li><a class="sidebarbtn %s" href="%s/federated/">%s</a></li>
<li><a class="sidebarbtn %s" href="%s/notifications">%s</a></li>
<li><a class="sidebarbtn %s" href="%s/lists">%s</a></li>
<li><a class="sidebarbtn %s" href="%s/direct">%s</a></li>
<li><a class="sidebarbtn %s" href="%s/config">%s</a></li>
</ul>
%s
<!-- Searchbox -->
<form action="%s/search" method="get">
<input type="textbox" class="group group-left group-inputbox" placeholder="%s" id="searchbox" name="q"><!-- i hate HTML
--><input type="submit" class="btn group group-right" value="%s">
</form>
</div>
</header>
<table id="content" class="ui-table">
<!-- Navigation -->
<tr>
<td id="leftbar" class="sidebar">
<ul>
<li><a class="sidebarbtn %s" href="%s/">%s</a></li>
<li><a class="sidebarbtn %s" href="%s/local/">%s</a></li>
<li><a class="sidebarbtn %s" href="%s/federated/">%s</a></li>
<li><a class="sidebarbtn %s" href="%s/notifications">%s</a></li>
<li><a class="sidebarbtn %s" href="%s/lists">%s</a></li>
<li><a class="sidebarbtn %s" href="%s/direct">%s</a></li>
<li><a class="sidebarbtn %s" href="%s/config">%s</a></li>
</ul>
%s
</td>
<!-- Display for posts -->
<td id="main">
%s
</td>
</td>
<!-- Display for posts -->
<td id="main">
%s
</td>
<!-- Notifications and such -->
<td id="rightbar" class="sidebar">
%s
</td>
</tr>
</table>
<!-- Notifications and such -->
<td id="rightbar" class="sidebar">
%s
</td>
</tr>
</table>
</body>
</html>