Site Configuration

Discourse Official Docs

Discourse All Docs

Discourse How-To Category

As of 2022-07-03

This Discourse Forum - Server Specs

Hosted on Linode
Ubuntu 20.04
1 CPU Core
50GB Storage
2 GB RAM


8 minutes to rebuild app...
cd /var/discourse
./launcher rebuild app

Theme - Discourse Default Theme (Light Variant)

Custom Global CSS…

.badge-posts,
.topic-list .posts,
.admin-customize .current-style.maximized .editor-information {
    display:none !important;
}

.btn,
.select-kit-header-wrapper {
    background: #fff;
}

.btn-danger, .json-editor-btn-delete {
    color: var(--secondary);
    background: var(--danger);
}

.topic-category {
    margin-top: 5px;
}

section.post-menu-area {
    max-width: 90%;
    margin: 20px auto;
    padding: 0 11px 0.25em 11px;
}

nav.post-controls .actions button.create,
nav.post-controls .actions button.edit {
    color: #009a49;
    background: #F5F2EF;
    border-radius: 4px !important;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px #222 !important;
}

.svg-icon, .svg-icon-title {
    fill: #4e2b2bb0 !important;
    filter: drop-shadow(1px 4px 2px rgba(0, 0, 0, .4));
}

.topic-footer-main-buttons .d-icon-reply,
.d-icon-copy,
.d-icon-check,
.save-or-cancel .d-icon-plus,
.d-icon-trash-alt,
.d-icon-far-trash-alt,
.widget-button:hover .d-icon-far-trash-alt,
div#display-modes a.active .d-icon,
.topic-bulk-actions-modal .bulk-buttons .btn:focus .svg-icon {
    fill: #fff !important;
}

.widget-button .d-icon-far-trash-alt,
.widget-button .d-icon-trash-alt {
    fill: red !important;
}

.clear-search .d-icon,
.clear-recent-searches .d-icon {
    fill: #cb0000 !important;
}

.d-icon-bookmark,
.d-icon-discourse-bookmark-clock {
    fill: #007cbb !important;
}

nav.post-controls .actions button.create .d-icon,
.codeblock-buttons .d-icon,
.d-icon-reply,
.d-icon-ellipsis-h,
.d-icon-pencil-alt,
.d-icon-d-post-share,
.d-icon-d-topic-share,
.d-icon-sliders-h,
.d-icon-search {
    fill: #009a49 !important;
}

.fa .d-icon  .svg-icon .svg-node,
.d-icon .d-icon-reply {
    fill: #009a49 !important;
}

a.badge-wrapper.bullet,
.menu-panel li.category-link .badge-wrapper.bar,
.menu-panel li.category-link .badge-wrapper.bullet {
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px #222 !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    background: #fff !important;
}

.latest-topic-list .no-topics,
.latest-topic-list .more-topics,
.top-topic-list .no-topics,
.top-topic-list .more-topics {
    padding-bottom: 1em !important;
}

.sticky-header.topic-list button.bulk-select {
    padding: 0 12px;
}

.topic-list button.bulk-select {
    padding: 0 12px 0 0;
}

#global-notice-alert-bootstrap-mode,
div.alert.alert-info.alert-too-few-topics {
    display:none
}

.suggested-topics .topics,
.suggested-topics .suggested-topics-title {
    display: none
}

.d-header-wrap {
    box-shadow: 0 13.36px 8.896px #c4b59d7d, 0 -2px 1px #222;
}

.d-header .title {
    padding-left: 10px;
}

.tag-cloud-vis {
text-shadow: 0 13.36px 8.896px #c4b59d, 0 -2px 1px #fff !important;
}

.category-name,
#topic-title h1 a {
    font-weight: 700;
    background-color: #4e2b2bcc;
    color: transparent;
    text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.50);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

.select-kit.dropdown-select-box.period-chooser .period-chooser-header h2.selected-name .date-section {
    margin: 5px 10px !important;
}

.topic-status-info, .topic-timer-info {
    border-top: 1px transparent;
}

.drop-down-mode .d-header-icons .active .icon {
    border-radius: 4px 4px 0 0;
}

.dashboard .navigation,
.dashboard-next .navigation,
.loading-container,
div.details,
div.user-content,
.boxed.white {
    margin: 0 1em 1em;
    padding: 1em;
}

div.boxed.white.admin-content {
    padding: 2em !important;
}

.loading-container {
    margin: 0;
    padding: 0;
}

#main-outlet {
    padding-top: 1.5em;
}

.admin-interface .wrap {
    padding: 0 !important;
}

.admin-main-nav {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
.admin-main-nav:before,
.admin-main-nav:after,
.admin-controls nav:before, 
.admin-controls nav:after {
display:none !important;
}

.admin-main-nav .nav-pills,
.admin-controls .nav-pills,
.admin-contents ul.navigation {
    margin: 1em 1em 0.5em !important;
    padding: 0 !important;
    width: auto !important;
    white-space: normal !important;
    flex-wrap: wrap !important;
    overflow-x: unset !important;
}

.admin-main-nav .nav-pills>li,
.admin-controls .nav-pills>li, 
.admin-contents .nav-pills>li {
    margin-right: .5em !important;
    margin-bottom: .5em !important;
}

.archetype-private_message .topic-map {
    margin: 1em 1em 2em;
}

[class*="archetype-"] {
    --below-topic-margin: 0;
}

summary:before {
filter: drop-shadow(1px 4px 2px rgba(0,0,0,0.4));
}

a.discourse-tag.simple,
.sortable {
    filter: drop-shadow(1px 4px 2px rgba(0,0,0,0.2));
    color: #836262 !important;
}

a.badge.new-posts.badge-notification {
    filter: drop-shadow(1px 4px 2px rgba(0,0,0,0.2));
    font-size: var(--font-down-1) !important;
    color: #836262!important;
}

a.badge-notification.unread-posts {
    background-color: #009a4970 !important;
    filter: drop-shadow(1px 4px 2px rgba(0,0,0,0.2));
}

.menu-panel.drop-down,
div.search-header,
.list-controls .combo-box .combo-box-header,
.select-kit.is-expanded .select-kit-body,
.nav-pills>li>a
.nav-pills>li.active>a,
.nav-pills>li>a:hover,
.layouts-nav-button>li>a:hover,
.layouts-nav-button>li.active>a,
.nav-pills>li>a.active,
.layouts-nav-button>li>a.active,
li.navigation-toggle,
.btn,
div.details,
div.user-content,
.list-controls .nav-pills>li,
.popup-menu,
.boxed.white,
.d-editor-textarea-wrapper {
    border-radius: 4px !important;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
}

.d-editor-preview {
    padding: 10px;
    border: 1px solid green;
    border-radius: 4px;
}

.btn-primary {
    border: none;
    font-weight: normal;
    color: #fff;
    background: #009a49;
    padding: 8px 14px;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
}

.btn-primary:hover,
.btn-primary.btn-hover {
    color: #fff;
    background: #009a49;
}

.btn-primary .d-icon {
    fill: #fff !important;
}

.d-icon.d-icon-d-tracking, .d-icon.d-icon-d-watching {
    color: #009a49;
}

a {
    color: #009a49;
}

a:active {
    color: #009a49;
}

a:visited {
    color: #009a49;
}

.d-label {
    color: #009a49;
}

.open .grippie {
    cursor: row-resize;
    padding: 4px 0;
    background: #009a49;
}

.badge-notification.new-topic {
    background-color: transparent;
    color: #009a49;
    font-weight: normal;
    font-size: .8706em;
}

.vote-button {
    display: block;
    margin-top: 5px;
    padding: 2px 0px;
    color: #ffffff;
    background-color: #009a49;
    cursor: pointer;
}

.nav-pills>li.active>a,
.layouts-nav-button>li.active>a,
.nav-pills>li>a.active,
.layouts-nav-button>li>a.active {
    color: #fff;
    background-color: #009a49;
}

.nav-pills>li>a:hover, .layouts-nav-button>li>a:hover {
    color: #fff;
    background-color: #009a49;
}

.select-kit .select-kit-header {
    white-space: nowrap;
}

.select-kit.dropdown-select-box.period-chooser .period-chooser-header {
    padding: 3px 5px 0 0;
}

.period-chooser-header h2.selected-name {
    font-size: var(--font-up-1) !important;
}

.select-kit.combo-box .select-kit-collection .collection-header a {
    white-space: nowrap;
    color: #222;
    line-height: 1.2;
    font-weight: bold;
    display: block;
    padding: 6px 10px;
    color: #009a49;
}

.badge-notification.new-posts,
.badge-notification.unread-posts {
    background-color: #009a49;
    color: #fff;
    font-weight: normal;
}

#reply-control {
    max-width: 1510px;
}

#reply-control .reply-area {
    background: #ddd;
    padding: 1em;
}

.d-editor-preview-wrapper {
    margin-left: .5em;
}

.fullscreen-composer #reply-control.fullscreen .d-editor-preview-wrapper {
    margin-top: 0;
}

.d-editor-preview {
    background: #fff;
}

.admin-customize .themes-list-container .themes-list-item.active {
    color: #fff;
    font-weight: bold;
    background-color: #009a49;
}

#reply-control {
  &.draft,
  &.saving {
    background-color: #009a49;
  }
}

.nav-stacked a.active {
    color: #fff;
    background-color: #009a49;
}

a:hover {
    color: #777;
}

.custom-wizard .control-group input {
    width: 225px;
    line-height: 24px;
}

.categories-and-latest .column.categories {
    max-width: 40%;
}

.list-cell, .table-heading, .category-list td, .category-list th {
    color: #222;
}

h1, #topic-title .title-wrapper #edit-title, h2, h3 {
    margin-bottom: 0.4rem !important;
}

body, #main {
    background: #F5F2EF !important;
}

.d-header {
    background-color: #d4d4e1;
}

.d-header-icons .d-icon {
    color: #aba9a9;
}

div.timeline-handle {
    background: linear-gradient(90deg,rgba(254,22,97,.6) 0,
    rgba(22,93,254,.5) 100%) !important;
}

div.timeline-scrollarea {
    border-left: 1px solid #6c6cb7 !important;
}

.timeline-container .topic-timeline .timeline-scroller-content {
  position: unset;
}

.latest-topic-list {
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
    background-color: #fff;
    padding: 0px 30px 40px 30px;
    border-radius: 4px;
}

.latest-topic-list .title {
    font-weight: bold;
}

.topic-body {
    /* width: 75%; */
    margin: 0 auto;
    background-color: #fff;
    padding: 12px 11px 0 11px;
    border-radius: 4px;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
}

#topic-title {
    z-index: 1;
    padding-top: 14px;
    margin-bottom: 10px;
}

.topic-body .contents .cooked {
    overflow: unset;
    max-width: 90%;
    margin: 0 auto;
}

.topic-status-info {
    height: 20px;
    max-width: 757px;
}

.vote-count {
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 18px;
    background-color: #fff;
}

.topic-meta-data {
    align-items: center;
    padding-bottom: 5px;
}

.cooked h1,
.cooked h2,
.cooked h3,
.cooked h4,
.cooked h5,
.cooked h6,
.d-editor-preview h1,
.d-editor-preview h2,
.d-editor-preview h3,
.d-editor-preview h4,
.d-editor-preview h5,
.d-editor-preview h6 {
    margin: 15px 0 10px;
}

.gap {
    padding: 1.25em 0 0.5em 4.6em;
    color: #919191;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .8706em;
}

#suggested-topics {
    clear: left;
    margin: 2em 0 1em;
    padding: 1.5% 5% 1% 5%;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1.36px 8.896px #c4b59d, 0 0 1px !important;
display:none;
}

.qa-tip-container {
    position: relative;
    padding-bottom: 1%;
}

.topic-post.answer .topic-body {
    width: 75%;
}

.user-main .about.collapsed-info .details {
    padding:10px 10px 12px;
}

.user-main .about .details .primary .primary-textual {
    padding: 0;
}

.user-main .about .details .user-profile-avatar {
    margin-top: -7px
}

.user-main .about .details h2 {
    margin-bottom: 0;
}

.user-main .about .details .primary h1 {
    margin-bottom: 0;
}

.link-share-actions {
    padding: 5px 5px 7px;
}

.container.posts {
    justify-content: start;
}

.topic-post .topic-avatar {
  display: none !important;
}

#topic-footer-buttons button.btn-primary.pull-right.btn.btn-icon-text {
    display:none;
}

.menu-panel .panel-body-bottom .btn {
  margin: 5px 7px 7px 5px;
}

#topic-progress-wrapper .topic-admin-menu-button-container {
     margin-right: 1em !important;
    }

#main-outlet-wrapper {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    grid-template-areas: "content";
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    justify-content: center;
    margin-bottom: 50px;
}

.search-container .search-header {
    padding: 1rem;
}

.search-container .search-bar input.search-query {
    flex: none;
}

.notifications-dismiss .d-icon-check,
.is-group-member .d-icon-check {
    fill: #009a49 !important;
}

.d-icon-d-liked,
.d-icon-d-unliked,
.d-icon-heart {
    fill: #ff00d9 !important
}

.admin-controls li.admin-actions button,
.create-new-badge a.btn {
    margin-right: 1em;
}

.user-primary-navigation a.active .d-icon,
.user-primary-navigation a:hover .d-icon {
    fill: #fff !important;
}

.d-editor-button-bar {
    flex-wrap: wrap;
}

@media screen and (max-width: 690px) {

}

@media (max-width: 790px) {
.topic-body {
    box-sizing: border-box;
    width: 100%;
    }  
}

@media screen and (max-width: 924px) {
    .container.posts .topic-navigation {
        grid-area: posts;
        grid-row: 2;
        width: auto;
        margin-top: 20px;
    }
}
    
@media screen and (min-width: 925px) {
    .container.posts .topic-navigation {
        margin-left: 2em !important;
    }
}

Installed Plugins