[CSS] Further styling optimizations, compacting common rules. Removed select dropdown images, since they are no longer required

public/assets/default_theme/css/reset.css

@@ -2,38 +2,44 @@
     box-sizing: border-box !important;
     max-width: 100%;
 }
+
 body,
 html {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     background-color: var(--background-hard);
     background-attachment: fixed;
-    font-family: 'Open Sans',sans-serif;
+    font-family: 'Open Sans', sans-serif;
     font-size: var(--unit);
     display: flex;
     flex-direction: column;
 }
+
 body,
 input,
 select,
 textarea {
     color: var(--foreground);
 }
+
 :link,
 :visited {
     text-decoration: none;
     color: currentColor;
 }
+
 hr {
     all: unset;
     display: block;
     height: 1px;
     background-color: var(--border) !important;
 }
+
 ol,
 ul {
     list-style: none;
 }
+
 blockquote,
 body,
 fieldset,
@@ -46,46 +52,59 @@ textarea {
     padding: 0;
     border: 0;
 }
+
 fieldset {
     all: unset;
 }
+
 :link img,
 :visited img,
 a img {
     border: 0;
 }
+
 address {
     font-style: normal;
 }
+
 :focus {
     outline: 0;
 }
+
 ::-moz-focus-inner {
     border: 0;
 }
+
 details summary {
     cursor: pointer !important;
 }
+
 details summary > * {
     margin: unset;
     padding: unset;
 }
+
 details > summary {
     list-style: none;
 }
+
 details > summary::-webkit-details-marker {
     display: none;
 }
+
 @supports not(-ms-ime-align:auto) {
     details summary {
         cursor: pointer;
     }
 }
+
 [hidden] {
     display: none;
 }
 
-html {font-size: 100%;} /*16px*/
+html {
+    font-size: 100%;
+}
 
 body {
     font-family: 'Open Sans', sans-serif;
@@ -95,17 +114,28 @@ body {
 
 p {
     all: unset;
-    font-family: 'Open Sans',sans-serif;
+    font-family: 'Open Sans', sans-serif;
     margin-bottom: 1rem;
 }
 
-h1, h2, h3, h4, h5, legend {
+h1,
+h2,
+h3,
+h4,
+h5,
+legend {
     margin: 3rem 0 1.38rem;
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
     line-height: 1.3;
 }
-h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, legend:first-child {
+
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child,
+legend:first-child {
     margin-top: initial;
 }
 
@@ -114,44 +144,57 @@ h1 {
     font-size: 1.383rem;
 }
 
-h2 {font-size: 1.296rem;}
+h2 {
+    font-size: 1.296rem;
+}
 
-h3 {font-size: 1.215rem;}
+h3 {
+    font-size: 1.215rem;
+}
 
-h4 {font-size: 1.138rem;}
+h4 {
+    font-size: 1.138rem;
+}
 
-h5 {font-size: 1.067rem;}
+h5 {
+    font-size: 1.067rem;
+}
 
 legend {
     font-size: 1.296em;
 }
 
-small, .text_small {
+.text_small,
-    font-family: 'Open Sans',sans-serif;
+small {
+    font-family: 'Open Sans', sans-serif;
     font-size: 0.937rem;
 }
 
 input[type=password],
 input[type=text],
 textarea {
-    font-family: 'Open Sans',sans-serif;
+    font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     padding: 4px 6px;
 }
+
 ul {
     text-decoration: none;
     margin: 0;
     padding: 0;
     list-style: none;
 }
+
 li {
     margin: 0;
     padding: 0;
 }
+
 a:focus,
 a:hover {
     text-decoration: underline;
 }
+
 *:focus-visible {
     box-shadow: var(--shadow-inset-accent);
 }

public/assets/default_theme/css/widgets/sections.css

@@ -42,18 +42,18 @@
     opacity: 0.66;
 }
 
-.profile-stats-subscriptions,
+.profile-stats-subscribers,
-.profile-stats-subscribers {
+.profile-stats-subscriptions {
     display: block;
 }
 
-.profile-stats-subscriptions strong,
+.profile-stats-subscribers strong,
-.profile-stats-subscribers strong {
+.profile-stats-subscriptions strong {
     margin-right: 4px;
 }
 
-.profile-info-url,
+.profile-bio,
-.profile-bio {
+.profile-info-url {
     word-break: break-all;
 }
 
@@ -62,8 +62,7 @@
 }
 
 .profile-tags {
-    margin: unset;
+    margin: 4px unset unset;
-    margin-top: 4px;
 }
 
 .button-container {
@@ -180,26 +179,27 @@
     border: 2px solid var(--border);
 }
 
-.section-widget-title-details summary,
+.section-widget-subtitle-details summary,
-.section-widget-subtitle-details summary {
+.section-widget-title-details summary {
     display: inline-block;
     width: 100%;
     border-radius: var(--s);
     background: var(--gradient);
 }
-.section-widget-title-details summary > *,
+
-.section-widget-subtitle-details summary > * {
+.section-widget-subtitle-details summary > *,
+.section-widget-title-details summary > * {
     display: inline-block;
     vertical-align: baseline;
 }
 
-.section-widget-title-details summary > *:last-child,
+.section-widget-subtitle-details summary > *:last-child,
-.section-widget-subtitle-details summary > *:last-child {
+.section-widget-title-details summary > *:last-child {
     margin-right: 4px;
 }
 
-.section-widget-title-details summary:after,
+.section-widget-subtitle-details summary:after,
-.section-widget-subtitle-details summary:after {
+.section-widget-title-details summary:after {
     content: "\2193";
     float: right;
 }
@@ -272,10 +272,10 @@ textarea.form-row-widget {
     resize: vertical;
 }
 
-.form-row-widget-error,
-.form-error,
 .alert,
-.alert-danger {
+.alert-danger,
+.form-error,
+.form-row-widget-error {
     display: inline-block;
     font-style: italic;
     border: solid 2px #ff6347;