+++ /dev/null
-/*
- Array
-*/
-._test {
- border: solid 1px red;
-}
-
-ul._test {
- clear: both;
- padding: 0.5em;
- display: table;
-}
-
-ul._test li {
- clear: both;
- border: solid 1px yellow;
-}
-
-/*
- Hash
-*/
-dl._test {
- border: solid 1px blue;
- display: block;
-}
-dl._test dt,
-dl._test dd {
- display: inline;
- vertical-align: top;
- margin: 0;
- padding: 0;
-}
-dl._test dt {
- width: 10%;
-}
-/*
-dl._test {
- border: solid 1px blue;
- margin: 0.5em;
- display: inline-block;
-}
-dl._test dt,
-dl._test dd {
- float: left;
- margin: 0;
- padding: 0;
-}
-
-dl._test dt {
- clear: left;
- margin-right: 0.1em;
- min-width: 10%;
- display: inline-block;
-}
-dl._test dd {
-}
-*/
-dl._test dt:after { content: ":"; }
+++ /dev/null
-* {
- margin: 0;
- padding: 0;
-}
-
-html {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-*, *:before, *:after {
- -webkit-box-sizing: inherit;
- -moz-box-sizing: inherit;
- box-sizing: inherit;
-}
if ($opt['is_html']) {
echo ''
.'<div class="bottom my-2">'
- .'<nav class="pagination mx-auto">'
+ .'<nav class="pagination">'
.$this->nav($opt['count'],$opt['tot'],$opt['limit'])
.'</nav>'.NB_EOL
.'</div>'.NB_EOL
$buttons = '<span class="btn-group btn-group-sm"><input type="submit" class="button button-small btn btn-primary" value="Go"/></span>';
if (!empty($opt['buttons'])) $buttons = $opt['buttons'];
- $r = '<form class="menu db-menu card d-table list-group-item form-inline" id="db-table-html-menu-form" method="get" action="'.$this->request_uri().'">'.NB_EOL;
+ $r = '<form id="db-menu-form" class="menu card d-table list-group-item form-inline" method="get" action="'.$this->request_uri().'">'.NB_EOL;
# See: http://html5doctor.com/html5-forms-input-types/
#$r .= '<input id="skill" type="range" min="1" max="100" value="0" />';
if (self::is('html')) {
self::tag_end();
- echo '</body>' . NB_EOL;
- echo '</html>' . NB_EOL;
+ echo ''
+ . '</body>' . NB_EOL
+ . '</html>' . NB_EOL
+ ;
}
}
if ($this->base) $this->page->head[] = '<base href="' . $this->base . '/" />';
$this->page->begin();
+ echo '<div id="page-body" class="container">';
} # if (empty($this->_nopage)) {
$this->page_bottom();
+ echo '</div>';
$this->page->end();
}
*/
margin-top: 0.25rem;
}
+
+/* Center */
+#db-menu-form,
+.pagination,
+.CENTER {
+ margin-left: auto;
+ margin-right: auto;
+ width: auto;
+ display: table;
+}
+.pagination * {
+ display: inline-block
+}
a.onclick = function() {
var forms = document.querySelectorAll("form.rm");
- var elem = document.querySelector(".db-rows") ? document.querySelector(".db-rows") : '';
- elem.className = 'loader';
+ // NB 30.09.18: Disable
+// NB 30.09.18 var elem = document.querySelector(".db-rows") ? document.querySelector(".db-rows") : '';
+// NB 30.09.18 elem.className = 'loader';
for (j = 0; j < forms.length; ++j) {
-@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loader{border:16px solid #fff;border-radius:50%;border-top:16px solid #000;padding:0;margin:0 auto 0 auto;width:8em;height:8em;animation:spin 2s linear infinite;display:block}body.loader{margin-top:8em}.loader *{display:none!important}body{font-size:.9rem;line-height:1.2}h1{margin:0 0 .2em 0;font-size:140%;padding-bottom:.3em;margin-bottom:.5em;padding:.3em;background-color:var(--dark)}h1,h1 a,h1 a:hover{color:var(--light)}.menu *{font-size:95%}.menu .form-control{max-width:5rem;height:1.7rem;padding-top:0;padding-bottom:0}.edit .form-control+.media{margin-top:.25rem}
+@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loader{border:16px solid #fff;border-radius:50%;border-top:16px solid #000;padding:0;margin:0 auto 0 auto;width:8em;height:8em;animation:spin 2s linear infinite;display:block}body.loader{margin-top:8em}.loader *{display:none!important}body{font-size:.9rem;line-height:1.2}h1{margin:0 0 .2em 0;font-size:140%;padding-bottom:.3em;margin-bottom:.5em;padding:.3em;background-color:var(--dark)}h1,h1 a,h1 a:hover{color:var(--light)}.menu *{font-size:95%}.menu .form-control{max-width:5rem;height:1.7rem;padding-top:0;padding-bottom:0}.edit .form-control+.media{margin-top:.25rem}#db-menu-form,.CENTER,.pagination{margin-left:auto;margin-right:auto;width:auto;display:table}.pagination *{display:inline-block}