Some CSS fixes

templates/assets/css/styles.css

@@ -8,7 +8,6 @@ html {
   color: #000;
   scrollbar-color: var(--primary) transparent;
 }
-
 @media (prefers-color-scheme: dark) {
   html {
     --background: #000;
@@ -27,7 +26,6 @@ body {
   word-break: break-word;
   overflow-wrap: break-word;
 }
-
 body * {
   color: #000;
   color: var(--primary, #000);
@@ -37,7 +35,6 @@ body * {
 header {
   padding: 10px 0;
 }
-
 header * {
   margin-top: 0;
   margin-bottom: 0;
@@ -65,6 +62,10 @@ input, textarea, button, .button {
   font-size: 1rem;
 }
 
+input:not([type]), input[type=text], input[type=email], input[type=url], textarea {
+  margin-bottom: 5px;
+}
+
 blockquote {
   border-left: 5px solid #000;
   border-left: 5px solid var(--primary, #000);
@@ -90,7 +91,6 @@ code {
 footer {
   padding: 10px 0;
 }
-
 footer * {
   margin-top: 0;
   margin-bottom: 0;
@@ -127,7 +127,7 @@ footer * {
   display: none;
 }
 
-.fw, .fw-form, .fw-form input[type=text], .fw-form input[type=email], .fw-form textarea {
+.fw, .fw-form, .fw-form input:not([type]), .fw-form input[type=text], .fw-form input[type=email], .fw-form input[type=url], .fw-form textarea {
   width: 100%;
 }
 
@@ -135,14 +135,6 @@ footer * {
   text-align: center;
 }
 
-/* Twemoji */
-img.emoji {
-  height: 1em;
-  width: 1em;
-  margin: 0 0.05em 0 0.1em;
-  vertical-align: -0.1em;
-}
-
 /* Print */
 @media print {
   html {
@@ -157,9 +149,9 @@ img.emoji {
   }
 
   nav,
-  #post-actions,
+#post-actions,
-  #related,
+#related,
-  #interactions {
+#interactions {
     display: none;
   }
 }

templates/assets/css/styles.scss

@@ -85,10 +85,14 @@ input, textarea, button, .button {
   font-size: 1rem;
 }
 
+input:not([type]), input[type="text"], input[type="email"], input[type="url"], textarea {
+  margin-bottom: 5px;
+}
+
 .fw-form {
   @extend .fw;
 
-  input[type="text"], input[type="email"], textarea {
+  input:not([type]), input[type="text"], input[type="email"], input[type="url"], textarea {
     @extend .fw;
   }
 }
@@ -159,14 +163,6 @@ footer {
   text-align: center;
 }
 
-/* Twemoji */
-img.emoji {
-  height: 1em;
-  width: 1em;
-  margin: 0 .05em 0 .1em;
-  vertical-align: -0.1em;
-}
-
 /* Print */
 @media print {
   html {

templates/editor.gohtml

@@ -8,7 +8,7 @@
     <h2>{{ string .Blog.Lang "create" }}</h2>
     <form class="fw-form p" method="post">
       <input type="hidden" name="h" value="entry">
-      <textarea class="fw" name="content"></textarea>
+      <textarea name="content"></textarea>
       <input class="fw" type="submit" value="{{ string .Blog.Lang "create" }}">
     </form>
     <h2>{{ string .Blog.Lang "update" }}</h2>
@@ -16,17 +16,17 @@
       {{ if .Data.UpdatePostURL }}
         <input type="hidden" name="editoraction" value="updatepost">
         <input type="hidden" name="url" value="{{ .Data.UpdatePostURL }}">
-        <textarea class="fw" name="content">{{ .Data.UpdatePostContent }}</textarea>
+        <textarea name="content">{{ .Data.UpdatePostContent }}</textarea>
       {{ else }}
         <input type="hidden" name="editoraction" value="loadupdate">
-        <input class="fw" type="text" style="margin-bottom: 5px" name="url" placeholder="URL">
+        <input type="url" name="url" placeholder="URL">
       {{ end }}
       <input class="fw" type="submit" value="{{ string .Blog.Lang "update" }}">
     </form>
     <h2>{{ string .Blog.Lang "delete" }}</h2>
     <form class="fw-form p" method="post">
       <input type="hidden" name="action" value="delete">
-      <input class="fw" type="text" style="margin-bottom: 5px" name="url" placeholder="URL">
+      <input type="url" name="url" placeholder="URL">
       <input class="fw" type="submit" value="{{ string .Blog.Lang "delete" }}">
     </form>
   </main>

templates/interactions.gohtml

@@ -18,9 +18,9 @@
         {{ end }}
         <form method="post" action="/webmention">
             <label for="wm-source" class="p">{{ string .Blog.Lang "interactionslabel" }}</label>
-            <input id="wm-source" class="fw" type="url" name="source" placeholder="URL" style="margin-bottom: 5px;">
+            <input id="wm-source" type="url" name="source" placeholder="URL">
             <input type="hidden" name="target" value="{{ $postperma }}">
-            <input class="fw" type="submit" value="{{ string .Blog.Lang "send" }}" style="margin-bottom: 5px;">
+            <input class="fw" type="submit" value="{{ string .Blog.Lang "send" }}">
         </form>
         <a class="p button fw ct" href="https://quill.p3k.io/?dontask=1&me=https://commentpara.de&reply={{ $postperma }}">{{ string .Blog.Lang "anoncomment" }}</a>
     </details>

templates/search.gohtml

@@ -10,7 +10,7 @@
       <hr>
     {{ end }}
     <form class="fw-form p" method="post">
-      <input class="fw" type="text" style="margin-bottom: 5px" name="q" {{ with .Blog.Search.Placeholder }}placeholder="{{ . }}"{{ end }} />
+      <input type="text" name="q" {{ with .Blog.Search.Placeholder }}placeholder="{{ . }}"{{ end }}>
       <input class="fw" type="submit" value="🔍 {{ string .Blog.Lang "search" }}">
     </form>
   </main>