@ -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;
|
||||||
|
//}
|
||||||
|
//
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|