diff --git a/yadc/assets/js/search.js b/yadc/assets/js/search.js
deleted file mode 100644
index 4f28238..0000000
--- a/yadc/assets/js/search.js
+++ /dev/null
@@ -1,181 +0,0 @@
-let tagroot = document.querySelector('.tag_input')
-let sel_tags = tagroot.querySelector('div.tags_selected')
-let predef_tags = tagroot.querySelector('div.tags_inpage') // Should be optional
-
-let suggestroot = tagroot.querySelector('.tag_suggester')
-
-suggestroot.insertAdjacentHTML("beforeend", ``)
-let suggest_hidden = suggestroot.querySelector(`input[name=${suggestroot.dataset.inputname}][type=hidden]`)
-
-let suggest_input = suggestroot.querySelector(`input[name=${suggestroot.dataset.inputname}][type=text]`)
-suggest_input.removeAttribute('name')
-if (suggest_input.hasAttribute('required')) {
- suggest_input.removeAttribute('required')
- suggest_hidden.setAttribute('required', '')
-}
-// suggest_input.value = ''
-suggest_input.removeAttribute('value')
-
-let tag_suggest_dropdown = suggestroot.querySelector('.tag_suggest_dropdown')
-
-// https://stackoverflow.com/questions/8486099/how-do-i-parse-a-url-query-parameters-in-javascript
-function getJsonFromUrl(url) {
- if(!url) url = location.search;
- var query = url.substr(1);
- var result = {};
- query.split("&").forEach(function(part) {
- var item = part.split("=");
- result[item[0]] = decodeURIComponent(item[1]);
- });
- return result;
-}
-
-function create_selection_tag(tagname) {
- let tag = document.createElement("a")
- tag.classList.add("tagselected")
- tag.dataset.tagname = tagname
-
- tag.insertAdjacentHTML("beforeend", `
-
-
-
- `)
- tag.querySelector("span.name").textContent = tagname.replace(/_/g, ' ')
- // tag.querySelector("input[type=hidden]").setAttribute('name', `tag#${tagname}`)
- return tag
-}
-
-function form_addtag(tagname) {
- let val = suggest_hidden.value.split(' ')
- val.push(tagname)
- suggest_hidden.value = val.join(' ').trim()
-}
-function form_removetag(tagname) {
- let val = suggest_hidden.value.split(' ')
- val.splice(val.indexOf(tagname), 1)
- suggest_hidden.value = val.join(' ').trim()
-}
-
-function add_selected(tagname) {
- if (predef_tags) {
- let pagetag = predef_tags.querySelector(`a[data-tagname=${tagname}]`)
- if (pagetag) {
- pagetag.classList.add('tag_hide')
- }
- }
- let newtag = create_selection_tag(tagname)
- newtag.addEventListener('click', (event) => {
- remove_selected(event.target.dataset.tagname)
- // console.log(`Deselected: ${event.target.dataset.tagname}`)
- })
-
- sel_tags.appendChild(newtag)
- form_addtag(tagname)
-}
-function remove_selected(tagname) {
- if (predef_tags) {
- let pagetag = predef_tags.querySelector(`a[data-tagname=${tagname}]`)
- if (pagetag) {
- pagetag.classList.remove('tag_hide')
- }
- }
-
- sel_tags.querySelector(`a[data-tagname=${tagname}]`).remove()
- form_removetag(tagname)
-}
-
-// Page tags click to select
-if (predef_tags) {
- predef_tags.querySelectorAll("a").forEach(element => {
- element.addEventListener('click', (event) => {
- add_selected(event.target.dataset.tagname)
- event.preventDefault()
- })
- })
-}
-
-// Generate selected by url query
-let query = getJsonFromUrl()
-if (query['tags']) {
- query['tags'].split('+').forEach((tag) => {
- add_selected(tag)
- })
-}
-
-// Suggestions
-function create_suggestion_tag(tagname) {
- let tag = document.createElement("a")
- tag.classList.add("tagsuggestion")
- tag.dataset.tagname = tagname
-
- tag.insertAdjacentHTML("beforeend", `
-
-
-
- `)
- tag.querySelector("span.name").textContent = tagname.replace(/_/g, ' ')
- return tag
-}
-function render_suggestions(data) {
- tag_suggest_dropdown.innerHTML = ''
-
- let tagnames = Array.from(sel_tags.querySelectorAll('a')).map(a => a.dataset.tagname)
- let i = 0
- data.forEach((el) => {
- if (i > 5) return
- if (tagnames.includes(el.content)) return
-
- let sugtag = create_suggestion_tag(el.content)
-
- sugtag.addEventListener('click', (event) => {
- add_selected(event.target.dataset.tagname)
- suggest_input.value = ''
- render_suggestions([])
- event.preventDefault()
- })
-
- tag_suggest_dropdown.appendChild(sugtag)
-
- i++
- });
-}
-
-// Ajax suggestion handler
-var ajax_timeout
-suggest_input.addEventListener('input', (event) => {
- clearTimeout(ajax_timeout)
-
- let value = suggest_input.value.replace(/ /g, '_').trim()
-
- if (value.length < 2) {
- render_suggestions([])
- return
- }
-
- ajax_timeout = setTimeout(() => {
- fetch('/post/tags?q='+value).then((response) => {
- console.log(response)
- return response.json()
- }).then((data) => {
- // fill suggestions
- // console.log(data)
- render_suggestions(data)
- })
- }, 500)
-})
-
-// search_input.addEventListener('keypress', (event) => {
-// if (event.keyCode == 13) {
-// // event.preventDefault()
-// }
-// })
-// search_input.addEventListener('blur', (event) => {
-// if (event.explicitOriginalTarget != null) {
-// classlist = event.explicitOriginalTarget.parentNode.classList
-// if (classlist.contains('tags_selected') || classlist.contains('tags_inpage') || classlist.contains('search_dropdown')) {
-// setTimeout(() => search_input.focus(), 2)
-// }
-// }
-// console.log(event)
-// })
-// page_tags.querySelectorAll('a').forEach((el) => el.removeAttribute('href'))
diff --git a/yadc/static/all.css b/yadc/static/all.css
index cd4180a..67de5fc 100644
--- a/yadc/static/all.css
+++ b/yadc/static/all.css
@@ -1 +1 @@
-.flash_msgs{display:flex;flex-flow:column-reverse nowrap;position:fixed;z-index:20;bottom:0;right:0;margin:0;padding:10px;font-size:.9em;pointer-events:none}.flash_msgs>li{width:250px;padding:10px;list-style-type:none;background-color:#000c;overflow:hidden;opacity:0;animation:fade 7s normal}.flash_msgs>li:not(:first-child){margin-bottom:10px}@keyframes fade{0%,100%{opacity:0}20%,80%{opacity:1}}h2{margin:0;margin-bottom:.5em}h3{margin:0;margin-bottom:.5em;font-size:1.3em}h4{margin:0;margin-bottom:.8em;margin-top:.4em}.comment-form{margin-left:10px;max-width:500px}.comment-form input:required{box-shadow:none}.comment-form textarea{width:100%;background:#444a;border:none;color:inherit;font:inherit}.editingable:not(.time-to-edit) .edit{display:none}.editingable.time-to-edit .notedit{display:none}textarea{resize:vertical;width:100%}input[type=text],input[type=password],textarea{background:#444a;border:1px solid #444;color:inherit;display:block;padding:.5em;margin:.3em 0}input[type=text],input[type=password]{width:100%}input[type=submit]{background:#444a;border:2px solid #666a;border-radius:4px;color:inherit;padding:.4em 1.8em}input[type=submit]:active{background:#000a;border:2px solid #444a}label{padding:.4em}.baseform input[type=text],.baseform input[type=password],.baseform textarea,.pageform input[type=text],.pageform input[type=password],.pageform textarea{width:100%}.baseform input[type=checkbox],.pageform input[type=checkbox]{margin:.5em}.baseform input[type=submit],.pageform input[type=submit]{margin:.2em 0}.baseform form>input,.baseform form>div,.pageform form>input,.pageform form>div{margin:.8em 0}.baseform div.row,.pageform div.row{padding:.2em;display:flex;align-items:center}.baseform div.row.stretch,.pageform div.row.stretch{justify-content:space-between}.baseform ul,.pageform ul{padding:0;margin:0}.baseform ul li,.pageform ul li{list-style-type:none}.pageform{padding:1em;width:300px;margin:0 auto}form .tag-input .tag-suggester,.tag-input form .tag-suggester{width:100%;position:relative}form .tag-input .tag-suggester>.suggest-dropdown,.tag-input form .tag-suggester>.suggest-dropdown{display:flex;align-items:start;width:100%;top:100%;position:absolute;z-index:10;overflow:auto;background-color:#2d2d2de0}form .tag-input .tag-suggester>.suggest-dropdown:not(:empty),.tag-input form .tag-suggester>.suggest-dropdown:not(:empty){padding:.2em}form .tag-input .tag-container,.tag-input form .tag-container{display:flex;flex-flow:row wrap}form .tag-input .tag-container:empty,.tag-input form .tag-container:empty{display:none}form .tag-input .tag-container>a,.tag-input form .tag-container>a{margin:.2em;padding:.35em .6em;border-radius:4px;background-color:#121212ff;cursor:pointer}form .tag-input .tag-container>a>*,.tag-input form .tag-container>a>*{pointer-events:none}form .tag-input .tag-container>a>.fa-tag,.tag-input form .tag-container>a>.fa-tag{font-size:.9em;margin-right:2px}form .tag-input .tag-container>a>.count,.tag-input form .tag-container>a>.count{font-size:.8em}form .tag-input .tag-container>a:not(:hover)>span.close,.tag-input form .tag-container>a:not(:hover)>span.close{display:none}form .tag-input .tag-container>a:not(:hover)>span.plus,.tag-input form .tag-container>a:not(:hover)>span.plus{display:none}form .tag-input .tag-container>a:hover>span.count,.tag-input form .tag-container>a:hover>span.count{display:none}form .tag-input .tag-container>a.tagselected,.tag-input form .tag-container>a.tagselected{background-color:#400808ff}form .tag-input .tag-container>a.tag_hide,.tag-input form .tag-container>a.tag_hide{display:none}header{display:flex;align-items:baseline;padding:0 10px;background-color:#222}header>a.logo{font-size:2em;margin:6px}@media(max-width:559px){header{position:relative}}header>nav{flex-grow:1;display:flex}header>nav>._overlay{display:none}@media(max-width:559px){header>nav{display:none}header>nav._drop{display:flex;flex-flow:column nowrap;position:absolute;margin:0;top:100%;left:0;right:0;z-index:10;background-color:#111d}header>nav>a,header>nav a#user-menu,header>nav .user_dropdown>a{padding:12px;padding-left:24px}header>nav>a:hover,header>nav>a:active,header>nav a#user-menu:hover,header>nav a#user-menu:active,header>nav .user_dropdown>a:hover,header>nav .user_dropdown>a:active{background-color:#333}header>nav .user::before{content:"";display:block;border-top:1px solid grey;margin:2px 12px}header>nav .user #user-menu{display:block}header>nav .user .user_dropdown{display:flex;flex-flow:column nowrap}header>nav>._overlay{display:block;position:fixed;width:100%;height:100%;z-index:-1;background-color:#0006}html.oh{overflow:hidden}}@media(min-width:560px){header>nav{margin:0 5px;align-items:center}header>nav>*{margin:0 5px;padding:6px 0}header>nav>.user{padding:0;margin-left:auto;margin-right:0;position:relative}header>nav>.user #user-menu{display:block;padding:6px 10px}header>nav>.user .user_dropdown{display:none}header>nav>.user .user_dropdown a{padding:10px}header>nav>.user .user_dropdown a:hover{background-color:#333}header>nav>.user:hover>.user_dropdown{display:flex;flex-flow:column nowrap;position:absolute;margin:0;top:100%;right:0;z-index:10;background-color:#111d}}header>#nav-menu{display:none}@media(max-width:559px){header>#nav-menu{display:block;margin:5px;margin-left:auto;padding:0 2px;align-self:center;font-size:2em;cursor:pointer}}.main-wrap{margin:0 auto;max-width:1300px;padding:8px;padding-top:0;padding-bottom:0}.main-wrap .important-subwrap{display:flex;overflow:visible}@media(max-width:899px){.main-wrap .important-subwrap{flex-flow:column nowrap}}@media(min-width:900px){.main-wrap .important-subwrap{flex-flow:row nowrap}}.main-wrap .important-subwrap>section.sidepanel{flex-shrink:0;padding:10px}@media(min-width:900px){.main-wrap .important-subwrap>section.sidepanel{width:18rem;height:0}}.main-wrap .important-subwrap>section.sidepanel article:not(:last-child){margin-bottom:10px}@media(max-width:899px){.main-wrap .important-subwrap>section.sidepanel article.tags .tag-container,.main-wrap .important-subwrap>section.sidepanel article.post-edit .tag-container{flex-flow:row wrap}}@media(min-width:900px){.main-wrap .important-subwrap>section.sidepanel article.tags .tag-container,.main-wrap .important-subwrap>section.sidepanel article.post-edit .tag-container{flex-flow:column nowrap;align-items:start}.main-wrap .important-subwrap>section.sidepanel article.tags .suggest-dropdown,.main-wrap .important-subwrap>section.sidepanel article.post-edit .suggest-dropdown{flex-flow:row wrap}.main-wrap .important-subwrap>section.sidepanel article.tags .suggest-dropdown a,.main-wrap .important-subwrap>section.sidepanel article.post-edit .suggest-dropdown a{width:100%}}.main-wrap .important-subwrap>section.sidepanel article.rating ul{padding:0}.main-wrap .important-subwrap>section.sidepanel article.rating ul li{list-style-type:none}.main-wrap .important-subwrap>section.sidepanel article.post-desc{display:flex;flex-flow:column nowrap;font-size:.9em}.main-wrap .important-subwrap>section.sidepanel article.post-desc>img{display:block;max-width:128px}@media(min-width:900px){.main-wrap .important-subwrap>section:not(.sidepanel){width:100%}}.main-wrap section.post-list{overflow:hidden}@media(max-width:559px){.main-wrap section.post-list{margin-left:-8px;margin-right:-8px}}.main-wrap section.post-list .posts{display:flex;flex-flow:row wrap}@media(max-width:899px){.main-wrap section.post-list .posts{margin-left:-8px;margin-right:-8px}}.main-wrap section.post-list .posts::after{content:"";flex:10000 0 350px}.main-wrap section.post-list .posts>figure{position:relative;margin:8px}.main-wrap section.post-list .posts>figure img{display:block;width:100%;height:100%;transition:.2s ease}.main-wrap section.post-list .posts>figure:hover img{opacity:.7}@media(min-width:900px){.main-wrap section.post-single{padding:8px}}@media(max-width:899px){.main-wrap section.post-single{order:-1;margin-bottom:8px}}@media(max-width:559px){.main-wrap section.post-single{margin-left:-8px;margin-right:-8px}}.main-wrap section.post-single img{display:block;max-width:100%}.main-wrap section.comments{padding:10px}@media(min-width:900px){.main-wrap section.comments{margin-left:18rem}}.main-wrap section.comments>.comment-container{padding:0 10px;max-width:500px}.main-wrap section.comments>.comment-container article.comment{overflow:hidden;margin-bottom:1em}.main-wrap section.comments>.comment-container article.comment p,.main-wrap section.comments>.comment-container article.comment textarea{margin:0}.main-wrap section.comments>.comment-container article.comment p.deleted,.main-wrap section.comments>.comment-container article.comment textarea.deleted{color:red}.main-wrap section.comments>.comment-container article.comment .comment-head{display:flex;justify-content:space-between}.main-wrap section.management-table table{margin:0 auto}.main-wrap section.management-table tr{background-color:#303030}.main-wrap section.management-table tr th,.main-wrap section.management-table tr td{padding:6px 10px}.main-wrap section.management-table tr th{background-color:#606060}.main-wrap section.management-table tr label>input{display:none}.main-wrap section.management-table tr .fa{padding:4px 4px;align-self:center;font-size:1.5em;cursor:pointer}@media(min-width:900px){.main-wrap section.manage-profile{margin-right:18rem}}.main-wrap .pagin{margin:10px 0;display:flex;flex-flow:row nowrap;justify-content:center}.main-wrap .pagin>a{display:block;background-color:#0005;padding:8px 12px;margin:0 2px}footer{padding:10px;text-align:center}*{box-sizing:border-box}body{margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif;background-color:#222;color:#fff}a{color:#bbb;text-decoration:none}a:hover{color:#909090;text-decoration:none}
\ No newline at end of file
+.flash_msgs{display:flex;flex-flow:column-reverse nowrap;position:fixed;z-index:20;bottom:0;right:0;margin:0;padding:10px;font-size:.9em;pointer-events:none}.flash_msgs>li{width:250px;padding:10px;list-style-type:none;background-color:#000c;overflow:hidden;opacity:0;animation:fade 7s normal}.flash_msgs>li:not(:first-child){margin-bottom:10px}@keyframes fade{0%,100%{opacity:0}20%,80%{opacity:1}}h2{margin:0;margin-bottom:.5em}h3{margin:0;margin-bottom:.5em;font-size:1.3em}h4{margin:0;margin-bottom:.8em;margin-top:.4em}.comment-form{margin-left:10px;max-width:500px}.comment-form input:required{box-shadow:none}.editingable:not(.time-to-edit) .edit{display:none}.editingable.time-to-edit .notedit{display:none}input[type=text],input[type=password],textarea{background:#444a;border:1px solid #444;color:inherit;display:block;padding:.5em;margin:.3em 0}input[type=text],input[type=password]{width:100%}textarea{resize:vertical;width:100%}input[type=submit]{background:#444a;border:2px solid #666a;border-radius:4px;color:inherit;padding:.4em 1.8em}input[type=submit]:active{background:#000a;border:2px solid #444a}label{padding:.4em}.baseform input[type=text],.baseform input[type=password],.baseform textarea,.pageform input[type=text],.pageform input[type=password],.pageform textarea{width:100%}.baseform input[type=checkbox],.pageform input[type=checkbox]{margin:.5em}.baseform input[type=submit],.pageform input[type=submit]{margin:.2em 0}.baseform form>input,.baseform form>div,.pageform form>input,.pageform form>div{margin:.8em 0}.baseform div.row,.pageform div.row{padding:.2em;display:flex;align-items:center}.baseform div.row.stretch,.pageform div.row.stretch{justify-content:space-between}.baseform ul,.pageform ul{padding:0;margin:0}.baseform ul li,.pageform ul li{list-style-type:none}.pageform{padding:1em;width:300px;margin:0 auto}form .tag-input .tag-suggester,.tag-input form .tag-suggester{width:100%;position:relative}form .tag-input .tag-suggester>.suggest-dropdown,.tag-input form .tag-suggester>.suggest-dropdown{display:flex;align-items:start;width:100%;top:100%;position:absolute;z-index:10;overflow:auto;background-color:#2d2d2de0}form .tag-input .tag-suggester>.suggest-dropdown:not(:empty),.tag-input form .tag-suggester>.suggest-dropdown:not(:empty){padding:.2em}form .tag-input .tag-container,.tag-input form .tag-container{display:flex;flex-flow:row wrap}form .tag-input .tag-container:empty,.tag-input form .tag-container:empty{display:none}form .tag-input .tag-container>a,.tag-input form .tag-container>a{margin:.2em;padding:.35em .6em;border-radius:4px;background-color:#121212ff;cursor:pointer}form .tag-input .tag-container>a>*,.tag-input form .tag-container>a>*{pointer-events:none}form .tag-input .tag-container>a>.fa-tag,.tag-input form .tag-container>a>.fa-tag{font-size:.9em;margin-right:2px}form .tag-input .tag-container>a>.count,.tag-input form .tag-container>a>.count{font-size:.8em}form .tag-input .tag-container>a:not(:hover)>span.close,.tag-input form .tag-container>a:not(:hover)>span.close{display:none}form .tag-input .tag-container>a:not(:hover)>span.plus,.tag-input form .tag-container>a:not(:hover)>span.plus{display:none}form .tag-input .tag-container>a:hover>span.count,.tag-input form .tag-container>a:hover>span.count{display:none}form .tag-input .tag-container>a.tagselected,.tag-input form .tag-container>a.tagselected{background-color:#400808ff}form .tag-input .tag-container>a.tag_hide,.tag-input form .tag-container>a.tag_hide{display:none}header{display:flex;align-items:baseline;padding:0 10px;background-color:#222}header>a.logo{font-size:2em;margin:6px}@media(max-width:559px){header{position:relative}}header>nav{flex-grow:1;display:flex}header>nav>._overlay{display:none}@media(max-width:559px){header>nav{display:none}header>nav._drop{display:flex;flex-flow:column nowrap;position:absolute;margin:0;top:100%;left:0;right:0;z-index:10;background-color:#111d}header>nav>a,header>nav a#user-menu,header>nav .user_dropdown>a{padding:12px;padding-left:24px}header>nav>a:hover,header>nav>a:active,header>nav a#user-menu:hover,header>nav a#user-menu:active,header>nav .user_dropdown>a:hover,header>nav .user_dropdown>a:active{background-color:#333}header>nav .user::before{content:"";display:block;border-top:1px solid grey;margin:2px 12px}header>nav .user #user-menu{display:block}header>nav .user .user_dropdown{display:flex;flex-flow:column nowrap}header>nav>._overlay{display:block;position:fixed;width:100%;height:100%;z-index:-1;background-color:#0006}html.oh{overflow:hidden}}@media(min-width:560px){header>nav{margin:0 5px;align-items:center}header>nav>*{margin:0 5px;padding:6px 0}header>nav>.user{padding:0;margin-left:auto;margin-right:0;position:relative}header>nav>.user #user-menu{display:block;padding:6px 10px}header>nav>.user .user_dropdown{display:none}header>nav>.user .user_dropdown a{padding:10px}header>nav>.user .user_dropdown a:hover{background-color:#333}header>nav>.user:hover>.user_dropdown{display:flex;flex-flow:column nowrap;position:absolute;margin:0;top:100%;right:0;z-index:10;background-color:#111d}}header>#nav-menu{display:none}@media(max-width:559px){header>#nav-menu{display:block;margin:5px;margin-left:auto;padding:0 2px;align-self:center;font-size:2em;cursor:pointer}}.main-wrap{margin:0 auto;max-width:1300px;padding:8px;padding-top:0;padding-bottom:0}.main-wrap .important-subwrap{display:flex;overflow:visible}@media(max-width:899px){.main-wrap .important-subwrap{flex-flow:column nowrap}}@media(min-width:900px){.main-wrap .important-subwrap{flex-flow:row nowrap}}.main-wrap .important-subwrap>section.sidepanel{flex-shrink:0;padding:10px}@media(min-width:900px){.main-wrap .important-subwrap>section.sidepanel{width:18rem;height:0}}.main-wrap .important-subwrap>section.sidepanel article:not(:last-child){margin-bottom:10px}@media(max-width:899px){.main-wrap .important-subwrap>section.sidepanel article.tags .tag-container,.main-wrap .important-subwrap>section.sidepanel article.post-edit .tag-container{flex-flow:row wrap}}@media(min-width:900px){.main-wrap .important-subwrap>section.sidepanel article.tags .tag-container,.main-wrap .important-subwrap>section.sidepanel article.post-edit .tag-container{flex-flow:column nowrap;align-items:start}.main-wrap .important-subwrap>section.sidepanel article.tags .suggest-dropdown,.main-wrap .important-subwrap>section.sidepanel article.post-edit .suggest-dropdown{flex-flow:row wrap}.main-wrap .important-subwrap>section.sidepanel article.tags .suggest-dropdown a,.main-wrap .important-subwrap>section.sidepanel article.post-edit .suggest-dropdown a{width:100%}}.main-wrap .important-subwrap>section.sidepanel article.rating ul{padding:0}.main-wrap .important-subwrap>section.sidepanel article.rating ul li{list-style-type:none}.main-wrap .important-subwrap>section.sidepanel article.post-desc{display:flex;flex-flow:column nowrap;font-size:.9em}.main-wrap .important-subwrap>section.sidepanel article.post-desc>img{display:block;max-width:128px}@media(min-width:900px){.main-wrap .important-subwrap>section:not(.sidepanel){width:100%}}.main-wrap section.post-list{overflow:hidden}@media(max-width:559px){.main-wrap section.post-list{margin-left:-8px;margin-right:-8px}}.main-wrap section.post-list .posts{display:flex;flex-flow:row wrap}@media(max-width:899px){.main-wrap section.post-list .posts{margin-left:-8px;margin-right:-8px}}.main-wrap section.post-list .posts::after{content:"";flex:10000 0 350px}.main-wrap section.post-list .posts>figure{position:relative;margin:8px}.main-wrap section.post-list .posts>figure img{display:block;width:100%;height:100%;transition:.2s ease}.main-wrap section.post-list .posts>figure:hover img{opacity:.7}@media(min-width:900px){.main-wrap section.post-single{padding:8px}}@media(max-width:899px){.main-wrap section.post-single{order:-1;margin-bottom:8px}}@media(max-width:559px){.main-wrap section.post-single{margin-left:-8px;margin-right:-8px}}.main-wrap section.post-single img{display:block;max-width:100%}.main-wrap section.comments{padding:10px}@media(min-width:900px){.main-wrap section.comments{margin-left:18rem}}.main-wrap section.comments>.comment-container{padding:0 10px;max-width:500px}.main-wrap section.comments>.comment-container article.comment{overflow:hidden;margin-bottom:1em}.main-wrap section.comments>.comment-container article.comment p,.main-wrap section.comments>.comment-container article.comment textarea{margin:0}.main-wrap section.comments>.comment-container article.comment p.deleted,.main-wrap section.comments>.comment-container article.comment textarea.deleted{color:red}.main-wrap section.comments>.comment-container article.comment .comment-head{display:flex;justify-content:space-between}.main-wrap section.management-table table{margin:0 auto}.main-wrap section.management-table tr{background-color:#303030}.main-wrap section.management-table tr th,.main-wrap section.management-table tr td{padding:6px 10px}.main-wrap section.management-table tr th{background-color:#606060}.main-wrap section.management-table tr label>input{display:none}.main-wrap section.management-table tr .fa{padding:4px 4px;align-self:center;font-size:1.5em;cursor:pointer}@media(min-width:900px){.main-wrap section.manage-profile{margin-right:18rem}}.main-wrap .pagin{margin:10px 0;display:flex;flex-flow:row nowrap;justify-content:center}.main-wrap .pagin>a{display:block;background-color:#0005;padding:8px 12px;margin:0 2px}footer{padding:10px;text-align:center}*{box-sizing:border-box}body{margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif;background-color:#222;color:#fff}a{color:#bbb;text-decoration:none}a:hover{color:#909090;text-decoration:none}
\ No newline at end of file