Do some minor optimizations on the admin theme

* Add noisy background images
* Rename SCSS/CSS file "main" to "bright"
* Remove uppercase text-transform for headings
* Replace hardcoded font sizes with SCSS variables
* Decrease font size for category link in post item template
* Move right-floated ID before the heading in the HTML markup to ensure
  it does not moves to the second line if the heading text is too wide.

1 files changed, 5 insertions, 5 deletions

diff --git a/theme/admin/rsrc/css/dark.css b/theme/admin/rsrc/css/dark.css
index ece8bba..d7ac53d 100644
--- a/theme/admin/rsrc/css/dark.css
+++ b/theme/admin/rsrc/css/dark.css
@@ -65,7 +65,6 @@ a:focus {
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
 h1, h2, h3 {
   margin-bottom: 0;
-  text-transform: uppercase;
 }
 h1 + p, h2 + p, h3 + p {
   margin-top: 0;
@@ -98,7 +97,7 @@ html, body {
 html {
   font-size: 1.25rem;
   color: #9DAAB7;
-  background: #4D535B;
+  background: url("../img/noise-dark.png") #3D434B;
   -webkit-hyphens: auto;
   word-break: break-word;
   hyphens: auto;
@@ -431,15 +430,16 @@ img {
   padding: 0;
   list-style: none;
 }
-.item-meta-right {
-  float: right;
-}
 .item-meta li {
   display: inline-block;
 }
 .item-meta li + li:before {
   content: " – ";
 }
+.item-meta li.item-meta-right {
+  float: right;
+  font-size: 0.6rem;
+}
 .item-meta li.item-meta-right:before {
   content: none;
 }