Miroslav Pokorný
8 years ago
@ -0,0 +1,21 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2017 Miroslav Pokorný <me@miroslavpokorny.com>
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE.
|
||||
@ -0,0 +1,2 @@
|
||||
SIMPLE Apache Directory Listing Theme
|
||||
=====================================
|
||||
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 10 KiB |
@ -0,0 +1,9 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig>
|
||||
<msapplication>
|
||||
<tile>
|
||||
<square150x150logo src="/icons/mstile-150x150.png"/>
|
||||
<TileColor>#ffffff</TileColor>
|
||||
</tile>
|
||||
</msapplication>
|
||||
</browserconfig>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
@ -0,0 +1,12 @@
|
||||
{
|
||||
"name": "Apache",
|
||||
"icons": [
|
||||
{
|
||||
"src": "\/icons\/android-chrome-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image\/png"
|
||||
}
|
||||
],
|
||||
"theme_color": "#ffffff",
|
||||
"display": "standalone"
|
||||
}
|
||||
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
@ -0,0 +1,6 @@
|
||||
</div>
|
||||
<div class="footer">
|
||||
<a href="https://miroslavpokorny.com/simple-apache-directory-listing-theme"><img src="/simple/favicons/logo28x28x.png" /></a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,63 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/simple/favicons/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" href="/simple/favicons/favicon-32x32.png" sizes="32x32">
|
||||
<link rel="icon" type="image/png" href="/simple/favicons/favicon-16x16.png" sizes="16x16">
|
||||
<link rel="manifest" href="/simple/favicons/manifest.json">
|
||||
<link rel="mask-icon" href="/simple/favicons/safari-pinned-tab.svg" color="#b33333">
|
||||
<link rel="shortcut icon" href="/simple/favicons/favicon.ico">
|
||||
<meta name="msapplication-config" content="/simple/favicons/browserconfig.xml">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<link rel="stylesheet" href="/simple/style.css">
|
||||
</head>
|
||||
<body onload="ready()">
|
||||
<script type="text/javascript">
|
||||
function ready() {
|
||||
|
||||
var ignoreDirectories = 0; // set how many directories should be ignored
|
||||
var ignoreAsNoLink = false; // set whether to ignore as 'do not display' or ignore as 'no links in breadcrub, but visible'
|
||||
|
||||
var path = document.location.pathname;
|
||||
var segments = path.split("/");
|
||||
var breadcrumbs = '/ ';
|
||||
var currentPath = "/";
|
||||
var homeLink = "/";
|
||||
for (var i = 0; i<segments.length; i++) {
|
||||
if (segments[i] != '') {
|
||||
currentPath += segments[i] + '/';
|
||||
if (ignoreDirectories >= i) {
|
||||
if (ignoreAsNoLink) {
|
||||
breadcrumbs += segments[i] + ' / ';
|
||||
}
|
||||
homeLink = currentPath;
|
||||
} else {
|
||||
breadcrumbs += '<a href="' + currentPath + '">' + segments[i] + '</a> / ';
|
||||
}
|
||||
}
|
||||
}
|
||||
if (ignoreDirectories !== 0) {
|
||||
document.getElementById('homelink').setAttribute('href', homeLink);
|
||||
if (path === homeLink) {
|
||||
document.querySelector('tr:nth-child(3)').remove();
|
||||
}
|
||||
}
|
||||
var elements = document.getElementsByClassName('header__breadcrumbs');
|
||||
var n = elements.length;
|
||||
for (i = 0; i < n; i++) {
|
||||
var e = elements[i];
|
||||
e.innerHTML = breadcrumbs;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div class="gradient top"></div>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<div class="header__wrapper">
|
||||
<div class="header__home"><a id="homelink" href="/"><img src="/simple/icons/home.png"/></a></div>
|
||||
<div class="header__breadcrumbs">/ </div>
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<div class="files">
|
||||
|
After Width: | Height: | Size: 341 B |
|
After Width: | Height: | Size: 618 B |
|
After Width: | Height: | Size: 829 B |
|
After Width: | Height: | Size: 632 B |
|
After Width: | Height: | Size: 508 B |
|
After Width: | Height: | Size: 483 B |
|
After Width: | Height: | Size: 575 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 569 B |
|
After Width: | Height: | Size: 827 B |
|
After Width: | Height: | Size: 672 B |
|
After Width: | Height: | Size: 652 B |
|
After Width: | Height: | Size: 630 B |
|
After Width: | Height: | Size: 702 B |
|
After Width: | Height: | Size: 672 B |
|
After Width: | Height: | Size: 651 B |
|
After Width: | Height: | Size: 702 B |
|
After Width: | Height: | Size: 692 B |
|
After Width: | Height: | Size: 650 B |
|
After Width: | Height: | Size: 650 B |
|
After Width: | Height: | Size: 719 B |
|
After Width: | Height: | Size: 665 B |
|
After Width: | Height: | Size: 717 B |
|
After Width: | Height: | Size: 703 B |
|
After Width: | Height: | Size: 692 B |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 592 B |
|
After Width: | Height: | Size: 677 B |
|
After Width: | Height: | Size: 485 B |
|
After Width: | Height: | Size: 654 B |
|
After Width: | Height: | Size: 476 B |
|
After Width: | Height: | Size: 752 B |
|
After Width: | Height: | Size: 562 B |
|
After Width: | Height: | Size: 703 B |
|
After Width: | Height: | Size: 522 B |
|
After Width: | Height: | Size: 725 B |
|
After Width: | Height: | Size: 805 B |
|
After Width: | Height: | Size: 669 B |
|
After Width: | Height: | Size: 376 B |
@ -0,0 +1,125 @@
|
||||
@font-face {
|
||||
font-family: 'source_sans_proregular';
|
||||
src: url("fonts/sourcesanspro-regular.woff2") format("woff2"), url("fonts/sourcesanspro-regular.woff") format("woff");
|
||||
font-weight: normal;
|
||||
font-style: normal; }
|
||||
|
||||
body {
|
||||
font-family: 'source_sans_proregular', sans-serif;
|
||||
margin: 0; }
|
||||
|
||||
hr {
|
||||
display: none; }
|
||||
|
||||
a {
|
||||
color: #2a2a2a;
|
||||
text-decoration: none; }
|
||||
|
||||
.gradient {
|
||||
background: #ec9232;
|
||||
background: -moz-linear-gradient(left, #ec9232 0%, #d14d3a 25%, #c3233f 50%, #a5235a 75%, #2f2762 100%);
|
||||
background: -webkit-linear-gradient(left, #ec9232 0%, #d14d3a 25%, #c3233f 50%, #a5235a 75%, #2f2762 100%);
|
||||
background: linear-gradient(to right, #ec9232 0%, #d14d3a 25%, #c3233f 50%, #a5235a 75%, #2f2762 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9232', endColorstr='#2f2762',GradientType=1 );
|
||||
height: 1px;
|
||||
margin: 0 auto; }
|
||||
.gradient.top {
|
||||
left: 0;
|
||||
max-width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%; }
|
||||
|
||||
.header {
|
||||
background: #f9f9f9;
|
||||
margin: 0 auto;
|
||||
clear: both; }
|
||||
.header br {
|
||||
clear: both;
|
||||
visibility: hidden; }
|
||||
.header__wrapper {
|
||||
clear: both;
|
||||
margin: 0 auto;
|
||||
max-width: 900px;
|
||||
position: relative;
|
||||
width: 85%; }
|
||||
@media screen and (max-width: 600px) {
|
||||
.header__wrapper {
|
||||
width: 100%; } }
|
||||
.header__home {
|
||||
display: inline-block;
|
||||
left: 0;
|
||||
padding: 13px 15px 9px;
|
||||
position: absolute;
|
||||
top: 2px; }
|
||||
.header__breadcrumbs {
|
||||
clear: both;
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
height: 18px;
|
||||
margin-bottom: 14px;
|
||||
margin-left: 46px;
|
||||
padding-top: 14px;
|
||||
overflow: hidden; }
|
||||
.header__breadcrumbs a:hover {
|
||||
text-decoration: underline; }
|
||||
|
||||
.files {
|
||||
margin-top: 1.3rem; }
|
||||
.files table {
|
||||
border-collapse: collapse;
|
||||
margin: 0 auto;
|
||||
max-width: 900px;
|
||||
width: 85%; }
|
||||
@media screen and (max-width: 600px) {
|
||||
.files table {
|
||||
width: 100%; } }
|
||||
.files table tr {
|
||||
background: transparent;
|
||||
border-bottom: 1px solid #e9e9e9;
|
||||
border-top: 1px solid #e9e9e9; }
|
||||
.files table tr:nth-child(2), .files table tr:nth-child(1), .files table tr:last-child {
|
||||
display: none; }
|
||||
.files table tr:nth-child(2) {
|
||||
border-bottom: 1px white solid; }
|
||||
.files table tr:nth-child(3) {
|
||||
border-top: 1px white solid; }
|
||||
.files table tr:hover td {
|
||||
background: #f9fdff;
|
||||
border-top: #d2f4ff 1px solid;
|
||||
border-bottom: #d2f4ff 1px solid;
|
||||
z-index: 999; }
|
||||
.files table tr td {
|
||||
font-size: 14px;
|
||||
padding: 0; }
|
||||
.files table tr td:nth-child(1) a,
|
||||
.files table tr td:nth-child(2) a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
.files table tr td:nth-child(1) {
|
||||
width: 10px; }
|
||||
.files table tr td:nth-child(1) a {
|
||||
width: 16px;
|
||||
padding: 7px 15px 3px 15px; }
|
||||
.files table tr td:nth-child(2) {
|
||||
line-height: 1rem; }
|
||||
.files table tr td:nth-child(2) a {
|
||||
padding: 6px 0; }
|
||||
.files table tr th:nth-child(3),
|
||||
.files table tr td:nth-child(3) {
|
||||
background: lightsteelblue;
|
||||
display: none; }
|
||||
.files table tr td:nth-child(4) {
|
||||
width: 10px;
|
||||
padding: 0.4rem 15px 0.2rem 20px; }
|
||||
@media screen and (max-width: 600px) {
|
||||
.files table tr td:nth-child(4) {
|
||||
display: none; } }
|
||||
|
||||
.footer {
|
||||
padding-top: 1.2rem;
|
||||
padding-bottom: 1.0rem;
|
||||
text-align: center; }
|
||||
.footer a {
|
||||
cursor: default; }
|
||||
@ -0,0 +1,225 @@
|
||||
@font-face {
|
||||
font-family: 'source_sans_proregular';
|
||||
src: url('fonts/sourcesanspro-regular.woff2') format('woff2'),
|
||||
url('fonts/sourcesanspro-regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
body {
|
||||
font-family: 'source_sans_proregular', sans-serif;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
hr {
|
||||
display: none;
|
||||
}
|
||||
a {
|
||||
color: #2a2a2a;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.gradient {
|
||||
background: #ec9232;
|
||||
background: -moz-linear-gradient(left, #ec9232 0%, #d14d3a 25%, #c3233f 50%, #a5235a 75%, #2f2762 100%);
|
||||
background: -webkit-linear-gradient(left, #ec9232 0%,#d14d3a 25%,#c3233f 50%,#a5235a 75%,#2f2762 100%);
|
||||
background: linear-gradient(to right, #ec9232 0%,#d14d3a 25%,#c3233f 50%,#a5235a 75%,#2f2762 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9232', endColorstr='#2f2762',GradientType=1 );
|
||||
height: 1px;
|
||||
margin: 0 auto;
|
||||
&.top {
|
||||
left: 0;
|
||||
max-width: 100%;
|
||||
position: fixed;
|
||||
top:0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.header {
|
||||
background: #f9f9f9;
|
||||
margin: 0 auto;
|
||||
clear: both;
|
||||
br {
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
&__wrapper {
|
||||
clear: both;
|
||||
margin: 0 auto;
|
||||
max-width: 900px;
|
||||
position: relative;
|
||||
width: 85%;
|
||||
@media screen and (max-width: 600px) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
&__home {
|
||||
display: inline-block;
|
||||
left: 0;
|
||||
padding: 13px 15px 9px;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
}
|
||||
&__breadcrumbs {
|
||||
clear: both;
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
height: 18px;
|
||||
margin-bottom: 14px;
|
||||
margin-left: 46px;
|
||||
padding-top: 14px;
|
||||
overflow: hidden;
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
.files {
|
||||
margin-top: 1.3rem;
|
||||
table {
|
||||
border-collapse:collapse;
|
||||
margin: 0 auto;
|
||||
max-width: 900px;
|
||||
width: 85%;
|
||||
@media screen and (max-width: 600px) {
|
||||
width: 100%;
|
||||
}
|
||||
tr {
|
||||
background: transparent;
|
||||
border-bottom: 1px solid #e9e9e9;
|
||||
border-top: 1px solid #e9e9e9;
|
||||
&:nth-child(2), &:nth-child(1), &:last-child {
|
||||
display: none;
|
||||
}
|
||||
&:nth-child(2) {
|
||||
border-bottom: 1px white solid;
|
||||
}
|
||||
&:nth-child(3) {
|
||||
border-top: 1px white solid;
|
||||
}
|
||||
&:hover td {
|
||||
background: #f9fdff;
|
||||
border-top: #d2f4ff 1px solid;
|
||||
border-bottom: #d2f4ff 1px solid;
|
||||
z-index: 999;
|
||||
}
|
||||
td {
|
||||
font-size: 14px;
|
||||
padding: 0;
|
||||
}
|
||||
td:nth-child(1),
|
||||
td:nth-child(2) {
|
||||
a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
td:nth-child(1) {
|
||||
width: 10px;
|
||||
a {
|
||||
width: 16px;
|
||||
padding: 7px 15px 3px 15px;
|
||||
}
|
||||
}
|
||||
td:nth-child(2) {
|
||||
line-height: 1rem;
|
||||
a {
|
||||
padding: 6px 0;
|
||||
}
|
||||
}
|
||||
th:nth-child(3),
|
||||
td:nth-child(3) {
|
||||
background: lightsteelblue;
|
||||
display: none;
|
||||
}
|
||||
td:nth-child(4) {
|
||||
width: 10px;
|
||||
padding: 0.4rem 15px 0.2rem 20px;
|
||||
@media screen and (max-width: 600px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer {
|
||||
padding-top: 1.2rem;
|
||||
padding-bottom: 1.0rem;
|
||||
text-align: center;
|
||||
a {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//.files tr:nth-last-child(2) {
|
||||
// border-bottom: 1px white solid;;
|
||||
//}
|
||||
//.files tr td:nth-child(1), .files tr td:nth-child(2) {
|
||||
// a {
|
||||
// display: block;
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// }
|
||||
//}
|
||||
//.files tr td:nth-child(1) {
|
||||
// //padding: 0.5rem 1rem 0.25rem 1rem;
|
||||
// //background: lightcoral;
|
||||
// width: 10px;
|
||||
//
|
||||
// a {
|
||||
// width: 16px;
|
||||
// padding: 7px 15px 3px 15px;
|
||||
// }
|
||||
//}
|
||||
//.files tr td:nth-child(2) {
|
||||
// //padding: 0.5rem 1rem 0.25rem 1rem;
|
||||
// //background: lightgoldenrodyellow;
|
||||
// line-height: 1rem;
|
||||
// //line-height: 30px;
|
||||
// a {
|
||||
// padding: 6px 0;
|
||||
// }
|
||||
//}
|
||||
//.files tr th:nth-child(3), .files tr td:nth-child(3) {
|
||||
// //padding: 0.5rem 1rem 0.25rem 1rem;
|
||||
// background: lightsteelblue;
|
||||
// //width: 0;
|
||||
// display: none;
|
||||
//}
|
||||
//.files tr td:nth-child(4) {
|
||||
// //padding: 0.5rem 1rem 0.25rem 1rem;
|
||||
// //background: lightsalmon;
|
||||
//width: 10px;
|
||||
// padding: 0.4rem 15px 0.2rem 20px;
|
||||
// @media screen and (max-width: 600px) {
|
||||
// display: none;
|
||||
// }
|
||||
//}
|
||||
//.files tr td {
|
||||
// font-size: 14px;
|
||||
// //transition: background 0.1s ease;
|
||||
//padding: 0;
|
||||
//}
|
||||
//.files tr:hover td {
|
||||
// border-top: #d2f4ff 1px solid;
|
||||
// //border-top: #ffffff 1px solid;d9d9d9
|
||||
// border-bottom: #d2f4ff 1px solid;
|
||||
// z-index: 9999;
|
||||
// //background: #f9f9f9;
|
||||
// background: #f9fdff;
|
||||
//}
|
||||
//
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||