131 lines
2.3 KiB
Django/Jinja
131 lines
2.3 KiB
Django/Jinja
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>{{ page_title }}</title>
|
|
<meta property="og:title" content="{{ page_title }}" />
|
|
<meta property="og:type" content="website" />
|
|
{% if page_summary -%}
|
|
<meta property="og:description" content="{{ page_summary }}" />
|
|
{% endif -%}
|
|
<link rel="icon" href="data:;base64,=">
|
|
<style>
|
|
/* Page structure */
|
|
body {
|
|
background-color: #000;
|
|
margin: 0px;
|
|
}
|
|
div#wrapper {
|
|
background-color: #333;
|
|
color: #fff;
|
|
max-width: 700px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
/* Tabs setup */
|
|
div#tabs {
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
div.tab {
|
|
padding: 5px;
|
|
background-color: #333;
|
|
border-style: solid;
|
|
border-color: #888;
|
|
border-width: 2px 2px 0 2px;
|
|
border-radius: 10px 10px 0px 0px;
|
|
margin: 0 4px;
|
|
font-family: monospace;
|
|
font-weight: bold;
|
|
color: #888;
|
|
user-select: none
|
|
}
|
|
div.tab a {
|
|
color: #888;
|
|
text-decoration: none;
|
|
}
|
|
div.tab-content {
|
|
cursor: pointer;
|
|
}
|
|
div.tab-down {
|
|
background-color: #333;
|
|
border-color: #bbb;
|
|
color: #bbb;
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
div.tab-right {
|
|
margin-left: auto;
|
|
}
|
|
div.tab-right ~ div.tab-right {
|
|
margin: 0 4px;
|
|
}
|
|
div.tab-page {
|
|
width: 100%;
|
|
border-top: 2px solid #bbb;
|
|
display: none;
|
|
}
|
|
div.tab-page-selected {
|
|
display: block;
|
|
-padding: 5px;
|
|
}
|
|
|
|
/* Content tables */
|
|
table.page-table {
|
|
width: 100%;
|
|
color: #fff;
|
|
font-family: serif;
|
|
white-space: pre-wrap;
|
|
border-collapse: collapse;
|
|
overflow-wrap: break-word;
|
|
word-wrap: break-word;
|
|
-ms-word-break: break-all;
|
|
word-break: break-word;
|
|
-ms-hyphens: auto;
|
|
-moz-hyphens: auto;
|
|
-webkit-hyphens: auto;
|
|
hyphens: auto;
|
|
}
|
|
table.page-table tr {
|
|
border-bottom: 1px solid #888;
|
|
}
|
|
table.page-table tr.hide-tag-name td:nth-child(1) {
|
|
display: none;
|
|
}
|
|
table.page-table td {
|
|
padding: 5px;
|
|
}
|
|
table.page-table td:nth-child(1) {
|
|
width: 150px;
|
|
font-weight: bold;
|
|
vertical-align:top
|
|
}
|
|
table.page-table td:nth-child(2) {
|
|
white-space: pre-wrap;
|
|
}
|
|
table.page-table a {
|
|
color: #8af;
|
|
cursor: pointer;
|
|
text-decoration: underline;
|
|
}
|
|
table.page-table .numeric-input {
|
|
width: 50px;
|
|
}
|
|
|
|
/* Edit page styling */
|
|
input.tag-name {
|
|
}
|
|
textarea.tag-value {
|
|
resize: none;
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
{% block page_scripts %}{% endblock %}
|
|
</head>
|
|
<body>
|
|
<div id="wrapper">
|
|
{% block page_content %}{% endblock %}
|
|
</div>
|
|
</body>
|
|
</html> |