From a301036014f0fa8dfcb37326baccdc3ff877ff06 Mon Sep 17 00:00:00 2001
From: Tony Grosinger <tony@grosinger.net>
Date: Sat, 2 Mar 2024 16:13:01 -0800
Subject: [PATCH] NFC: Formatting

---
 common/common.scss | 779 ++++++++++++++++++++++++---------------------
 1 file changed, 414 insertions(+), 365 deletions(-)

diff --git a/common/common.scss b/common/common.scss
index 9244052..8960e41 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -5,6 +5,7 @@
 
 html.anon {
     body:not(.category-resources) {
+
         // Display this message on all pages except in Community Resources
         #login-message {
             text-align: center;
@@ -45,141 +46,157 @@ html.anon {
 
 // custom search banner customizations
 .custom-search-banner-wrap {
-  margin: 0 auto !important;
-  max-width: unset;
-  color: var(--secondary);
-  h1 {
-    font-size: 4em;
-  }
-  p {
-    font-size: 1.25em !important;
-    font-weight: bold;
-    margin-bottom: 1em;
-  }
-  .btn {
-    height: 100%;
-  }
-  .search-menu input[type="text"] {
-    border: 1px solid transparent;
-    border-radius: 0.25em;
-    min-height: 40px;
-    &:focus {
-      outline: 3px solid rgba(var(--primary-rgb), 0.35);
+    margin: 0 auto !important;
+    max-width: unset;
+    color: var(--secondary);
+
+    h1 {
+        font-size: 4em;
     }
-  }
-  .widget-link.show-help {
-    color: rgba(var(--primary-rgb), 0.75);
-    border-radius: 0.5em;
-    padding: 0.5em;
-    background-color: rgba(var(--secondary-rgb), 0.25);
-    &:hover {
-      color: var(--primary);
+
+    p {
+        font-size: 1.25em !important;
+        font-weight: bold;
+        margin-bottom: 1em;
+    }
+
+    .btn {
+        height: 100%;
+    }
+
+    .search-menu input[type="text"] {
+        border: 1px solid transparent;
+        border-radius: 0.25em;
+        min-height: 40px;
+
+        &:focus {
+            outline: 3px solid rgba(var(--primary-rgb), 0.35);
+        }
+    }
+
+    .widget-link.show-help {
+        color: rgba(var(--primary-rgb), 0.75);
+        border-radius: 0.5em;
+        padding: 0.5em;
+        background-color: rgba(var(--secondary-rgb), 0.25);
+
+        &:hover {
+            color: var(--primary);
+        }
+    }
+
+    .search-menu .search-input {
+        border-color: var(--tertiary-hover);
+        outline: 1px solid var(--tertiary-hover);
+    }
+
+    .results {
+        top: 43px;
+        border-radius: 0.25em;
+    }
+
+    .search-context {
+        top: 3.25em;
+        right: 1em;
     }
-  }
-  .search-menu .search-input {
-    border-color: var(--tertiary-hover);
-    outline: 1px solid var(--tertiary-hover);
-  }
-  .results {
-    top: 43px;
-    border-radius: 0.25em;
-  }
-  .search-context {
-    top: 3.25em;
-    right: 1em;
-  }
 }
 
 .search-input {
-  border-radius: 0.25em;
+    border-radius: 0.25em;
 }
 
 .display-search-banner {
-  #main-outlet {
-    padding-top: 2em;
-  }
+    #main-outlet {
+        padding-top: 2em;
+    }
 }
 
 // Ideally the search banner component should be set to use the below-site-header outlet,
 // but this ensures the default works too
 .above-main-container-outlet.search-banner {
-  .custom-search-banner-wrap {
-    padding: 1em 0 2em;
-    color: var(--tertiary);
-    .mobile-view & {
-      color: var(--secondary);
+    .custom-search-banner-wrap {
+        padding: 1em 0 2em;
+        color: var(--tertiary);
+
+        .mobile-view & {
+            color: var(--secondary);
+        }
+
+        h1 {
+            margin-bottom: 0;
+        }
+
+        .search-widget {
+            margin-top: 2em;
+        }
     }
-    h1 {
-      margin-bottom: 0;
-    }
-    .search-widget {
-      margin-top: 2em;
-    }
-  }
 }
 
 // Main customizations
 .alert {
-  margin: 1em 0;
+    margin: 1em 0;
 }
 
 .topic-list .topic-list-header .topic-list-data,
 .topic-list .topic-list-item .topic-list-data {
-  padding: 15px 5px;
+    padding: 15px 5px;
 }
 
 .navigation-topics .topic-list .topic-list-body .topic-list-data,
 .navigation-topics .topic-list .topic-list-header .topic-list-data {
-  flex: unset;
+    flex: unset;
 }
 
 .badge-wrapper.box {
-  border-radius: 0.25em;
-  overflow: hidden;
+    border-radius: 0.25em;
+    overflow: hidden;
 }
 
 .badge-wrapper.bullet {
-  .badge-category-bg {
-    border-radius: 0.125em;
-  }
-  .badge-category-parent-bg {
-    border-top-left-radius: 0.125em;
-    border-bottom-left-radius: 0.125em;
-    + .badge-category-bg {
-      border-top-left-radius: 0px;
-      border-bottom-left-radius: 0px;
-      border-top-right-radius: 0.125em;
-      border-bottom-right-radius: 0.125em;
+    .badge-category-bg {
+        border-radius: 0.125em;
+    }
+
+    .badge-category-parent-bg {
+        border-top-left-radius: 0.125em;
+        border-bottom-left-radius: 0.125em;
+
+        +.badge-category-bg {
+            border-top-left-radius: 0px;
+            border-bottom-left-radius: 0px;
+            border-top-right-radius: 0.125em;
+            border-bottom-right-radius: 0.125em;
+        }
     }
-  }
 }
 
 .discourse-tags {
-  gap: 0.5em;
+    gap: 0.5em;
 }
 
 .discourse-tag {
-  font-size: $font-down-1;
-  border-radius: 0.25em;
-  padding: 0.15em 0.25em 0.15em 0.35em;
-  background-color: var(--primary-low);
-  color: var(--primary) !important;
-  &:hover {
-    background-color: var(--primary-low-mid);
-    color: var(--primary);
-  }
+    font-size: $font-down-1;
+    border-radius: 0.25em;
+    padding: 0.15em 0.25em 0.15em 0.35em;
+    background-color: var(--primary-low);
+    color: var(--primary) !important;
+
+    &:hover {
+        background-color: var(--primary-low-mid);
+        color: var(--primary);
+    }
 }
 
 .discourse-tags .discourse-tag.simple:not(:last-child)::after,
 .list-tags .discourse-tag.simple:not(:last-child)::after,
 .search-category .discourse-tag.simple:not(:last-child)::after {
-  content: "";
-  margin-left: unset;
+    content: "";
+    margin-left: unset;
 }
 
 .topic-list .link-bottom-line .discourse-tag.simple:after,
 .topic-list .link-bottom-line .discourse-tag.box {
-  margin-right: 0px;
+    margin-right: 0px;
 }
 
 .custom-category-boxes {
@@ -191,16 +208,17 @@ html.anon {
 
 
 #site-text-logo {
-  color: var(--primary);
+    color: var(--primary);
 }
 
 .mobile-view {
-  .cm-header-links {
-    display: none;
-  }
-  .list-controls .nav-pills .drop li:first-of-type {
-    display: none;
-  }
+    .cm-header-links {
+        display: none;
+    }
+
+    .list-controls .nav-pills .drop li:first-of-type {
+        display: none;
+    }
 }
 
 input[type="text"],
@@ -220,129 +238,135 @@ input[type="color"],
 .select-kit.combo-box .select-kit-header,
 .d-editor-textarea-wrapper,
 div.ac-wrap {
-  border-radius: 4px;
+    border-radius: 4px;
 }
+
 .d-header {
-  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
 }
 
 .d-header-icons .d-icon {
-  border-radius: 100px;
+    border-radius: 100px;
 }
 
 .d-header-icons .icon {
-  border-radius: 0.25em;
-  margin-left: 0.3em;
-  border: 1px solid transparent;
-  svg {
-    font-size: 1.25em;
-  }
+    border-radius: 0.25em;
+    margin-left: 0.3em;
+    border: 1px solid transparent;
+
+    svg {
+        font-size: 1.25em;
+    }
 }
 
 .d-header-icons .icon img.avatar {
-  border-radius: 0.25em;
+    border-radius: 0.25em;
 }
 
 .menu-panel.drop-down {
-  margin-top: 1em;
-  border-radius: 0.5em;
-  border: 1px solid var(--primary-low-mid);
+    margin-top: 1em;
+    border-radius: 0.5em;
+    border: 1px solid var(--primary-low-mid);
 }
 
 .drop-down-mode .d-header-icons .active .icon {
-  border: 1px solid transparent;
-  .d-icon {
-    color: var(--tertiary);
-  }
+    border: 1px solid transparent;
+
+    .d-icon {
+        color: var(--tertiary);
+    }
 }
 
 .drop-down-mode .d-header-icons .active .icon:hover {
-  border: 1px solid transparent;
+    border: 1px solid transparent;
 }
 
 .menu-panel .widget-link:hover,
 .menu-panel .widget-link:focus,
 .menu-panel .categories-link:hover,
 .menu-panel .categories-link:focus {
-  background-color: rgba(var(--tertiary-rgb), 0.5);
+    background-color: rgba(var(--tertiary-rgb), 0.5);
 }
 
 .btn:not(.themes-tab):not(.components-tab),
 .select-kit.dropdown-select-box .dropdown-select-box-header {
-  border-radius: .375rem;
-  border: 1px solid transparent;
+    border-radius: .375rem;
+    border: 1px solid transparent;
 }
 
 .post-admin-menu.popup-menu {
-  .btn.widget-button {
-    border-radius: 0px;
-  }
+    .btn.widget-button {
+        border-radius: 0px;
+    }
 }
 
 .unread-high-priority-notifications {
-  background: var(--quaternary);
+    background: var(--quaternary);
 }
 
 .timeline-container .topic-timeline .timeline-handle {
-  background-color: var(--tertiary);
+    background-color: var(--tertiary);
 }
 
 .timeline-container .topic-timeline .timeline-scrollarea {
-  border-left-color: var(--tertiary);
+    border-left-color: var(--tertiary);
 }
 
 // graceful ish style
 @mixin box-shadow($value: 0px) {
-  box-shadow: 0 24px 40px rgba(0, 0, 0, 0.07),
-    0 10.8529px 24.1177px rgba(0, 0, 0, 0.0456112),
-    0 4.50776px 10.0172px rgba(0, 0, 0, 0.035),
-    0 1.63037px 3.62304px rgba(0, 0, 0, 0.0243888);
+    box-shadow: 0 24px 40px rgba(0, 0, 0, 0.07),
+        0 10.8529px 24.1177px rgba(0, 0, 0, 0.0456112),
+        0 4.50776px 10.0172px rgba(0, 0, 0, 0.035),
+        0 1.63037px 3.62304px rgba(0, 0, 0, 0.0243888);
 }
 
 html {
-  body {
-    background: linear-gradient(
-        0deg,
-        rgba(var(--primary-rgb), 0.075) 0%,
-        rgba(var(--primary-rgb), 0.075) 100%
-      ),
-      linear-gradient(0deg, var(--secondary) 100%, var(--secondary) 100%);
-  }
+    body {
+        background: linear-gradient(0deg,
+                rgba(var(--primary-rgb), 0.075) 0%,
+                rgba(var(--primary-rgb), 0.075) 100%),
+            linear-gradient(0deg, var(--secondary) 100%, var(--secondary) 100%);
+    }
 }
 
 html body #main-outlet {
-  margin-top: 30px;
-  margin-bottom: 50px;
-  background: var(--secondary);
-  border-radius: .5rem;
-  padding: 3em 3em 5%;
-  max-width: 1150px;
-  .archetype-regular & {
-    min-height: 500px;
-  }
-  @media screen and (max-width: 700px) {
-    padding: 1.5em;
-    margin-top: 0;
-  }
-  padding-bottom: 5% !important; //overriding inline style
-  @include box-shadow;
-  @media screen and (max-width: 1120px) {
-    width: 80%;
-  }
-  @media screen and (max-width: 1075px) {
-    width: 85%;
-  }
+    margin-top: 30px;
+    margin-bottom: 50px;
+    background: var(--secondary);
+    border-radius: .5rem;
+    padding: 3em 3em 5%;
+    max-width: 1150px;
+
+    .archetype-regular & {
+        min-height: 500px;
+    }
+
+    @media screen and (max-width: 700px) {
+        padding: 1.5em;
+        margin-top: 0;
+    }
+
+    padding-bottom: 5% !important; //overriding inline style
+    @include box-shadow;
+
+    @media screen and (max-width: 1120px) {
+        width: 80%;
+    }
+
+    @media screen and (max-width: 1075px) {
+        width: 85%;
+    }
 }
 
-.nav-pills:not(.user-nav) > li a.active,
-.nav-pills:not(.user-nav) > li > a {
-  border-radius: 0.5em;
+.nav-pills:not(.user-nav)>li a.active,
+.nav-pills:not(.user-nav)>li>a {
+    border-radius: 0.5em;
 }
 
 // User Card (profile)
 
 .user-card .badge-section {
-	display: none;
+    display: none;
 }
 
 // Category List
@@ -363,198 +387,235 @@ html body #main-outlet {
 // Topic List
 
 @keyframes background-fade-highlight {
-  0% {
-    background-color: var(--highlight-low);
-  }
-  100% {
-    background-color: var(--secondary);
-  }
+    0% {
+        background-color: var(--highlight-low);
+    }
+
+    100% {
+        background-color: var(--secondary);
+    }
 }
 
 .full-width .contents .topic-list {
-  border-collapse: separate;
-  border-spacing: 0 0.25em;
-  display: contents;
-  .topic-list-header {
-    tr {
-      display: flex;
-      border-bottom: none;
-    }
+    border-collapse: separate;
+    border-spacing: 0 0.25em;
     display: contents;
-    .topic-list-data.default {
-      width: 63%;
-    }
-    .topic-list-data.posters {
-      width: 7%;
-    }
-    .topic-list-data.posts {
-      width: 15%;
-    }
-    .topic-list-data.activity {
-      width: 15%;
-    }
-  }
-  .topic-list-body {
-    display: contents;
-    .topic-list-item-separator {
-      width: 100%;
-      margin: 0.75em 0;
-      display: flex;
-      .topic-list-data {
-        width: 100%;
-      }
-    }
-    .topic-list-item {
-      width: 100%;
-      display: flex;
-      margin-bottom: 0.5em;
-      background-color: var(--secondary);
-      border: 1px solid rgba(var(--primary-rgb), 0.2);
-      border-radius: .5rem;
-      position: relative;
-      transition: box-shadow 100ms ease-in-out;
-      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
-      overflow: hidden;
-      &.visited {
-        border: 1px solid rgba(var(--primary-rgb), 0.1);
-        .discourse-tag {
-          opacity: 0.75;
+
+    .topic-list-header {
+        tr {
+            display: flex;
+            border-bottom: none;
         }
-        &:hover {
-          border: 1px solid rgba(var(--primary-rgb), 0.25);
-          .discourse-tag {
-            opacity: 1;
-          }
+
+        display: contents;
+
+        .topic-list-data.default {
+            width: 63%;
         }
-      }
-      &:hover {
-        background-color: var(--secondary);
-        box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
-        border: 1px solid rgba(var(--primary-rgb), 0.3);
-        a.title:not(.badge-notification),
-        a.topic-excerpt {
-          color: var(--primary) !important;
+
+        .topic-list-data.posters {
+            width: 7%;
         }
-      }
-      .topic-list-data.main-link {
-        width: 63%;
-        order: 2;
-      }
-      .topic-list-data.posters {
-        width: 7%;
-        order: 1;
-        height: auto;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        a:not(.latest) {
-          display: none;
+
+        .topic-list-data.posts {
+            width: 15%;
+        }
+
+        .topic-list-data.activity {
+            width: 15%;
+        }
+    }
+
+    .topic-list-body {
+        display: contents;
+
+        .topic-list-item-separator {
+            width: 100%;
+            margin: 0.75em 0;
+            display: flex;
+
+            .topic-list-data {
+                width: 100%;
+            }
+        }
+
+        .topic-list-item {
+            width: 100%;
+            display: flex;
+            margin-bottom: 0.5em;
+            background-color: var(--secondary);
+            border: 1px solid rgba(var(--primary-rgb), 0.2);
+            border-radius: .5rem;
+            position: relative;
+            transition: box-shadow 100ms ease-in-out;
+            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
+            overflow: hidden;
+
+            &.visited {
+                border: 1px solid rgba(var(--primary-rgb), 0.1);
+
+                .discourse-tag {
+                    opacity: 0.75;
+                }
+
+                &:hover {
+                    border: 1px solid rgba(var(--primary-rgb), 0.25);
+
+                    .discourse-tag {
+                        opacity: 1;
+                    }
+                }
+            }
+
+            &:hover {
+                background-color: var(--secondary);
+                box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
+                border: 1px solid rgba(var(--primary-rgb), 0.3);
+
+                a.title:not(.badge-notification),
+                a.topic-excerpt {
+                    color: var(--primary) !important;
+                }
+            }
+
+            .topic-list-data.main-link {
+                width: 63%;
+                order: 2;
+            }
+
+            .topic-list-data.posters {
+                width: 7%;
+                order: 1;
+                height: auto;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+
+                a:not(.latest) {
+                    display: none;
+                }
+            }
+
+            .topic-list-data.posts {
+                width: 15%;
+                order: 3;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+            }
+
+            .topic-list-data.age {
+                width: 15%;
+                order: 4;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+            }
         }
-      }
-      .topic-list-data.posts {
-        width: 15%;
-        order: 3;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
-      .topic-list-data.age {
-        width: 15%;
-        order: 4;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
     }
-  }
 }
 
 .topic-list-data.num.views {
-  display: none;
+    display: none;
 }
 
 .full-width .contents .topic-list .topic-list-item .posters a.latest {
-  margin-right: 4px;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-content: center;
-  align-items: center;
-  .avatar {
-    margin-right: 0;
-  }
+    margin-right: 4px;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-content: center;
+    align-items: center;
+
+    .avatar {
+        margin-right: 0;
+    }
 }
 
 .full-width .contents .topic-list {
-  .topic-list-item {
-    .main-link {
-      min-height: 100%;
-      min-height: 100%;
-      .link-top-line {
-        display: block;
-        margin-bottom: 0.25em;
-      }
-      .title {
-        font-weight: bold;
-      }
-      .link-area {
-        display: flex;
-        .link-title-area {
-          margin-right: 1em;
-          font-size: $font-up-1;
+    .topic-list-item {
+        .main-link {
+            min-height: 100%;
+            min-height: 100%;
+
+            .link-top-line {
+                display: block;
+                margin-bottom: 0.25em;
+            }
+
+            .title {
+                font-weight: bold;
+            }
+
+            .link-area {
+                display: flex;
+
+                .link-title-area {
+                    margin-right: 1em;
+                    font-size: $font-up-1;
+                }
+
+                .link-meta-area {
+                    font-size: $font-down-3;
+                    display: flex;
+                    align-items: center;
+                }
+            }
         }
-        .link-meta-area {
-          font-size: $font-down-3;
-          display: flex;
-          align-items: center;
+
+        .posters {
+            .avatar {
+                width: 40px;
+                height: 40px;
+                border-radius: .375rem;
+            }
+
+            a.latest {
+                .avatar {
+                    margin-right: 0;
+                }
+            }
+
+            a:not(.latest) {
+                margin-left: -22px;
+
+                .avatar {
+                    border: 3px solid var(--secondary);
+                }
+            }
         }
-      }
-    }
-    .posters {
-      .avatar {
-        width: 40px;
-        height: 40px;
-        border-radius: .375rem;
-      }
-      a.latest {
-        .avatar {
-          margin-right: 0;
+
+        .posts-map,
+        .num.age.activity {
+            a {
+                padding: 0;
+            }
         }
-      }
-      a:not(.latest) {
-        margin-left: -22px;
-        .avatar {
-          border: 3px solid var(--secondary);
+
+        .posts-map {
+            position: relative;
+
+            .number {
+                margin-right: 0.25em;
+            }
+        }
+
+        .post-activity {
+            .d-icon-reply {
+                color: var(--primary-medium);
+                margin-right: 0.25em;
+            }
+
+            .relative-date {
+                color: var(--primary-medium);
+            }
         }
-      }
     }
-    .posts-map,
-    .num.age.activity {
-      a {
-        padding: 0;
-      }
-    }
-    .posts-map {
-      position: relative;
-      .number {
-        margin-right: 0.25em;
-      }
-    }
-    .post-activity {
-      .d-icon-reply {
-        color: var(--primary-medium);
-        margin-right: 0.25em;
-      }
-      .relative-date {
-        color: var(--primary-medium);
-      }
-    }
-  }
 }
 
 .navigation-container {
-  margin-top: 2em;
+    margin-top: 2em;
 }
 
 .d-icon-lock {
@@ -590,7 +651,8 @@ html body #main-outlet {
     .topic-map,
     .topic-avatar,
     .more-topics__container,
-    .names.trigger-user-card { // Hide the lock icon in the topic header of the post
+    .names.trigger-user-card {
+        // Hide the lock icon in the topic header of the post
         display: none !important;
     }
 
@@ -602,62 +664,49 @@ html body #main-outlet {
 
 // published page additions
 .published-page-content-wrapper {
-  max-width: 1000px;
-  margin-top: 30px;
-  margin-bottom: 50px;
-  background: var(--secondary);
-  border-radius: 1em;
-  padding: 3em 3em 5%;
-  box-shadow: 0 24px 40px rgba(0, 0, 0, 0.07),
-    0 10.8529px 24.1177px rgba(0, 0, 0, 0.0456112),
-    0 4.50776px 10.0172px rgba(0, 0, 0, 0.035),
-    0 1.63037px 3.62304px rgba(0, 0, 0, 0.0243888);
-  z-index: 1;
-  position: relative;
+    max-width: 1000px;
+    margin-top: 30px;
+    margin-bottom: 50px;
+    background: var(--secondary);
+    border-radius: 1em;
+    padding: 3em 3em 5%;
+    box-shadow: 0 24px 40px rgba(0, 0, 0, 0.07),
+        0 10.8529px 24.1177px rgba(0, 0, 0, 0.0456112),
+        0 4.50776px 10.0172px rgba(0, 0, 0, 0.035),
+        0 1.63037px 3.62304px rgba(0, 0, 0, 0.0243888);
+    z-index: 1;
+    position: relative;
 }
 
-.published-page {
-  &::before {
-    background: linear-gradient(
-      90deg,
-      var(--tertiary-hover) 0%,
-      var(--tertiary) 100%
-    );
-    clip-path: ellipse(148% 70% at 91% -14%);
-    content: "";
-    width: 100%;
-    height: 100%;
-    display: block;
-    position: fixed;
-    z-index: 0;
-  }
+.published-page-author {
+    display: none !important;
 }
 
 .quote-button {
-  background-color: var(--primary-low-mid);
-  border-radius: 0.5em;
+    background-color: var(--primary-low-mid);
+    border-radius: 0.5em;
 }
 
 .topic-list tr.selected td:nth-child(2),
 .topic-list-item.selected td:nth-child(2),
 .latest-topic-list-item.selected,
 .search-results .fps-result.selected {
-  box-shadow: inset 3px 0 0 var(--danger);
+    box-shadow: inset 3px 0 0 var(--danger);
 }
 
 .topic-list tr.selected td:first-child,
 .topic-list-item.selected td:first-child,
 .latest-topic-list-item.selected,
 .search-results .fps-result.selected {
-  box-shadow: none;
+    box-shadow: none;
 }
 
-.topic-list .main-link.focused + .posters {
-  box-shadow: inset 3px 0 0 var(--tertiary);
+.topic-list .main-link.focused+.posters {
+    box-shadow: inset 3px 0 0 var(--tertiary);
 }
 
 .topic-list .main-link.focused {
-  box-shadow: none;
+    box-shadow: none;
 }
 
 // Footer
@@ -666,21 +715,21 @@ html body #main-outlet {
 
     .list {
         span {
-	        font-weight: 500;
-	    }
+            font-weight: 500;
+        }
     }
 
     .second-box .links li {
-    	margin: 0;
+        margin: 0;
     }
 
     .footer-section-link-wrapper a {
         color: var(--header_primary);
         font-size: 1rem;
-    	line-height: 1.5rem;
+        line-height: 1.5rem;
 
         &:hover {
-          color: white;
+            color: white;
         }
     }
-}
+}
\ No newline at end of file