Update simple.css

skeleton/css/simple.css

@@ -23,8 +23,8 @@
     --accent: #0D47A1;
     --accent-light: #90CAF9;
     --code: #D81B60;
-    --preformatted: #666;
-    --marked: #FDB833;
+    --preformatted: #444;
+    --marked: #FFDD33;
 }
 
 /* Dark theme */
@@ -38,9 +38,10 @@
         --accent: #FFB300;
         --accent-light: #FFECB3;
         --code: #F06292;
+        --preformatted: #CCC;
     }
 
-    img {
+    img, video {
         opacity: .6;
     }
 }
@@ -91,6 +92,11 @@ header p {
     margin: 0;
 }
 
+/* Fix header line height when title wraps */
+header h1 {
+    line-height: 1.1;
+}
+
 header select,
 header input,
 footer select,
@@ -138,7 +144,7 @@ footer {
 /* Reduces header padding on smaller screens */
 @media only screen and (max-width: 1200px) {
     header, footer {
-        padding: 1rem 1rem;
+        padding: 1rem;
     }
 
     nav {
@@ -212,8 +218,8 @@ input[type="button"][disabled] {
     cursor: not-allowed;
 }
 
+/* Set the cursor to '?' while hovering over an abbreviation */
 abbr {
-    /* Set the '?' cursor while hovering an abbreviation */
     cursor: help;
 }
 
@@ -324,6 +330,11 @@ input[type="checkbox"], input[type="radio"]{
     width: auto;
 }
 
+/* do not show border around file selector button */
+input[type="file"] {
+    border: 0;
+}
+
 /* Without this any HTML using <fieldset> shows ugly borders and has additional padding/margin. (Issue #3) */
 fieldset {
     border: 0;
@@ -345,9 +356,9 @@ mark {
     background: var(--marked);
 }
 
-main img {
+main img, main video {
     max-width: 100%;
-    border-radius: 8px;
+    border-radius: 5px;
 }
 
 figure {
@@ -380,7 +391,7 @@ code,
 pre,
 kbd,
 samp {
-    font-size: 1.0rem;
+    font-size: 1.075rem;
     font-family: var(--mono-font);
     color: var(--code);
 }
@@ -405,7 +416,7 @@ pre {
 
 /* Fix embedded code within pre */
 pre code {
-    color: var(--text);
+    color: var(--preformatted);
     background: none;
     margin: 0;
     padding: 0;
@@ -469,4 +480,4 @@ pre code {
 .pagination .disabled {
     border-color: #c0dbe0;
     color: #abcfd6;
-}
+}