HTML and CSS markup optimizations for admin template.

1 files changed, 30 insertions, 33 deletions

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