summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorThomas Lange <code@nerdmind.de>2017-04-11 04:02:47 +0200
committerThomas Lange <code@nerdmind.de>2017-04-11 04:02:47 +0200
commit170422f25f3e5f29e311b18cbe0adb253d4b1b01 (patch)
tree39a876fb45766bc7d8f137844cdd6f3a22e94f43
parent7850914276a90680fbb10404196132c8a843fa89 (diff)
downloadblog-170422f25f3e5f29e311b18cbe0adb253d4b1b01.tar.gz
blog-170422f25f3e5f29e311b18cbe0adb253d4b1b01.tar.xz
blog-170422f25f3e5f29e311b18cbe0adb253d4b1b01.zip
HTML and CSS markup optimizations for admin template.
-rw-r--r--template/admin/html/page/index.php2
-rw-r--r--template/admin/html/page/item.php6
-rw-r--r--template/admin/html/post/index.php2
-rw-r--r--template/admin/html/post/item.php6
-rw-r--r--template/admin/html/user/index.php2
-rw-r--r--template/admin/html/user/item.php6
-rw-r--r--template/admin/rsrc/main.css63
7 files changed, 42 insertions, 45 deletions
diff --git a/template/admin/html/page/index.php b/template/admin/html/page/index.php
index 4d090ca..8fff434 100644
--- a/template/admin/html/page/index.php
+++ b/template/admin/html/page/index.php
@@ -1,7 +1,7 @@
<h1><i class="fa fa-file-text-o"></i><?=$Language->text('page_overview')?><a class="brackets" href="<?=Application::getAdminURL("page/insert.php")?>"><?=$Language->text('insert')?></a></h1>
<p><?=$Language->template('overview_page_desc')?></p>
-<ul class="item-list">
+<ul class="item-list page">
<?php foreach($LIST['PAGES'] as $page): ?>
<?php echo $page; ?>
<?php endforeach; ?>
diff --git a/template/admin/html/page/item.php b/template/admin/html/page/item.php
index e1e67b7..584a539 100644
--- a/template/admin/html/page/item.php
+++ b/template/admin/html/page/item.php
@@ -1,11 +1,11 @@
-<li class="content">
+<li class="item-list-li page">
<header>
<h2><i class="fa fa-file-text-o"></i><?=escapeHTML($PAGE['ATTR']['NAME'])?><span>#<?=$PAGE['ID']?></span></h2>
<div><a class="brackets" href="<?=Application::getAdminURL("user/update.php?id={$USER['ID']}")?>"><?=escapeHTML($USER['ATTR']['FULLNAME'])?></a></div>
</header>
- <article>
+ <blockquote cite="<?=$PAGE['URL']?>">
<p><?=excerpt($PAGE['BODY']['HTML'])?></p>
- </article>
+ </blockquote>
<footer>
<ul>
<li><a href="<?=$PAGE['URL']?>" target="_blank" title="<?=$Language->text('select_page')?>"><i class="fa fa-external-link"></i></a></li>
diff --git a/template/admin/html/post/index.php b/template/admin/html/post/index.php
index 481cafe..c997955 100644
--- a/template/admin/html/post/index.php
+++ b/template/admin/html/post/index.php
@@ -1,7 +1,7 @@
<h1><i class="fa fa-newspaper-o"></i><?=$Language->text('post_overview')?><a class="brackets" href="<?=Application::getAdminURL("post/insert.php")?>"><?=$Language->text('insert')?></a></h1>
<p><?=$Language->template('overview_post_desc')?></p>
-<ul class="item-list">
+<ul class="item-list post">
<?php foreach($LIST['POSTS'] as $post): ?>
<?php echo $post; ?>
<?php endforeach; ?>
diff --git a/template/admin/html/post/item.php b/template/admin/html/post/item.php
index 1b942bd..1808a6b 100644
--- a/template/admin/html/post/item.php
+++ b/template/admin/html/post/item.php
@@ -1,11 +1,11 @@
-<li class="content">
+<li class="item-list-li post">
<header>
<h2><i class="fa fa-newspaper-o"></i><?=escapeHTML($POST['ATTR']['NAME'])?><span>#<?=$POST['ID']?></span></h2>
<div><a class="brackets" href="<?=Application::getAdminURL("user/update.php?id={$USER['ID']}")?>"><?=escapeHTML($USER['ATTR']['FULLNAME'])?></a></div>
</header>
- <article>
+ <blockquote cite="<?=$POST['URL']?>">
<p><?=excerpt($POST['BODY']['HTML'])?></p>
- </article>
+ </blockquote>
<footer>
<ul>
<li><a href="<?=$POST['URL']?>" target="_blank" title="<?=$Language->text('select_post')?>"><i class="fa fa-external-link"></i></a></li>
diff --git a/template/admin/html/user/index.php b/template/admin/html/user/index.php
index 6b23536..cbeea9b 100644
--- a/template/admin/html/user/index.php
+++ b/template/admin/html/user/index.php
@@ -1,7 +1,7 @@
<h1><i class="fa fa-user"></i><?=$Language->text('user_overview')?><a class="brackets" href="<?=Application::getAdminURL("user/insert.php")?>"><?=$Language->text('insert')?></a></h1>
<p><?=$Language->template('overview_user_desc')?></p>
-<ul class="item-list">
+<ul class="item-list user">
<?php foreach($LIST['USERS'] as $user): ?>
<?php echo $user; ?>
<?php endforeach; ?>
diff --git a/template/admin/html/user/item.php b/template/admin/html/user/item.php
index df8e5b1..8f0cba1 100644
--- a/template/admin/html/user/item.php
+++ b/template/admin/html/user/item.php
@@ -1,10 +1,10 @@
-<li class="content">
+<li class="item-list-li user">
<header>
<h2><i class="fa fa-user"></i><?=escapeHTML($USER['ATTR']['FULLNAME'])?><span>#<?=$USER['ID']?></span></h2>
</header>
- <article>
+ <blockquote cite="<?=$USER['URL']?>">
<p><?=excerpt($USER['BODY']['HTML'])?></p>
- </article>
+ </blockquote>
<footer>
<ul>
<li><a href="<?=$USER['URL']?>" target="_blank" title="<?=$Language->text('select_user')?>"><i class="fa fa-external-link"></i></a></li>
diff --git a/template/admin/rsrc/main.css b/template/admin/rsrc/main.css
index 82dc94f..cd2493e 100644
--- a/template/admin/rsrc/main.css
+++ b/template/admin/rsrc/main.css
@@ -59,6 +59,11 @@ body{font-family:Ruda,sans-serif;font-size:0.7rem;line-height:1.2rem;}
.header-line:last-child{background:#EEE;border:0.05rem solid #AAA;border-left:none;border-right:none;padding:0.25rem 1rem;}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
+/* Footer
+/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
+#main-footer{font-size:0.6rem;background:#EEE;border-top:0.05rem solid #AAA;padding:0.75rem;text-align:center;}
+
+/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Main Navigation
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#main-navi ul{list-style:none;margin:0;padding:0;float:left;}
@@ -70,37 +75,6 @@ body{font-family:Ruda,sans-serif;font-size:0.7rem;line-height:1.2rem;}
#main-navi a:focus{background:#CCC;}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
-/* Footer
-/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
-#main-footer{font-size:0.6rem;background:#EEE;border-top:0.05rem solid #AAA;padding:0.75rem;text-align:center;}
-
-/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
-/* Content containers
-/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
-.content{border:0.05rem solid #AAA;margin-bottom:1rem;clear:both;}
-.content{background:#FFF;border:0.05rem solid #AAA;}
-
-.content > header{padding:0.5rem 1rem;}
-
-.content > header,
-.content > footer{background:#EEE;overflow:hidden;}
-
-.content > article{padding:1rem;}
-.content > header{border-bottom:0.05rem solid #AAA;}
-.content > footer{border-top:0.05rem solid #AAA;}
-.content > footer > ul{margin:0;padding:0;list-style:none;}
-.content > footer > ul > li{display:inline-block;float:left;}
-.content > footer > ul > li:last-child{float:right;}
-.content > footer > ul > li > a{color:inherit;display:inline-block;padding:0.25rem 2rem;}
-.content > footer > ul > li > a:hover,
-.content > footer > ul > li > a:active{background:#DDD;}
-
-.content h2 > span{float:right;}
-
-.item-list{margin:0;padding:0;list-style:none;}
-.item-list > li{display:block;}
-
-/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Site Navigation
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#site-navi{clear:both;display:flex;box-sizing:border-box;justify-content:space-between;}
@@ -144,11 +118,34 @@ thead > tr > td, th > td{text-align:center;}
/* Brackets
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.brackets a,a.brackets{text-decoration:none;}
-.brackets:after{content:"]"}
-.brackets:before{content:"["}
+.brackets:after{content:"]";}
+.brackets:before{content:"[";}
a.brackets:before,a.brackets:after{color:#222;}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
+/* Item List <ul>
+/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
+.item-list{list-style:none;margin:0;padding:0;}
+
+/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
+/* Item List <li>
+/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
+.item-list-li{display:block;border:0.05rem solid #AAA;margin-bottom:1rem;clear:both;}
+.item-list-li > header{padding:0.5rem 1rem;}
+.item-list-li > header,
+.item-list-li > footer{background:#EEE;overflow:hidden;}
+.item-list-li > blockquote{margin:0;padding:1rem;font-family:inherit;}
+.item-list-li > header{border-bottom:0.05rem solid #AAA;}
+.item-list-li > footer{border-top:0.05rem solid #AAA;}
+.item-list-li > footer > ul{margin:0;padding:0;list-style:none;}
+.item-list-li > footer > ul > li{display:inline-block;float:left;}
+.item-list-li > footer > ul > li:last-child{float:right;}
+.item-list-li > footer > ul > li > a{color:inherit;display:inline-block;padding:0.25rem 2rem;}
+.item-list-li > footer > ul > li > a:hover,
+.item-list-li > footer > ul > li > a:active{background:#DDD;}
+.item-list-li h2 > span{float:right;}
+
+/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Form flex-box
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
form{border:0.05rem solid #AAA;}