From 1e6bc5b36bd628d3128270ba2f316ac57993010a Mon Sep 17 00:00:00 2001
From: Anders Kaseorg <anders@zulip.com>
Date: Wed, 8 Jun 2022 22:54:55 -0700
Subject: [PATCH] styles: Delete some unused CSS.

Signed-off-by: Anders Kaseorg <anders@zulip.com>
---
 static/styles/app_components.css         |  13 -
 static/styles/compose.css                |  16 -
 static/styles/dark_theme.css             |  26 --
 static/styles/left_sidebar.css           |   1 -
 static/styles/popovers.css               |  47 ---
 static/styles/portico/activity.css       |  10 -
 static/styles/portico/billing.css        |   9 +-
 static/styles/portico/integrations.css   |   9 -
 static/styles/portico/landing_page.css   | 363 +--------------------
 static/styles/portico/markdown.css       |   1 -
 static/styles/portico/portico.css        | 387 +----------------------
 static/styles/portico/portico_signin.css |  46 ---
 static/styles/settings.css               | 198 +-----------
 static/styles/subscriptions.css          | 135 --------
 static/styles/widgets.css                |   9 -
 static/styles/zulip.css                  | 138 --------
 16 files changed, 4 insertions(+), 1404 deletions(-)

diff --git a/static/styles/app_components.css b/static/styles/app_components.css
index e998fc6da2..b21447c716 100644
--- a/static/styles/app_components.css
+++ b/static/styles/app_components.css
@@ -64,10 +64,6 @@ kbd {
     box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
 }
 
-.bg-white {
-    background-color: hsl(0, 0%, 100%);
-}
-
 .clear-float {
     clear: both;
 }
@@ -153,21 +149,12 @@ input::placeholder {
             background-color: hsl(0, 0%, 67%);
         }
 
-        &.standalone {
-            margin-top: 10px;
-        }
-
         &.small {
             font-size: 0.8rem;
             min-width: inherit;
             padding: 6px 10px;
         }
 
-        &.small-flex {
-            width: auto;
-            min-width: inherit;
-        }
-
         &:hover,
         &:focus {
             border-color: hsl(0, 0%, 60%);
diff --git a/static/styles/compose.css b/static/styles/compose.css
index 58e5fe82c1..fbaa56efeb 100644
--- a/static/styles/compose.css
+++ b/static/styles/compose.css
@@ -33,10 +33,6 @@
             overflow: hidden;
             white-space: nowrap;
             text-overflow: ellipsis;
-
-            .compose_reply_button_recipient_label {
-                color: hsl(215, 47%, 30%);
-            }
         }
     }
 
@@ -67,10 +63,6 @@
     box-sizing: border-box;
 }
 
-.ztable_comp_col1 {
-    width: 10px;
-}
-
 .message_comp {
     display: none;
     padding: 5px 10px 0 5px;
@@ -550,10 +542,6 @@ input.recipient_box {
     }
 }
 
-.compose_left_wrapper {
-    margin-right: auto;
-}
-
 #stream-message,
 #private-message {
     display: flex;
@@ -675,10 +663,6 @@ a.compose_control_button.hide {
     cursor: ns-resize;
 }
 
-.inline-subscribe-error {
-    margin-left: 5px;
-}
-
 .preview_message_area {
     /* minus 5px padding. */
     width: calc(100% - 12px);
diff --git a/static/styles/dark_theme.css b/static/styles/dark_theme.css
index 3532f337e4..8e42efcb86 100644
--- a/static/styles/dark_theme.css
+++ b/static/styles/dark_theme.css
@@ -143,7 +143,6 @@ body.dark-theme {
     .column-left .left-sidebar,
     .column-right .right-sidebar,
     #subscription_overlay .right,
-    #settings_page .form-sidebar,
     #settings_page .right {
         background-color: hsl(212, 28%, 18%);
     }
@@ -156,13 +155,6 @@ body.dark-theme {
         }
     }
 
-    #compose_buttons
-        .reply_button_container
-        .compose_reply_button
-        .compose_reply_button_recipient_label {
-        color: hsl(215, 47%, 80%);
-    }
-
     .compose-send-status-close {
         color: hsl(0, 0%, 100%);
         opacity: 1;
@@ -177,7 +169,6 @@ body.dark-theme {
     }
 
     .column-left .left-sidebar,
-    #settings_page .form-sidebar,
     .stream_name_search_section,
     .column-right .right-sidebar {
         border-color: hsla(0, 0%, 0%, 0.2);
@@ -207,16 +198,6 @@ body.dark-theme {
         }
     }
 
-    ul.topics_popover {
-        .admin-separator {
-            &::before,
-            &::after {
-                color: hsl(212, 28%, 18%);
-                opacity: 0.2;
-            }
-        }
-    }
-
     /* this one is because in the app we have blue and in dark-theme it should be white. */
     .popover a {
         color: inherit;
@@ -648,7 +629,6 @@ body.dark-theme {
 
     thead,
     .drafts-container .drafts-header,
-    .recent_topics_container .recent_topics_header,
     .nav > li > a:focus,
     .nav > li > a:hover,
     .subscriptions-container .subscriptions-header,
@@ -656,7 +636,6 @@ body.dark-theme {
     .white-box,
     .stream-email,
     #settings_page .settings-header,
-    #settings_page .form-sidebar .title,
     #settings_page .sidebar li.active,
     #settings_page .sidebar-wrapper .tab-container,
     .table-striped tbody tr:nth-child(even) td,
@@ -667,11 +646,6 @@ body.dark-theme {
         background-color: hsla(0, 0%, 0%, 0.2);
     }
 
-    .table-hover tbody tr:hover td,
-    .table-hover tbody tr:hover th {
-        background-color: hsla(0, 0%, 0%, 0.5);
-    }
-
     .table-striped tbody tr:nth-child(odd) td {
         background-color: hsl(212, 28%, 18%);
     }
diff --git a/static/styles/left_sidebar.css b/static/styles/left_sidebar.css
index 5591428489..40a95cb06b 100644
--- a/static/styles/left_sidebar.css
+++ b/static/styles/left_sidebar.css
@@ -523,7 +523,6 @@ li.expanded_private_message {
 }
 
 .zero-pm-unreads .pm-box,
-.zero-topic-unreads .more-topics-box,
 .zero-topic-unreads .topic-box {
     margin-right: 15px;
 }
diff --git a/static/styles/popovers.css b/static/styles/popovers.css
index 7005278009..0472cdf2e1 100644
--- a/static/styles/popovers.css
+++ b/static/styles/popovers.css
@@ -36,25 +36,10 @@
     text-align: center;
 }
 
-.popover-left,
-.popover-right {
-    max-width: 200px;
-}
-
 .sp-container {
     z-index: 106;
 }
 
-.mobile-message-buttons-popover {
-    position: absolute;
-    top: auto !important;
-    right: 8px;
-    bottom: 48px;
-    left: auto !important;
-    width: 175px;
-    height: 65px;
-}
-
 .streams_popover {
     .topic-name {
         text-align: center;
@@ -128,38 +113,6 @@ ul {
                 font-size: 12px;
             }
         }
-
-        .admin-separator {
-            display: flex;
-            align-items: center;
-            text-align: center;
-            font-size: 10px;
-
-            &::before,
-            &::after {
-                content: "";
-                flex: 1;
-                border-top: 1px solid hsl(0, 0%, 93%);
-                border-bottom: 1px solid hsl(0, 0%, 100%);
-            }
-
-            &::before {
-                margin-right: 8px;
-            }
-
-            &::after {
-                margin-left: 8px;
-            }
-        }
-    }
-
-    &.remind_me_popover .remind_icon {
-        text-align: center;
-    }
-
-    &.topic-move_popover {
-        max-height: 200px;
-        overflow-y: auto;
     }
 
     &.info_popover_actions i.fa-edit {
diff --git a/static/styles/portico/activity.css b/static/styles/portico/activity.css
index bd0370c5ff..f5b98fb6d4 100644
--- a/static/styles/portico/activity.css
+++ b/static/styles/portico/activity.css
@@ -18,16 +18,6 @@
             background-color: hsl(120, 70%, 76%);
         }
     }
-
-    tr.long_inactive {
-        td {
-            background-color: hsl(0, 97%, 83%);
-        }
-
-        &:nth-child(odd) td {
-            background-color: hsl(0, 70%, 76%);
-        }
-    }
 }
 
 td.number {
diff --git a/static/styles/portico/billing.css b/static/styles/portico/billing.css
index 0f2bb001f2..0718ba3f05 100644
--- a/static/styles/portico/billing.css
+++ b/static/styles/portico/billing.css
@@ -179,7 +179,6 @@
         font-size: 19px;
     }
 
-    #mix_license_count,
     #manual_license_count,
     #invoiced_licenses {
         width: 50px;
@@ -228,11 +227,6 @@
         display: none;
     }
 
-    #update-card-button-span {
-        display: block;
-        min-height: 30px;
-    }
-
     .zulip-loading-logo {
         margin: 0 auto;
         width: 24px;
@@ -299,8 +293,7 @@
     }
 
     #license-automatic-section,
-    #license-manual-section,
-    #license-mix-section {
+    #license-manual-section {
         display: none;
     }
 }
diff --git a/static/styles/portico/integrations.css b/static/styles/portico/integrations.css
index cd230a1977..00fdedfb1f 100644
--- a/static/styles/portico/integrations.css
+++ b/static/styles/portico/integrations.css
@@ -369,11 +369,6 @@ $category-text: hsl(219, 23%, 33%);
             font-weight: 400;
             margin: 10px 4px 0;
 
-            &.create-your-own {
-                margin-top: 27px;
-                font-size: 1.1em !important;
-            }
-
             &.with-secondary {
                 font-size: 1.1em;
                 margin-top: 4px;
@@ -397,10 +392,6 @@ $category-text: hsl(219, 23%, 33%);
                 font-size: 1em;
             }
 
-            .integration-name.create-your-own {
-                font-size: 0.95em !important;
-            }
-
             .integration-category {
                 font-size: 0.8em;
             }
diff --git a/static/styles/portico/landing_page.css b/static/styles/portico/landing_page.css
index 2a9ae4af59..172e5890bf 100644
--- a/static/styles/portico/landing_page.css
+++ b/static/styles/portico/landing_page.css
@@ -385,8 +385,7 @@ nav {
     padding: 0 !important;
 }
 
-.header,
-.portico-os-announcement {
+.header {
     display: none;
 }
 
@@ -633,13 +632,6 @@ nav {
             vertical-align: top;
         }
 
-        .headliner {
-            .feature-block {
-                margin: 0 10px;
-                width: calc(100% - 250px - 20px);
-            }
-        }
-
         h2 {
             font-size: 2.5em;
             text-align: center;
@@ -716,51 +708,6 @@ nav {
 
     overflow: hidden;
 
-    .waves {
-        position: absolute;
-
-        width: 150vw;
-        height: 150vw;
-
-        top: 650px;
-        left: -25vw;
-
-        z-index: 0;
-        opacity: 0.3;
-
-        .wave {
-            position: absolute;
-
-            width: 100%;
-            height: 100%;
-
-            background-color: hsl(0, 0%, 100%);
-            border-radius: 35%;
-
-            opacity: 0.3;
-
-            animation-name: waves;
-            animation-duration: 15s;
-            animation-iteration-count: infinite;
-            animation-timing-function: linear;
-
-            &.dark-blue {
-                background-color: hsl(219, 39%, 13%);
-            }
-
-            &.light-blue {
-                background-color: hsla(0, 67%, 57%, 0.9);
-                animation-duration: 18s;
-            }
-
-            &.light-green {
-                background-color: hsla(187, 98%, 75%, 0.75);
-                animation-name: wavesBackward;
-                animation-duration: 21s;
-            }
-        }
-    }
-
     .content {
         position: relative;
         z-index: 1;
@@ -824,17 +771,6 @@ nav {
                 box-shadow: 0 3px 20px hsla(0, 0%, 100%, 0.5);
             }
         }
-
-        .download-button {
-            margin-top: 10px;
-        }
-
-        #see_all_apps {
-            display: inline-block;
-            margin-top: 10px;
-
-            font-weight: normal;
-        }
     }
 }
 
@@ -913,30 +849,6 @@ nav {
     }
 }
 
-.portico-landing.hello .col-3-5,
-.portico-landing.hello .col-2,
-.portico-landing.hello .col-4 {
-    margin-right: -4px;
-    display: inline-block;
-    vertical-align: top;
-}
-
-.portico-landing.hello .col-3-5 {
-    width: 60%;
-}
-
-.portico-landing.hello .col-2 {
-    width: 49.9%;
-}
-
-.portico-landing.hello .col-3 {
-    width: 33.3%;
-}
-
-.portico-landing.hello .col-4 {
-    width: 20%;
-}
-
 /* -- compare css -- */
 .compare,
 .compare-education {
@@ -1196,10 +1108,6 @@ nav {
             width: 15%;
         }
 
-        &.darker {
-            background-color: hsl(0, 0%, 73%);
-        }
-
         &.nano {
             display: inline-block;
             vertical-align: top;
@@ -1228,14 +1136,6 @@ nav {
         }
     }
 
-    .col-4 .action-block {
-        margin: 20px;
-
-        .sub-block {
-            margin: 0 10px;
-        }
-    }
-
     .top {
         .avatar {
             display: inline-block;
@@ -1378,29 +1278,6 @@ nav {
     padding: 50px 0 100px;
 
     background-color: hsl(0, 0%, 100%);
-
-    .col-2 {
-        text-align: center;
-
-        position: relative;
-        z-index: 1;
-
-        img {
-            margin-bottom: 20px;
-            width: 100%;
-            max-width: 300px;
-        }
-
-        .il-block {
-            display: inline-block;
-            width: 75%;
-            text-align: left;
-        }
-
-        h2 {
-            font-weight: normal;
-        }
-    }
 }
 
 .portico-landing.hello .open-source {
@@ -1638,11 +1515,6 @@ nav {
 
 .tour .carousel-inner .comparison-slack img {
     margin: 0;
-
-    &.slack-unreads {
-        width: 250px;
-        margin: 15px 0 0 -10px;
-    }
 }
 
 .tour .carousel-inner .other-resources {
@@ -1765,11 +1637,6 @@ nav {
     float: left;
 }
 
-.portico-landing .testimonials .text-header .action-content {
-    float: right;
-    margin-top: 18px;
-}
-
 .portico-landing .testimonials .quote-container {
     width: 98%;
     margin: 30px auto 20px;
@@ -1906,16 +1773,6 @@ nav {
     background-color: transparent;
 }
 
-.portico-landing .testimonials .company-box .company.solano {
-    background-image: url("../../images/landing-page/logos/solano.png");
-    background-color: transparent;
-}
-
-.portico-landing .testimonials .company-box .company.veelo {
-    background-image: url("../../images/landing-page/logos/veelo.png");
-    background-color: transparent;
-}
-
 .portico-landing .testimonials .company-box .company.panjiva {
     background-image: url("../../images/landing-page/logos/panjiva.png");
     background-color: transparent;
@@ -1931,47 +1788,16 @@ nav {
     background-color: transparent;
 }
 
-.portico-landing .testimonials .company-box .company.wildfly {
-    background-image: url("../../images/landing-page/logos/wildfly.png");
-    background-color: transparent;
-}
-
 .portico-landing .testimonials .company-box .company.mariadb {
     background-image: url("../../images/landing-page/logos/mariadb.png");
     background-color: transparent;
 }
 
-.portico-landing .testimonials .company-box .company.infinispan {
-    background-image: url("../../images/landing-page/logos/infinispan.png");
-    background-color: transparent;
-    height: 50px;
-}
-
-.portico-landing .testimonials .company-box .company.hail {
-    background-image: url("../../images/landing-page/logos/hail.png");
-    background-color: transparent;
-}
-
-.portico-landing .testimonials .company-box .company.inspire-hep {
-    background-image: url("../../images/landing-page/logos/inspire-hep.png");
-    background-color: transparent;
-}
-
 .portico-landing .testimonials .company-box .company.wikimedia-outreach {
     background-image: url("../../images/landing-page/logos/wikimedia-outreach.png");
     background-color: transparent;
 }
 
-.portico-landing .testimonials .company-box .company.fhir {
-    background-image: url("../../images/landing-page/logos/fhir.png");
-    background-color: transparent;
-}
-
-.portico-landing .testimonials .company-box .company.openshot {
-    background-image: url("../../images/landing-page/logos/openshot.png");
-    background-color: transparent;
-}
-
 .portico-landing .testimonials .company-box .company.mixxx {
     background-image: url("../../images/landing-page/logos/mixxx.png");
     background-color: transparent;
@@ -2219,13 +2045,6 @@ nav {
     max-width: 600px;
 }
 
-.portico-landing.apps
-    .hero
-    .image
-    img[src="/static/images/landing-page/tar.gz.svg"] {
-    width: 50%;
-}
-
 .portico-landing.apps
     .hero
     .image
@@ -2892,96 +2711,6 @@ nav {
     top: 6px;
 }
 
-/* while the overlay is showing, the transform properties should stay fixed
-   for the container that sits inline in the page. */
-
-.pricing-overlay.pricing-model {
-    position: fixed;
-    top: -140px;
-    left: 0;
-    width: 100vw;
-    height: 100vh;
-
-    opacity: 0;
-    pointer-events: none;
-
-    z-index: 10;
-    transition: all 0.3s ease;
-}
-
-.portico-landing.plans .pricing-overlay.pricing-model {
-    top: -220px;
-}
-
-.pricing-overlay.pricing-model .pricing-container {
-    padding: 50px;
-    text-align: left;
-}
-
-.pricing-overlay.pricing-model.active {
-    opacity: 1;
-    pointer-events: all;
-    background-color: hsla(0, 0%, 0%, 0.6);
-}
-
-.pricing-overlay.pricing-model .price-box {
-    vertical-align: top;
-}
-
-.pricing-overlay.pricing-model .info-box {
-    position: relative;
-    display: inline-block;
-    vertical-align: top;
-    margin-left: 50px;
-    margin-top: -2px;
-    width: calc(100% - 300px - 50px);
-
-    background-color: hsl(0, 0%, 100%);
-    opacity: 0;
-    transform: translateY(300px);
-
-    transition: all 0.3s ease;
-}
-
-.pricing-overlay.pricing-model .info-box.show {
-    opacity: 1;
-    transform: translateY(0);
-}
-
-.pricing-overlay.pricing-model .info-box .text-content {
-    position: relative;
-    display: inline-block;
-    height: calc(100% - 40px);
-    width: calc(100% - 300px - 40px);
-}
-
-.pricing-overlay.pricing-model .info-box .text-content h1 {
-    margin-top: 0;
-}
-
-.pricing-overlay.pricing-model .info-box .text-content p {
-    color: hsl(0, 0%, 53%);
-}
-
-.pricing-overlay.pricing-model .info-box .text-content .feature-detail-box {
-    position: absolute;
-    width: 100%;
-    bottom: 0;
-    text-align: center;
-}
-
-.pricing-overlay.pricing-model
-    .info-box
-    .text-content
-    .feature-detail-box
-    .feature {
-    display: inline-block;
-    width: calc(33% - 21px);
-    height: 200px;
-    background-color: hsl(0, 0%, 93%);
-    margin: 10px;
-}
-
 .text-content .pricing-details {
     padding: 15px 0;
     height: 25px;
@@ -2996,15 +2725,6 @@ nav {
     }
 }
 
-.pricing-overlay.pricing-model .info-box .image {
-    width: 300px;
-    height: 100%;
-
-    float: right;
-
-    background-color: hsl(169, 45%, 43%);
-}
-
 .portico-landing.jobs h2 {
     line-height: 1.4;
     margin: 20px 0 5px;
@@ -3069,40 +2789,6 @@ nav {
     .portico-landing.plans .price-box {
         margin: 20px;
     }
-
-    .portico-landing.apps .main .details-container {
-        height: auto;
-    }
-
-    .portico-landing.apps .main .details-container .details-box {
-        display: none;
-        position: static;
-        height: auto;
-    }
-
-    .portico-landing.apps .main .details-container .details-box h1 {
-        margin-top: 0;
-        padding-top: 20px;
-    }
-
-    .portico-landing.apps .main .details-container .details-box.show {
-        display: block;
-    }
-
-    .portico-landing.apps .main .details-box[data-name="linux"] .image {
-        display: block;
-        height: auto;
-    }
-
-    .portico-landing.apps
-        .main
-        .details-box[data-name="linux"]
-        .image
-        .platform,
-    .portico-landing.apps .main .details-box[data-name="linux"] .instructions {
-        text-align: center;
-        width: calc(100% - 40px);
-    }
 }
 
 @media (width >= 1296px), (687px <= width <= 985px) {
@@ -3215,17 +2901,6 @@ nav {
 
     .portico-landing.features-app {
         section {
-            .headliner {
-                .image {
-                    width: 200px;
-                    height: 200px;
-                }
-
-                .feature-box {
-                    width: calc(100% - 200px - 20px);
-                }
-            }
-
             &.messages {
                 display: block;
                 text-align: center;
@@ -3281,10 +2956,6 @@ nav {
         }
     }
 
-    .screen.hero-screen .col-4 .action-block {
-        margin: 10px;
-    }
-
     .portico-landing .testimonials .carousel-quotes {
         width: 100%;
     }
@@ -3373,22 +3044,6 @@ nav {
 }
 
 @media (width <= 830px) {
-    .portico-landing.features-app {
-        section {
-            .headliner {
-                display: inline-flex;
-
-                width: auto;
-                height: 250px;
-
-                margin: 50px;
-
-                justify-content: center;
-                align-items: center;
-            }
-        }
-    }
-
     .portico-landing.hello .apps .left-side .platform-icons .group {
         margin: 50px 30px;
         display: block;
@@ -3422,10 +3077,6 @@ nav {
         }
     }
 
-    .tour .carousel-inner .comparison-slack img.slack-unreads {
-        margin-left: 0;
-    }
-
     .tour .carousel-inner .tour-item-header {
         font-size: 1.1em;
     }
@@ -3520,10 +3171,6 @@ nav {
         padding: 43px 73px;
     }
 
-    .portico-landing.hello .features .col-2 {
-        width: 100%;
-    }
-
     .portico-landing.features-app {
         section {
             padding: 0 20px;
@@ -3789,10 +3436,6 @@ nav {
         border-radius: 4px;
     }
 
-    .portico-landing.apps .main .details-container {
-        width: 100%;
-    }
-
     .portico-landing .testimonials .company-box .company {
         margin: 10px;
         width: calc(33% - 24px);
@@ -4207,10 +3850,6 @@ nav {
     .topics-image {
         border: solid 2px hsl(0, 0%, 60%);
     }
-
-    .feature-buttons {
-        margin: 0 auto;
-    }
 }
 
 .twitter-tweet {
diff --git a/static/styles/portico/markdown.css b/static/styles/portico/markdown.css
index 54e000201e..534750cf71 100644
--- a/static/styles/portico/markdown.css
+++ b/static/styles/portico/markdown.css
@@ -36,7 +36,6 @@
             }
         }
 
-        &#using-zulip,
         &#zulip-administration {
             font-size: 1.75em;
             padding: 10px 0;
diff --git a/static/styles/portico/portico.css b/static/styles/portico/portico.css
index 918d5ed20e..7a619a5849 100644
--- a/static/styles/portico/portico.css
+++ b/static/styles/portico/portico.css
@@ -28,17 +28,6 @@ html {
     font-family: monospace;
 }
 
-.container-fluid {
-    padding: 0;
-    min-height: 100%;
-
-    /* Hack for IE */
-    height: auto !important;
-    height: 100%;
-
-    margin: 0 auto -56px;
-}
-
 .normal {
     font-weight: normal;
 }
@@ -47,10 +36,6 @@ html {
     margin-bottom: 0;
 }
 
-.navbar-inner {
-    border-radius: 0;
-}
-
 .header {
     position: relative;
 
@@ -78,10 +63,6 @@ html {
     height: 56px;
 }
 
-.breakpoint {
-    display: inline-block;
-}
-
 /* The API tabbed content tends to have a lot of code blocks,
    which look nicer against a different background */
 .api-center .code-section {
@@ -297,27 +278,6 @@ html {
     max-width: 100%;
 }
 
-.help-box {
-    max-width: 500px;
-
-    padding: 10px;
-    margin: 10px 0;
-
-    font-size: 0.9rem;
-    font-weight: 400;
-    line-height: 1.2;
-
-    color: hsl(0, 0%, 27%);
-
-    border: 1px solid hsl(0, 0%, 87%);
-    border-radius: 4px;
-    background-color: hsl(0, 0%, 98%);
-
-    .blob {
-        margin-top: 0;
-    }
-}
-
 .help-inline {
     font-weight: 400;
     font-size: 0.9rem;
@@ -347,47 +307,6 @@ img.screenshot {
     max-width: 100%;
 }
 
-.android-screenshot {
-    margin-top: -30px;
-    width: 221px;
-}
-
-.iphone-screenshot {
-    width: 184px;
-    margin: 0 32px;
-}
-
-.full-width-screenshot {
-    width: 100%;
-}
-
-/* Silly easter egg for /integrations */
-.integral {
-    font-weight: normal;
-    display: none;
-}
-
-.show-integral {
-    position: relative;
-
-    &:hover::after {
-        content: "dx";
-        font-weight: normal;
-        font-style: italic;
-        font-size: 70%;
-    }
-}
-
-.integration {
-    margin-top: 2em;
-    padding-top: 1em;
-    border-top: 1px dashed hsl(0, 0%, 0%);
-
-    p {
-        margin-top: 2em;
-    }
-}
-
 #pw_strength {
     /* Same width as a Bootstrap default text <input> with padding */
     width: 220px;
@@ -403,36 +322,6 @@ img.screenshot {
     content: " - ";
 }
 
-.api-details {
-    margin-left: 2em;
-
-    ul {
-        list-style-type: none;
-    }
-
-    dd {
-        margin-bottom: 1em;
-    }
-}
-
-.python {
-    display: none;
-}
-
-.commandline {
-    display: none;
-}
-
-@media print {
-    #portico-area {
-        margin-left: 1.5em;
-    }
-}
-
-.landing-page-bottom {
-    padding-bottom: 2em;
-}
-
 .landing-page {
     padding: 2em 0;
 
@@ -446,19 +335,6 @@ img.screenshot {
     }
 }
 
-.laptop-image {
-    width: 787px;
-    height: 414px;
-    background-image: url("../../images/landing-page/laptop.png");
-    background-size: contain;
-}
-
-.laptop-screen {
-    position: relative;
-    top: 32px;
-    width: 507px;
-}
-
 .platform-icon {
     width: 33%;
 }
@@ -467,19 +343,6 @@ img.screenshot {
     font-weight: 300;
 }
 
-.shaded-background {
-    background-color: hsl(0, 0%, 93%);
-}
-
-.darker-background {
-    background-color: hsl(0, 0%, 28%);
-    color: hsl(0, 0%, 100%);
-}
-
-.alert-hidden {
-    display: none;
-}
-
 label.text-error {
     display: inline;
 
@@ -518,11 +381,6 @@ input.text-error {
     padding-top: 50px;
     padding-bottom: 50px;
 
-    .footer-navigation {
-        margin-left: 0;
-        margin-right: 0;
-    }
-
     a {
         color: inherit !important;
     }
@@ -711,27 +569,6 @@ input.text-error {
     z-index: 99;
 }
 
-.main-headline {
-    background: url("../../images/landing-page/gg.jpg");
-    background-position: center;
-    background-size: cover;
-}
-
-a.bottom-signup-button {
-    color: hsl(0, 0%, 100%) !important;
-    text-decoration: none !important;
-    font-size: 20px;
-    padding: 20px;
-    margin-top: 30px;
-    margin-bottom: 30px;
-    font-weight: 300;
-}
-
-.signup-signature {
-    margin-top: 20px;
-    padding-bottom: 50px;
-}
-
 .devlogin_subheader {
     margin-top: 10px;
     margin-bottom: 20px;
@@ -740,16 +577,6 @@ a.bottom-signup-button {
     font-size: 16px;
 }
 
-.portico-large-text {
-    font-size: 16px;
-    line-height: 20px;
-}
-
-.portico-secondary-header {
-    font-weight: 300;
-    font-size: 25px;
-}
-
 .table.table-striped {
     background-color: hsl(0, 0%, 100%);
     box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.1);
@@ -926,37 +753,6 @@ input#terminal:checked ~ #tab-terminal {
     width: 100%;
 }
 
-.login-page-subheader {
-    font-weight: 300;
-    font-size: 24px;
-    display: block;
-    margin: auto;
-    width: 300px;
-    text-align: center;
-    margin-top: -30px;
-    margin-bottom: 50px;
-}
-
-.apps-muted {
-    font-weight: 300;
-    font-size: 20px;
-    display: block;
-    margin: auto;
-    text-align: center;
-    margin-bottom: 30px;
-}
-
-.apps-instructions-header {
-    font-weight: 300;
-    font-size: 25px;
-}
-
-.btn-app-download {
-    font-size: 25px;
-    margin-top: 15px;
-    margin-bottom: 15px;
-}
-
 .btn-direct {
     margin-top: 0;
     margin-bottom: 0;
@@ -966,13 +762,6 @@ input#terminal:checked ~ #tab-terminal {
     min-width: 300px;
 }
 
-.btn-user {
-    background-color: hsl(0, 0%, 100%);
-    border-color: hsl(169, 44%, 54%);
-    border-style: solid;
-    color: hsl(170, 40%, 41%);
-}
-
 .btn-admin {
     background-color: hsl(0, 0%, 100%);
     border-color: hsl(198, 100%, 48%);
@@ -1016,11 +805,6 @@ input.new-organization-button {
     /* plus input padding. */
     width: calc(300px - -28px);
     margin-bottom: 10px;
-
-    .direct-label {
-        margin-top: 50px;
-        margin-bottom: 6px;
-    }
 }
 
 .login-form,
@@ -1034,14 +818,6 @@ input.new-organization-button {
     }
 }
 
-.login-forgot-password {
-    float: right;
-    line-height: 40px;
-    position: relative;
-    right: -15px;
-    font-weight: 300;
-}
-
 .login-social {
     max-width: 100%;
     min-width: 300px;
@@ -1050,100 +826,20 @@ input.new-organization-button {
     margin-top: 10px;
 }
 
-.main-headline-container {
-    position: relative;
-    height: 100%;
-    padding-top: 40px !important;
-}
-
-.main-headline-logo {
-    display: block;
-    width: 200px;
-    height: auto;
-    margin: auto;
-    margin-bottom: 20px;
-}
-
-.main-image {
-    display: block;
-    margin: auto;
-    width: 100%;
-    max-width: 900px;
-    height: auto;
-    position: relative;
-    bottom: -10px;
-}
-
-.main-headline-text {
-    display: block;
-    text-align: center;
-    color: hsl(0, 0%, 0%);
-    font-weight: 300;
-
-    .tagline {
-        font-size: 40px;
-        line-height: 42px;
-    }
-
-    .footnote {
-        display: block;
-        font-size: 18px;
-        color: hsl(0, 0%, 0%);
-        margin-top: 15px;
-    }
-}
-
-.main-signup-button {
-    margin-top: 15px;
-    margin-bottom: 15px;
-    font-size: 22px;
-}
-
 .app-main,
-.header-main,
-.footer-main {
+.header-main {
     min-width: 350px;
     margin: 0 auto;
     padding: 0 20px;
     position: relative;
 }
 
-.footer-main {
-    text-align: center;
-}
-
 .hello-main {
     max-width: none;
     min-width: 0;
     padding: 0 !important;
 }
 
-.footer-navigation {
-    list-style: none;
-    padding-top: 16px;
-
-    li,
-    li a {
-        display: inline-block;
-        vertical-align: middle;
-        color: hsl(0, 0%, 47%);
-        font-size: 0.9em;
-        font-weight: 400;
-        cursor: pointer;
-    }
-
-    li:hover a {
-        color: hsl(0, 0%, 27%);
-        text-decoration: none;
-    }
-}
-
-.little-bullet {
-    display: inline-block;
-    margin-left: 5px;
-    margin-right: 5px;
-}
-
 .top-links {
     text-align: right;
 
@@ -1168,12 +864,6 @@ input.new-organization-button {
     text-align: center;
 }
 
-.button-muted {
-    display: block;
-    font-size: 12px;
-    color: hsl(0, 0%, 87%);
-}
-
 /* -- password reset container -- */
 .password-reset {
     display: inline-block;
@@ -1283,10 +973,6 @@ input.new-organization-button {
     text-align: center;
 }
 
-.center-block .submit-button-box .controls {
-    margin: 0;
-}
-
 .center-block {
     text-align: left;
     display: inline-block;
@@ -1470,7 +1156,6 @@ input.new-organization-button {
         padding: 0 !important;
     }
 
-    .input-medium,
     .input-large {
         display: block !important;
         width: 100% !important;
@@ -1483,23 +1168,6 @@ input.new-organization-button {
         margin-bottom: 10px !important;
     }
 
-    .postal-envelope {
-        transform: none;
-    }
-
-    .letter-form {
-        text-align: center;
-    }
-
-    .punc {
-        display: none;
-    }
-
-    .signup-section {
-        display: inline-block;
-        margin-top: 10px;
-    }
-
     .line-break-desktop {
         display: none;
     }
@@ -1569,18 +1237,6 @@ input.new-organization-button {
         padding: 0 10px;
     }
 
-    .main-headline-text {
-        .tagline {
-            font-size: 32px;
-            line-height: 34px;
-        }
-    }
-
-    #apps-tabs li a {
-        padding-left: 6px;
-        padding-right: 6px;
-    }
-
     .footer {
         grid-template-columns: repeat(1, max-content);
 
@@ -1598,10 +1254,6 @@ input.new-organization-button {
     vertical-align: text-bottom;
 }
 
-.m-v-20 {
-    margin: 20px 0;
-}
-
 label.label-title {
     font-weight: 600;
 }
@@ -1611,37 +1263,6 @@ label.label-title {
     vertical-align: top;
 }
 
-.button-new {
-    padding: 8px 15px;
-    margin: 0;
-    min-width: 130px;
-
-    font-weight: 400;
-
-    background-color: hsl(207, 55%, 53%);
-    color: hsl(0, 0%, 100%);
-    outline: none;
-    border: none;
-    border-radius: 2px;
-
-    cursor: pointer;
-    transition: all 0.3s ease;
-}
-
-/* -- button states -- */
-.button-new:hover {
-    filter: brightness(1.1);
-}
-
-.button-new:active {
-    filter: brightness(0.9);
-}
-
-.button-new.sea-green {
-    background-color: hsl(177, 70%, 46%);
-    color: hsl(0, 0%, 100%);
-}
-
 .float-left {
     float: left;
 }
@@ -1759,12 +1380,6 @@ label.label-title {
     }
 }
 
-.desktop-redirect-links {
-    margin-top: 20px;
-    text-decoration: underline;
-    color: hsl(0, 0%, 50%);
-}
-
 .desktop-redirect-image {
     margin-bottom: 20px;
 }
diff --git a/static/styles/portico/portico_signin.css b/static/styles/portico/portico_signin.css
index 81740f06aa..fdfa425631 100644
--- a/static/styles/portico/portico_signin.css
+++ b/static/styles/portico/portico_signin.css
@@ -716,10 +716,6 @@ html {
     button {
         /* Avoid excessive space at top of login form */
         margin-top: 0;
-
-        .spectator_beta_text {
-            color: hsl(0, 0%, 90%);
-        }
     }
 }
 
@@ -774,18 +770,6 @@ button#register_auth_button_gitlab {
     }
 }
 
-#find-account-section {
-    text-decoration: none;
-    font-weight: 600;
-    font-size: 0.8em;
-    line-height: 1.5;
-    vertical-align: top;
-
-    #find-account-link {
-        color: hsl(164, 100%, 23%);
-    }
-}
-
 .split-view .actions a,
 .back-to-login {
     color: hsl(164, 100%, 23%);
@@ -831,10 +815,6 @@ button#register_auth_button_gitlab {
         margin: 25px auto 10px;
         position: relative;
 
-        &.with-top-space {
-            margin-top: 50px;
-        }
-
         &.full-width {
             width: calc(100% - 20px);
         }
@@ -954,16 +934,6 @@ button#register_auth_button_gitlab {
         }
     }
 
-    .external-host {
-        margin: 25px 0 0 -3px;
-        padding: 11.5px 10px;
-
-        font-weight: 400;
-        font-size: 1.2rem;
-
-        background-color: hsl(0, 0%, 87%);
-    }
-
     .center-block .pitch {
         margin-bottom: 0;
     }
@@ -1055,17 +1025,6 @@ button#register_auth_button_gitlab {
     #enter-realm-button {
         margin-top: 14px;
     }
-
-    #find-account-section {
-        margin-top: 20px;
-        text-align: center;
-        font-weight: 500;
-        font-size: 0.9em;
-    }
-
-    .find-account-link {
-        color: hsl(165, 100%, 14.7%);
-    }
 }
 
 #choose_email {
@@ -1242,11 +1201,6 @@ button#register_auth_button_gitlab {
         box-shadow: none;
     }
 
-    .footer-navigation li,
-    .footer-navigation li a {
-        font-size: 1em;
-    }
-
     .account-creation {
         font-weight: 400;
     }
diff --git a/static/styles/settings.css b/static/styles/settings.css
index 54be51f25f..ad769b4500 100644
--- a/static/styles/settings.css
+++ b/static/styles/settings.css
@@ -74,22 +74,10 @@ h3,
         text-align: center;
     }
 
-    .w-70 {
-        width: 70%;
-    }
-
     .w-200 {
         width: 200px;
     }
 
-    .m-t-20 {
-        margin-top: 20px;
-    }
-
-    .m-t-10 {
-        margin-top: 10px;
-    }
-
     .grid {
         label {
             min-width: 200px;
@@ -132,12 +120,6 @@ h3,
             text-align: left;
         }
     }
-    /* this is because the input[type=text] is also 200px wide but has
-    12px of padding and 2px worth of borders. These don't apply to
-    buttons however. */
-    .input-size {
-        width: 214px;
-    }
 }
 
 .profile-settings-form {
@@ -162,11 +144,6 @@ h3,
 }
 
 .user-avatar-section {
-    .avatar-controls {
-        margin-top: 20px;
-        box-shadow: none;
-    }
-
     .inline-block {
         box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
     }
@@ -190,10 +167,6 @@ h3,
     box-sizing: border-box;
 }
 
-.padded-container {
-    padding: 20px;
-}
-
 .side-padded-container {
     padding: 0 20px;
 }
@@ -213,10 +186,6 @@ h3,
     text-transform: capitalize;
 }
 
-.attributions_title {
-    margin-top: 24px;
-}
-
 .table {
     tbody {
         border-bottom: 1px solid hsl(0, 0%, 87%);
@@ -308,16 +277,6 @@ td .button {
             background-color: transparent;
             color: inherit;
         }
-
-        .table-title {
-            display: inline-block;
-            padding: 6px 0;
-            margin-left: 5px;
-
-            i {
-                margin-right: 5px;
-            }
-        }
     }
 
     .table-sticky-headers th {
@@ -439,45 +398,6 @@ td .button {
     }
 }
 
-.dynamic-input {
-    display: inline-block;
-    padding: 5px;
-    background-color: hsl(0, 0%, 100%);
-    border: 1px solid hsl(0, 0%, 80%);
-    border-radius: 3px;
-    transition: box-shadow 0.3s ease;
-    min-width: 208px;
-
-    &:hover {
-        outline: none;
-        box-shadow: 0 0 4px hsla(199, 79%, 56%, 1);
-    }
-
-    div,
-    label {
-        display: inline-block;
-        margin: 0;
-    }
-
-    div {
-        margin-right: -2px;
-
-        &:empty::after {
-            content: "username";
-            color: hsl(0, 0%, 67%);
-        }
-    }
-
-    &.bot_user_name div:empty::after {
-        content: "bot_user_name";
-        color: hsl(0, 0%, 67%);
-    }
-
-    [contenteditable="true"] {
-        outline: none;
-    }
-}
-
 .button,
 .input-group {
     margin: 0 0 20px;
@@ -596,10 +516,6 @@ input[type="checkbox"] {
     border-left: 0;
 }
 
-.green-bg {
-    background-color: hsl(120, 29%, 84%);
-}
-
 .remove-alert-word {
     margin-top: 1px;
 }
@@ -659,10 +575,6 @@ input[type="checkbox"] {
 }
 
 #user-notification-settings {
-    .notification-reminder {
-        text-align: left;
-    }
-
     .notification-table {
         th,
         td {
@@ -697,8 +609,7 @@ input[type="checkbox"] {
 
     .alert-notification.custom-field-status,
     .alert-notification.full-name-status,
-    .alert-notification.timezone-setting-status,
-    .alert-notification.presence-setting-status {
+    .alert-notification.timezone-setting-status {
         padding-top: 0;
         padding-bottom: 0;
         margin-top: 0;
@@ -716,11 +627,6 @@ input[type="checkbox"] {
     }
 }
 
-.admin-realm-message-content-delete-limit-minutes {
-    width: 5ch;
-    text-align: right;
-}
-
 .admin-realm-message-retention-days {
     width: 5ch;
     text-align: right;
@@ -1015,20 +921,6 @@ input[type="checkbox"] {
     width: 70%;
 }
 
-.bot_name_header {
-    width: 8em;
-}
-
-#attachments_list {
-    list-style-type: none;
-    margin: auto;
-    background-color: hsl(0, 0%, 100%);
-
-    &:empty {
-        padding: 10px;
-    }
-}
-
 #alert-words-table {
     margin: 0;
 
@@ -1046,10 +938,7 @@ input[type="checkbox"] {
         word-break: break-all;
         white-space: normal;
     }
-}
 
-#alert-words-table,
-#attachments_list {
     .edit-attachment-buttons {
         position: absolute;
         right: 20px;
@@ -1058,7 +947,6 @@ input[type="checkbox"] {
 }
 
 #change_password_modal {
-    .change_password_info,
     #change_password_container {
         margin: 0;
     }
@@ -1354,67 +1242,6 @@ input[type="checkbox"] {
         line-height: 1.2;
     }
 
-    .form-sidebar {
-        position: absolute;
-        top: 45px;
-        right: 0;
-        transform: translateX(303px);
-        width: 300px;
-        height: calc(100% - 45px);
-
-        background-color: hsl(0, 0%, 100%);
-        border-left: 1px solid hsl(0, 0%, 87%);
-
-        pointer-events: none;
-        transition: all 0.3s ease;
-        visibility: hidden;
-
-        &.show {
-            pointer-events: auto;
-            transform: translateX(0);
-            visibility: visible;
-        }
-
-        input[type="text"] {
-            width: calc(100% - 10px - 4px);
-        }
-
-        input[type="submit"],
-        button {
-            border-radius: 4px;
-            outline: none;
-        }
-
-        select {
-            width: 100%;
-        }
-
-        .title,
-        .content {
-            padding: 20px;
-        }
-
-        .title {
-            padding: 10px 20px;
-            background-color: hsl(0, 0%, 98%);
-            border-bottom: 1px solid hsl(0, 0%, 87%);
-
-            h1 {
-                display: inline-block;
-                font-size: 1.3rem;
-                margin: 0;
-            }
-
-            .exit {
-                float: right;
-                font-size: 2rem;
-                font-weight: 300;
-                margin-top: 11px;
-                cursor: pointer;
-            }
-        }
-    }
-
     .sidebar-wrapper {
         float: left;
         position: relative;
@@ -1463,11 +1290,6 @@ input[type="checkbox"] {
                 border-bottom: none;
             }
 
-            &.border-top {
-                border-top: 1px solid hsl(0, 0%, 93%);
-                border-bottom: none;
-            }
-
             &.active {
                 background-color: hsl(0, 0%, 93%);
                 border-bottom: 1px solid transparent;
@@ -1612,10 +1434,6 @@ input[type="checkbox"] {
 
 #profile-settings,
 #edit-user-form {
-    .user-role button {
-        cursor: default;
-    }
-
     .custom_user_field {
         padding-bottom: 20px;
 
@@ -1692,10 +1510,6 @@ input[type="checkbox"] {
     width: 100%;
 }
 
-.m-t-10 {
-    margin-top: 10px;
-}
-
 .dropdown-list-widget {
     button.dropdown-toggle {
         text-align: left;
@@ -1839,11 +1653,6 @@ input[type="checkbox"] {
     margin-bottom: 3px;
 }
 
-.invited-as-admin {
-    opacity: 0.5;
-    margin-left: 2px;
-}
-
 @supports (-moz-appearance: none) {
     #settings_page select {
         appearance: none;
@@ -1933,11 +1742,6 @@ input[type="checkbox"] {
         display: block;
     }
 
-    .user-avatar-section .avatar-controls {
-        display: inline-block;
-        margin-top: 10px;
-    }
-
     #settings_content .warning {
         display: none;
     }
diff --git a/static/styles/subscriptions.css b/static/styles/subscriptions.css
index 17a133e85f..184b1ca473 100644
--- a/static/styles/subscriptions.css
+++ b/static/styles/subscriptions.css
@@ -10,77 +10,18 @@
     margin: 0;
 }
 
-.subscription-email-hint-image {
-    float: right;
-    width: 80px;
-}
-
 .subscription_header.collapsed {
     background-color: inherit;
 }
 
-.color_swatch {
-    display: inline-block;
-    height: 18px;
-    width: 18px;
-    padding: 0;
-    margin: 0 0 0 10px;
-    vertical-align: middle;
-}
-
 .subscriptions div #response {
     overflow-wrap: break-word;
 }
 
-.subscription-info-container {
-    display: inline-block;
-    /* subtract out the width of the subscribe button and arrow. */
-    width: calc(100% - 260px);
-    /* to center the container vertically. */
-    margin-top: 13px;
-}
-
-.subscription-setting-icon {
-    vertical-align: top;
-    display: inline-block;
-}
-
-.subscription-info {
-    display: inline-block;
-    /* to provide space for the setting-icon. */
-    max-width: calc(100% - 31px);
-    margin-top: 1px;
-    overflow: hidden;
-    word-wrap: normal;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
-
-.subscription-info .light {
-    font-weight: 300;
-}
-
 .subscription_header {
     min-height: 47px;
 }
 
-.subscription-name-row {
-    display: inline-block;
-}
-
-.subscription-name-row,
-.subscription-description-row {
-    vertical-align: top;
-}
-
-.subscription_header .subscription_lock {
-    font-size: 23px;
-    display: inline-block;
-    vertical-align: middle;
-    margin-left: 12px;
-    margin-right: 1px;
-}
-
 .subscription_settings .btn {
     border-radius: 2px;
 }
@@ -188,15 +129,6 @@ h4.stream_setting_subsection_title {
     line-height: 1.5;
 }
 
-.new-stream-name,
-.stream-rename-button {
-    margin-top: 10px;
-}
-
-.settings_committed {
-    margin: 10px;
-}
-
 .subscriber-list-box {
     text-align: center;
     border: 1px solid hsl(0, 0%, 87%);
@@ -210,10 +142,6 @@ h4.stream_setting_subsection_title {
         text-align: left;
         -webkit-overflow-scrolling: touch;
 
-        .form_inline input {
-            vertical-align: top;
-        }
-
         .subscriber-list {
             width: 100%;
             margin: auto;
@@ -278,13 +206,6 @@ h4.stream_setting_subsection_title {
     }
 }
 
-.hide-subscriber-list {
-    display: block;
-    padding: 5px;
-    text-align: center;
-    color: hsl(0, 0%, 67%);
-}
-
 .subscriber-name,
 .subscriber-email {
     padding: 5px;
@@ -332,47 +253,17 @@ h4.stream_setting_subsection_title {
     margin: 0;
 }
 
-#subscription-status {
-    width: 200px;
-    position: absolute;
-    left: 50%;
-    margin-left: -100px;
-    bottom: 30px;
-    text-align: center;
-    border-radius: 2px;
-}
-
 #subscriptions h1 {
     font-size: 25px;
     font-weight: 300;
     padding-top: 40px;
 }
 
-#subscriptions .streams-icon {
-    margin-right: 10px;
-    font-size: 20px;
-}
-
 .change-stream-privacy {
     width: 100%;
     text-align: center;
 }
 
-.change-stream-privacy-feedback {
-    display: none;
-}
-
-.subscriptions-overlay-bg {
-    font: menu;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: hsla(0, 0%, 8%, 0.7);
-    color: hsl(0, 0%, 27%);
-}
-
 .subscriptions-container .subscriptions-header .fa-chevron-left,
 #settings_overlay_container .settings-header.mobile .fa-chevron-left {
     position: relative;
@@ -524,18 +415,6 @@ h4.stream_setting_subsection_title {
                 }
             }
         }
-
-        #preview_iframe {
-            width: 100%;
-            height: calc(100% - 45px);
-            border: none;
-            background-color: hsl(0, 0%, 98%);
-            box-shadow: inset 0 0 50px hsla(0, 0%, 0%, 0.5);
-            background-image: url("../images/preview-loading.png");
-            background-size: 150px auto;
-            background-position: center center;
-            background-repeat: no-repeat;
-        }
     }
 
     input[type="text"].small {
@@ -747,12 +626,6 @@ h4.stream_setting_subsection_title {
         vertical-align: top;
     }
 
-    .settings-dropdown-trigger {
-        float: right;
-        margin-left: 10px;
-        color: hsl(0, 0%, 67%);
-    }
-
     &:hover .check:not(.checked) svg,
     &.active:hover .check:not(.checked) svg {
         fill: hsl(0, 0%, 87%);
@@ -793,10 +666,6 @@ h4.stream_setting_subsection_title {
             padding: 15px;
         }
 
-        .add-user-label {
-            margin: 8px 0;
-        }
-
         .add_all_users_to_stream {
             margin-left: 10px;
         }
@@ -1254,7 +1123,3 @@ h4.stream_setting_subsection_title {
         }
     }
 }
-
-#stream-creation #invites-warning-modal .modal-footer {
-    position: static;
-}
diff --git a/static/styles/widgets.css b/static/styles/widgets.css
index e98c473bcd..f712c631d1 100644
--- a/static/styles/widgets.css
+++ b/static/styles/widgets.css
@@ -102,11 +102,6 @@ button {
         }
     }
 
-    &.task-completed {
-        border-color: hsl(157, 18%, 77%);
-        padding: 0;
-    }
-
     &.add-task,
     &.add-desc,
     &.poll-option,
@@ -121,10 +116,6 @@ button {
     }
 }
 
-img.task-completed {
-    width: 15px;
-}
-
 input,
 button {
     &.add-task,
diff --git a/static/styles/zulip.css b/static/styles/zulip.css
index 578101f0cb..bf3cb80fef 100644
--- a/static/styles/zulip.css
+++ b/static/styles/zulip.css
@@ -178,10 +178,6 @@ p.n-margin {
     margin: 0;
 }
 
-.border-radius {
-    border-radius: 4px;
-}
-
 .history-limited-box {
     color: hsl(16, 60%, 45%);
     border: 1px solid hsl(16, 60%, 45%);
@@ -545,10 +541,6 @@ li,
     margin-left: -8px;
 }
 
-.btn-large {
-    font-size: 115%;
-}
-
 /* Classes for hiding and showing controls */
 
 .notdisplayed {
@@ -645,13 +637,6 @@ strong {
     }
 }
 
-.message-edit-tooltip-inner {
-    width: 200px;
-    position: absolute;
-    right: 7px;
-    top: -18px;
-}
-
 .narrow-filter {
     display: block;
     position: relative;
@@ -1055,14 +1040,6 @@ td.pointer {
         display: block;
     }
 
-    /*
-       We can't collapse the floating recipient bar yet, so this is
-       just a temporary hack.
-    */
-    .messages-collapse {
-        display: none;
-    }
-
     .message_header_private_message {
         border-bottom: 0;
         border-left: 0;
@@ -1158,36 +1135,6 @@ td.pointer {
     }
 }
 
-.summary_row {
-    .message_header {
-        padding: 5px 0 4px 5px;
-        border-radius: 0;
-    }
-
-    &.last_message {
-        .message_header {
-            border-bottom-right-radius: 3px;
-            box-shadow: inset 0 2px 1px -2px hsl(0, 0%, 20%),
-                inset -2px 0 1px -2px hsl(0, 0%, 20%),
-                inset 0 -2px 1px -2px hsl(0, 0%, 20%);
-        }
-
-        .summary_colorblock {
-            border-bottom-left-radius: 3px;
-        }
-    }
-}
-
-.bookend_tr + .summary_row {
-    .message_header {
-        border-top-right-radius: 3px;
-    }
-
-    .summary_colorblock {
-        border-top-left-radius: 3px;
-    }
-}
-
 .copy-paste-text {
     /* Hide the text that we want copy paste to capture */
     position: absolute;
@@ -1196,15 +1143,6 @@ td.pointer {
     width: 0;
 }
 
-.summary_row_private_message .summary_colorblock {
-    background-color: hsl(0, 0%, 0%);
-}
-
-.messages-expand,
-.messages-collapse {
-    cursor: pointer;
-}
-
 @keyframes rotate {
     from {
         transform: rotate(0deg);
@@ -1425,18 +1363,6 @@ a.dark_background:hover,
     font-size: 60%;
 }
 
-.actions_hovered {
-    .message_time,
-    .info {
-        color: hsl(200, 100%, 40%);
-        cursor: pointer;
-    }
-
-    .actions_link {
-        text-decoration: underline;
-    }
-}
-
 .settings-forgot-password {
     display: inline-block;
     position: relative;
@@ -1584,15 +1510,6 @@ div.focused_table {
     justify-content: flex-start;
 }
 
-.select_edit_stream {
-    margin-bottom: 5px !important;
-    border-left: 0;
-    padding-left: 0;
-    border-radius: 3px;
-    margin-left: -10px;
-    text-indent: 10px;
-}
-
 #inline_topic_edit:focus,
 #message_edit_topic:focus {
     outline: none;
@@ -1689,14 +1606,6 @@ div.focused_table {
     font-weight: bold;
 }
 
-.brand.skinny-user-gravatar {
-    display: table-cell;
-    padding-top: 0;
-    padding-bottom: 0;
-    margin-bottom: 0;
-    white-space: nowrap;
-}
-
 .top-navbar-border {
     border-right: 1px solid hsl(0, 0%, 88%);
     border-left: 1px solid hsl(0, 0%, 88%);
@@ -2229,19 +2138,6 @@ nav {
             height: 25px;
             max-width: 200px;
         }
-
-        .company-name {
-            display: inline-block;
-            vertical-align: top;
-            text-transform: uppercase;
-            margin-top: 12px;
-            margin-left: 8px;
-            font-size: 1.2rem;
-            font-weight: 600;
-            color: hsl(170, 48%, 54%);
-            letter-spacing: 0.1em;
-            cursor: pointer;
-        }
     }
 
     a {
@@ -2386,10 +2282,6 @@ div.topic_edit_spinner .loading_indicator_spinner {
     height: 20px;
 }
 
-.topic_move_spinner {
-    margin: 0 auto;
-}
-
 #invitee_emails {
     min-height: 40px;
     max-height: 300px;
@@ -2534,11 +2426,6 @@ div.topic_edit_spinner .loading_indicator_spinner {
     margin-bottom: 0;
 }
 
-/* Override padding-top on form labels when they label only text */
-.form-horizontal .label_for_text {
-    padding-top: 0;
-}
-
 #pw_change_controls {
     display: none;
 }
@@ -2680,18 +2567,6 @@ div.topic_edit_spinner .loading_indicator_spinner {
     z-index: 20000;
 }
 
-.tutorial-done-button {
-    text-align: right;
-    margin-top: 9px;
-    margin-bottom: 8px;
-}
-
-.btn-skip {
-    position: relative;
-    left: -10px;
-    margin-right: 25px;
-}
-
 .deactivated_user .deactivated-user-icon {
     color: inherit;
     margin-left: 2px;
@@ -2727,18 +2602,10 @@ div.topic_edit_spinner .loading_indicator_spinner {
     display: none !important;
 }
 
-.display-tooltip {
-    display: block !important;
-}
-
 .hotkey-hint {
     opacity: 0.75;
 }
 
-select.inline_select_topic_edit {
-    margin: 0;
-}
-
 .flatpickr-calendar {
     /* Hide the up and down arrows in the Flatpickr datepicker year */
     .flatpickr-months .numInputWrapper span {
@@ -2944,11 +2811,6 @@ select.inline_select_topic_edit {
         margin-right: 0;
     }
 
-    .skinny-user-gravatar {
-        position: absolute;
-        top: 0;
-    }
-
     #streamlist-toggle {
         display: block;
     }