HTML and CSS markup optimizations for admin template.

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