filter for main page(1/2)

This commit is contained in:
Alocks
2019-12-02 16:46:22 -03:00
parent 88c0c1e021
commit 0abcb048b4
4 changed files with 51 additions and 13 deletions

View File

@ -13,7 +13,7 @@ body {
h1 {
font-size: 2em;
margin: .67em 0
margin: .67em 0;
}
a {
@ -130,14 +130,14 @@ blockquote {
.container {
display: block;
clear: both;
margin-left: auto;
margin-left: 200px;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
padding: 10px;
border-radius: 9px;
background-color: #ecf0f1;
width: 100%;
width: 100% - 200px;
max-width: 1200px
}
@ -222,6 +222,35 @@ blockquote {
width: 100%
}
.sidenav {
height: 100%;
width: 200px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
padding-top: 20px;
}
.sidenav a {
padding: 6px 6px 6px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
}
.sidenav a:hover {
color: #f1f1f1;
}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
html.theme-black,html.theme-black body {
color: #d9d9d9;
background-color: #0d0d0d
@ -252,4 +281,4 @@ html.theme-black code {
color: #ed2553;
border: none;
background-color: #292929
}
}

View File

@ -6,6 +6,7 @@
<meta name="theme-color" content="#1f1f1f" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, viewport-fit=cover" />
<title>nHentai &raquo; Viewer</title>
<script type="text/javascript" src="data.js"></script>
<!-- <link rel="stylesheet" href="./main.css"> -->
<style>
{STYLES}
@ -14,9 +15,7 @@
<body>
<div id="content">
<h1>Main Folder({COUNT})</h1>
<nav class="sidenav">nHentai Viewer</nav>
<div class="container" id="favcontainer">
{PICTURE}
@ -24,7 +23,9 @@
</div> <!-- container -->
</div>
<script>
{SCRIPTS}
</script>
</body>
</html>

0
nhentai/viewer/main.js Normal file
View File