Some markup optimizations has been made to both templates (the HTML5 <article> element is more correct for the purpose of an item list, because real lists should only be used if the order of the items would change the meaning. This is not the case, because each item is a self-contained area which has nothing to do with the other items).

8 files changed, 33 insertions, 38 deletions

diff --git a/template/admin/html/home.php b/template/admin/html/home.php
index 6ade82d..f8a45c5 100644
--- a/template/admin/html/home.php
+++ b/template/admin/html/home.php
@@ -4,9 +4,9 @@
 <h2><i class="fa fa-newspaper-o"></i><?=$Language->text('last_post')?></h2>
 <p><strong><?=$Language->text('posts')?>:</strong> <?=$COUNT['POST']?> | <a href="<?=Application::getAdminURL('post/')?>"><?=$Language->text('post_overview')?></a> | <a href="<?=Application::getAdminURL('post/insert.php')?>"><?=$Language->text('insert')?></a></p>
 <?php if(!empty($LAST['POST'])): ?>
-	<ul class="item-list">
+	<div class="item-container post">
 		<?=$LAST['POST']?>
-	</ul>
+	</div>
 <?php else: ?>
 	<p><em><?=$Language->text('home_no_posts')?></em></p>
 <?php endif; ?>
@@ -15,9 +15,9 @@
 <p><strong><?=$Language->text('pages')?>:</strong> <?=$COUNT['PAGE']?> | <a href="<?=Application::getAdminURL('page/')?>"><?=$Language->text('page_overview')?></a> | <a href="<?=Application::getAdminURL('page/insert.php')?>"><?=$Language->text('insert')?></a></p>
 
 <?php if(!empty($LAST['PAGE'])): ?>
-	<ul class="item-list">
+	<div class="item-container page">
 		<?=$LAST['PAGE']?>
-	</ul>
+	</div>
 <?php else: ?>
 	<p><em><?=$Language->text('home_no_pages')?></em></p>
 <?php endif; ?>
@@ -26,9 +26,9 @@
 <p><strong><?=$Language->text('users')?>:</strong> <?=$COUNT['USER']?> | <a href="<?=Application::getAdminURL('user/')?>"><?=$Language->text('user_overview')?></a> | <a href="<?=Application::getAdminURL('user/insert.php')?>"><?=$Language->text('insert')?></a></p>
 
 <?php if(!empty($LAST['USER'])): ?>
-	<ul class="item-list">
+	<div class="item-container user">
 		<?=$LAST['USER']?>
-	</ul>
+	</div>
 <?php else: ?>
 	<p><em><?=$Language->text('home_no_users')?></em></p>
 <?php endif; ?>
diff --git a/template/admin/html/page/index.php b/template/admin/html/page/index.php
index 0989796..dbd5144 100644
--- a/template/admin/html/page/index.php
+++ b/template/admin/html/page/index.php
@@ -1,10 +1,10 @@
 <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->text('overview_page_desc')?></p>
 
-<ul class="item-list page">
+<div class="item-container page">
 	<?php foreach($LIST['PAGES'] as $page): ?>
 		<?php echo $page; ?>
 	<?php endforeach; ?>
-</ul>
+</div>
 
 <?=$PAGINATION['HTML']?>
\ No newline at end of file
diff --git a/template/admin/html/page/item.php b/template/admin/html/page/item.php
index 4f0f884..156824b 100644
--- a/template/admin/html/page/item.php
+++ b/template/admin/html/page/item.php
@@ -1,4 +1,4 @@
-<li class="item-list-li page">
+<article class="item">
 	<header>
 		<h2><i class="fa fa-file-text-o"></i><?=escapeHTML($PAGE['ATTR']['NAME'])?><span>#<?=$PAGE['ATTR']['ID']?></span></h2>
 		<div>
@@ -25,4 +25,4 @@
 			<li><a href="<?=Application::getAdminURL("page/delete.php?id={$PAGE['ATTR']['ID']}")?>" title="<?=$Language->text('delete_page')?>"><i class="fa fa-trash-o"></i></a></li>
 		</ul>
 	</footer>
-</li>
\ No newline at end of file
+</article>
\ No newline at end of file
diff --git a/template/admin/html/post/index.php b/template/admin/html/post/index.php
index 124d39b..a78076e 100644
--- a/template/admin/html/post/index.php
+++ b/template/admin/html/post/index.php
@@ -1,10 +1,10 @@
 <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->text('overview_post_desc')?></p>
 
-<ul class="item-list post">
+<div class="item-container post">
 	<?php foreach($LIST['POSTS'] as $post): ?>
 		<?php echo $post; ?>
 	<?php endforeach; ?>
-</ul>
+</div>
 
 <?=$PAGINATION['HTML']?>
\ No newline at end of file
diff --git a/template/admin/html/post/item.php b/template/admin/html/post/item.php
index 19b81c1..6707e81 100644
--- a/template/admin/html/post/item.php
+++ b/template/admin/html/post/item.php
@@ -1,4 +1,4 @@
-<li class="item-list-li post">
+<article class="item">
 	<header>
 		<h2><i class="fa fa-newspaper-o"></i><?=escapeHTML($POST['ATTR']['NAME'])?><span>#<?=$POST['ATTR']['ID']?></span></h2>
 		<div>
@@ -25,4 +25,4 @@
 			<li><a href="<?=Application::getAdminURL("post/delete.php?id={$POST['ATTR']['ID']}")?>" title="<?=$Language->text('delete_post')?>"><i class="fa fa-trash-o"></i></a></li>
 		</ul>
 	</footer>
-</li>
\ No newline at end of file
+</article>
\ No newline at end of file
diff --git a/template/admin/html/user/index.php b/template/admin/html/user/index.php
index bc34402..b1b4463 100644
--- a/template/admin/html/user/index.php
+++ b/template/admin/html/user/index.php
@@ -1,10 +1,10 @@
 <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->text('overview_user_desc')?></p>
 
-<ul class="item-list user">
+<div class="item-container user">
 	<?php foreach($LIST['USERS'] as $user): ?>
 		<?php echo $user; ?>
 	<?php endforeach; ?>
-</ul>
+</div>
 
 <?=$PAGINATION['HTML']?>
\ No newline at end of file
diff --git a/template/admin/html/user/item.php b/template/admin/html/user/item.php
index 6cb9e7a..1575bf7 100644
--- a/template/admin/html/user/item.php
+++ b/template/admin/html/user/item.php
@@ -1,4 +1,4 @@
-<li class="item-list-li user">
+<article class="item">
 	<header>
 		<h2><i class="fa fa-user"></i><?=escapeHTML($USER['ATTR']['FULLNAME'])?><span>#<?=$USER['ATTR']['ID']?></span></h2>
 		<div>
@@ -24,4 +24,4 @@
 			<li><a href="<?=Application::getAdminURL("user/delete.php?id={$USER['ATTR']['ID']}")?>" title="<?=$Language->text('delete_user')?>"><i class="fa fa-trash-o"></i></a></li>
 		</ul>
 	</footer>
-</li>
\ No newline at end of file
+</article>
\ No newline at end of file
diff --git a/template/admin/rsrc/main.css b/template/admin/rsrc/main.css
index 7eca69c..5c07926 100644
--- a/template/admin/rsrc/main.css
+++ b/template/admin/rsrc/main.css
@@ -123,26 +123,21 @@ table,td{padding:0.5rem;border:0.05rem solid #AAA;}
 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,
-.item-list-li > footer{background:#EEE;overflow:hidden;}
-.item-list-li > blockquote{margin:0;padding:0.75rem;font-family:inherit;}
-.item-list-li > header{padding:0.5rem 0.75rem;border-bottom:0.05rem solid #AAA;position:sticky;top:0;}
-.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;}
+/* Item Element
+/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
+.item{display:block;border:0.05rem solid #AAA;margin-bottom:1rem;clear:both;}
+.item > header,
+.item > footer{background:#EEE;overflow:hidden;}
+.item > blockquote{margin:0;padding:0.75rem;font-family:inherit;}
+.item > header{padding:0.5rem 0.75rem;border-bottom:0.05rem solid #AAA;position:sticky;top:0;}
+.item > footer{border-top:0.05rem solid #AAA;}
+.item > footer > ul{margin:0;padding:0;list-style:none;}
+.item > footer > ul > li{display:inline-block;float:left;}
+.item > footer > ul > li:last-child{float:right;}
+.item > footer > ul > li > a{color:inherit;display:inline-block;padding:0.25rem 2rem;}
+.item > footer > ul > li > a:hover,
+.item > footer > ul > li > a:active{background:#DDD;}
+.item h2 > span{float:right;}
 
 /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
 /* Argument list