Wikia


C.Syde's Wiki Discussions CSS is a set of Cascading Style Sheets which can be enabled to add CSS to Discussions. Since Discussions is a mobile-friendly feature, it is not supported by CSS, whether it be site-wide or personal. However, if Stylish is used, the following CSS can be enabled to Discussions at a personal level.

The following CSS will not make Discussions look quite the same as the rest of the wiki, but it will make it look much more similar. So those who have criticised the way Discussions is completely unsupported by this wiki's CSS, should be a lot happier by using Stylish to activate this CSS. To install the style without manually copying and pasting the code, you will need to install it here.

C.Syde's Wiki - Discussions with Stylish

An example of what C.Syde's Wiki Discussions will look like with the Stylish sheet added.

/*USERNAME HIGHLIGHTS FOR STAFF MEMBERS*/
 
/*BUREAUCRATS*/
a[href$="/User:C.Syde65"]                   { color:maroon !important; font-weight:bold !important; }
 
/*SYSOPS*/
a[href$="/User:Sims2Player"]                { color:navy !important; font-weight:bold !important; }
 
/*ASSISTANTS*/
a[href$="/User:TheKorraFanatic"],
a[href$="/User:TigerTanksHD"]               { color:#505078 !important; font-weight:bold !important; }
 
/*DISCUSSION MODERATORS*/
a[href$="/User:JustLeafy"],
a[href$="/User:OoppDecks"]                  { color:grey !important; font-weight:bold !important; }
 
/*ROLL-BACKERS*/
a[href$="/User:Mihai_Gradin"]               { color:green !important; font-weight:bold !important; }
 
/*CHAT MODERATORS*/
a[href$="/User:Raymond_Trevor"]             { color:#838000 !important; font-weight:bold !important; }
 
/*BOTS, GLOBAL BOTS, SCRIPTS*/
a[href$="/User:127.0.0.1"],
a[href$="/User:CreateWiki_script"],
a[href$="/User:Default"],
a[href$="/User:Fandom"],
a[href$="/User:FANDOM"],
a[href$="/User:FandomBot"],
a[href$="/User:FANDOMbot"],
a[href$="/User:Userpage_Bot"],
a[href$="/User:VSTF_Bot"],
a[href$="/User:Wikia"],
a[href$="/User:WikiaBot"],
a[href$="/User:Wikia_Video_Library"],
a[href$="/User:Delete_page_script"],
a[href$="/User:Edit_page_script"],
a[href$="/User:Maintenance_script"],
a[href$="/User:MediaWiki_default"],
a[href$="/User:BrickleBot"],
a[href$="/User:FanaticBot"],
a[href$="/User:Romania00_BOT"],
a[href$="/User:Syde_BOT"]                   { color:#002E54 !important; font-weight:bold !important; }
 
/*VOLUNTEER SPAM TASK FORCES*/
a[href$="/User:Noreplyz"],
a[href$="/User:RansomTime"],
a[href$="/User:Riptoze"]                 { color:#94d11f !important; font-weight:bold !important; }
 
/*WIKIA UTILITIES*/
a[href$="/User:AmonFatalis"],
a[href$="/User:Brandon_Rhea"],
a[href$="/User:Kirkburn"],
a[href$="/User:Merrystar"],
a[href$="/User:Mira_Laime"],
a[href$="/User:Mroszka"],
a[href$="/User:Rappy_4187"],
a[href$="/User:Sannse"],
a[href$="/User:TK-999"]                     { color:#404a57 !important; font-weight:bold !important; }
 
/*SITE-WIDE SYSTEM FOR NON-SITE-WIDE FEATURES*/
 
a:hover,
.color2 a:hover {
    color: #0000A4;
    text-shadow: #ff0066 0 0 5px;
    text-decoration:underline;
}
 
a:visited:hover,
.color2 a:visited:hover {
    color: #0000A4;
    text-shadow: #ff7111 0 0 5px;
    text-decoration:underline;
}
 
#globalNavigation a[data-tracking-label="account.profile"]:hover {
    color: inherit !important;
}
 
#globalNavigation a:hover, .color2 a:hover {
    text-shadow: #ff0066 0 0 5px !important;
}
 
#globalNavigation a:visited:hover, .color2 a:visited:hover {
    text-shadow: #ff7111 0 0 5px !important;
}
 
header.wds-community-header a:hover,
.color2 a:hover {
    text-shadow: #ff0066 0 0 5px !important;
    text-decoration:underline;
}
 
header.wds-community-header a:visited:hover,
.color2 a:visited:hover {
    text-shadow: #ff7111 0 0 5px !important;
    text-decoration:underline;
}
 
.ns-502 .wds-button:not(.wds-is-secondary):nth-of-type(1),
#page-header-add-new-photo,
.wds-button.wds-is-squished.addVideo {
    text-shadow: 1px 1px 2px #555555 !important;
}
 
.wds-community-header {
    margin-top: 1.00001;
    background-color: #517e00;
    margin: 0 auto;
    z-index: 5;
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#517E00),color-stop(65%,#629800)) !important;
}
 
.mcf-card-wiki-articles__header {
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#517E00),color-stop(65%,#629800)) !important;
}
 
.wds-community-header__local-navigation a#DisplayClockJS {
    top: 6.3em !important;
    right: 19px !important;
    font-weight: bold;
    text-shadow: 1px 1px 2px #222222;
}
 
.wds-community-header .wds-button .wds-is-secondary {
    font-weight: bold;
    text-shadow: 1px 1px 2px #222222;
}
 
.wds-community-header .wds-community-header__counter {
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px 2px #222222;
}
 
.wds-community-header .wds-community-header__sitename a {
    color: #ffffff !important;
    font-weight: bold;
    text-shadow: 1px 1px 2px #222222 !important;
}
 
.wds-community-header .wds-community-header__sitename a:hover {
    color: rgba(255,255,255,0.8) !important;
    text-shadow: 1px 1px 2px #222 !important;
    text-decoration:none !important;
}
 
.wds-community-header .wds-dropdown__content,
.wds-community-header .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content {
    box-shadow: 1px 2px 12px 0 #333333;
    border: 1px solid #517e00;
}
 
.wds-community-header .wds-tabs__tab-label {
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px 2px #222222;
}
 
.wds-community-header .wds-tabs__tab.wds-is-active .wds-tabs__tab-label, .wds-community-header .wds-tabs__tab:hover .wds-tabs__tab-label {
    color: rgba(255,255,255,0.8) !important;
    text-shadow: 1px 1px 2px #222222 !important;
    text-decoration:underline;
}
 
.wds-community-header__wiki-buttons {
    font-weight: bold;
    text-shadow: 1px 1px 2px #555555 !important;
}
 
.wds-global-footer a:hover, .color2 a:hover,
.wds-global-footer__link a:hover, .color2 a:hover {
    color: #0000a4;
    text-shadow: #ff0066 0 0 5px !important;
}
 
.wds-global-footer a:visited:hover, .color2 a:visited:hover,
.wds-global-footer__link a:visited:hover, .color2 a:visited:hover {
    text-shadow: #ff7111 0 0 5px !important;
}
 
.wds-sign-out__button:hover {
    color: #0000a4;
    text-shadow: #ff0066 0 0 5px !important;
}
 
.WikiaPage .page-header__subtitle-back-icon {
    fill: #3a3a3a;
}
 
.WikiaPage .page-header .wds-button a:hover, .color2 a:hover,
.WikiaPage .page-header .page-header__contribution-buttons .wds-button-group a:hover, .color2 a:hover,
.WikiaPage .page-header .page-header__contribution-buttons .wds-button:hover, .color2:hover {
    text-shadow: #ff0066 0 0 5px !important;
}
 
.WikiaPage .page-header .wds-button a:visited:hover, .color2 a:visited:hover,
.WikiaPage .page-header .page-header__contribution-buttons .wds-button-group a:visited:hover, .color2 a:visited:hover,
.WikiaPage .page-header .page-header__contribution-buttons .wds-button:visited:hover, .color2:visited:hover {
    text-shadow: #ff7111 0 0 5px !important;
}
 
.WikiaPage .page-header .wds-button {
    background-color: #446a00 !important;
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#517e00),color-stop(65%,#629800)) !important;
    border-radius: 0.5em;
}
 
.WikiaPage .page-header .wds-button:focus:not(:disabled), .WikiaPage .page-header .wds-button:hover:not(:disabled), .WikiaPage .page-header .wds-button:active, .WikiaPage .page-header .wds-button.wds-is-active {
    border: 1px solid #517e00 !important;
}
 
.WikiaPage .page-header .wds-button-group > .wds-button:not(.wds-is-secondary):not(:last-child) {
    border-right-color: #96b166 !important;
    border-radius: 0.5em 0 0 0.5em;
    text-shadow: 1px 1px 2px #555555;
}
 
.WikiaPage .page-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button {
    border-left-color: #96b166 !important;
    border-radius: 0 0.5em 0.5em 0;
}
 
.WikiaPage .page-header .wds-button.wds-is-secondary:focus:not(:disabled), .WikiaPage .page-header .wds-button.wds-is-secondary:not(:disabled), .WikiaPage .page-header .wds-button.wds-is-secondary:active, .WikiaPage .page-header .wds-button.wds-is-secondary.wds-is-active,
.WikiaPage .page-header .wds-button.wds-is-secondary:focus:not(:disabled), .WikiaPage .page-header .wds-button.wds-is-secondary:hover:not(:disabled), .WikiaPage .page-header .wds-button.wds-is-secondary:active, .WikiaPage .page-header .wds-button.wds-is-secondary.wds-is-active {
    background-color: #e5e5e5 !important;
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#ffffff),color-stop(65%,#e5e5e5)) !important;
    border: 1px solid #bbbbbb !important;
    color: #3a3a3a !important;
    border-radius: 0.5em;
}
 
.WikiaPage .page-header .wds-dropdown__content {
    border-color: #517e00;
    box-shadow: 1px 2px 12px 0 #333333;
}
 
/*DISCUSSIONS COLOUR SCHEME CSS*/
 
.discussion-categories-list-content label:hover {
    background-color: #f3dedf;
}
 
.discussion-community-unit .discussions-links {
    border-bottom: 1px solid #bca1a3;
    color: #3a3a3a;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 5px;
    padding-bottom: 6px;
}
 
.discussion-content-wrapper {
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    background: #eccacc;
    box-shadow: 11em 11em 11em 81em #FF0066;
    border-radius: 0.5em;
    margin-top: 0.5em;
}
 
.discussion .discussion-no-replies {
    border-bottom: 1px solid #bca1a3;
    color: #958384;
}
 
.discussion .discussion-reply .upvotes small {
    color: #958384;
    display: block;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    word-wrap: normal;
}
 
.discussion .empty-forum-message {
    border: 2px dashed #cab4b6;
    cursor: pointer;
    padding: 48px 48px 75px;
    text-align: center;
}
 
.discussion-error .error-content {
    background-color: #f3dedf;
    border-radius: 8px;
    color: #958384;
    font-size: .875rem;
    left: 50%;
    margin-left: -200px;
    padding: 24px 35px 21px;
    position: absolute;
    text-align: center;
    width: 400px;
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(50%,#edf1e4),color-stop(100%,#e5ecd9));
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    border: 1px solid #bca1a3;
}
 
.discussion-filter-header {
    border-bottom: 1px solid #bca1a3;
    color: #3a3a3a;
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 12px;
}
 
.discussion.forum .post-detail, .discussion.forum .post-reply {
    border: 1px solid #aaaaaa;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
}
 
.discussion-forum-tabs li.not-active {
    border-bottom-color: #3a3a3a;
    color: #3a3a3a;
}
 
.discussion-hide-deleted-container label:hover {
    background-color: #f3dedf;
}
 
.discussion-inline-editor .discussion-inline-editor-floating-container {
    background-color: #ffffff;
    border: 4px solid #aaaaaa;
    position: relative;
}
 
.discussion-inline-reply-editor.is-sticky .discussion-inline-editor-floating-container {
    border: 4px solid #aaaaaa;
    border-bottom: 0;
    bottom: 0;
    margin-left: -20px;
    top: auto;
    width: 564px;
}
 
.discussion-left-rail {
    border: solid #bca1a3;
    border-width: 0 0 1px;
    padding-bottom: 18px;
    text-align: center;
}
 
.discussion-left-rail__circle {
    height: 90px;
    min-width: 90px;
    width: 90px;
    background-color: #bca1a3;
    border-radius: 50%;
    margin: 0 auto;
}
 
.discussion-left-rail__discussions {
    color: #958384;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin: 10px 0 0;
    text-align: center;
}
 
.discussion-left-rail__postcounter {
    color: #958384;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    margin: 10px 0 0;
    text-align: center;
}
 
.discussion .load-older {
    background-color: transparent;
    border: 1px solid transparent;
}
 
.discussion-moderator-tools h3 {
    border-bottom: 1px solid #bca1a3;
    color: #3a3a3a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25rem;
    margin: 16px 0 5px;
    padding-bottom: 6px;
}
 
.discussion-moderator-tools .wds-list .icon {
    fill: #958384;
    margin-right: 7px;
}
 
.discussion .more-options li:not(:last-child) {
    border-bottom: 1px solid #cab4b6;
}
 
.discussion .more-options svg {
    fill: #958384;
    margin-right: 3px;
    vertical-align: middle;
}
 
.discussion .post-actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #bbbbbb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    padding: 6px 0;
    background-color: #e5ecd9;
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(50%,#edf1e4),color-stop(100%,#e5ecd9));
}
 
.discussion .post-actions li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    color: #766566;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .75rem;
    font-weight: 500;
    height: 33px;
    line-height: 33px;
    text-align: center;
}
 
.discussion .post-actions a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    color: #766566;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .75rem;
    font-weight: 500;
    height: 33px;
    line-height: 33px;
    text-align: center;
}
 
.discussion .post-actions a:hover {
    color: #0000A4;
}
 
.discussion .post-actions>li:not(:last-child) {
    border-right: 1px solid #bbbbbb;
}
 
.discussion .post-bottom-row {
    color: #766566;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .75rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: .875rem;
    padding-bottom: 14px;
}
 
.discussion .post-detail.is-deleted .icon:not(.delete):not(.undelete) {
    fill: #aaaaaa;
}
 
.discussion .post-reply ~ .discussion-editor-label {
    border-top: 1px solid #bca1a3;
}
 
.discussion .post-reply.is-highlighted {
    background-color: #f3dedf;
}
 
.discussion .post-reply ~ .post-reply .discussion-reply {
    border-top: 1px solid #bca1a3;
}
 
.discussion .side-spaced {
    padding-left: 30px;
    padding-right: 30px;
    background-color: #e5ecd9;
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(50%,#edf1e4),color-stop(100%,#e5ecd9));
}
 
.discussion .timestamp {
    color: #766566;
    font-weight: bold;
}
 
.discussion .top-note {
    border-bottom: 1px solid #cab4b6;
    font-size: .75rem;
    height: 40px;
    line-height: 40px;
    margin-bottom: 5px;
    overflow: hidden;
}
 
.discussion .top-note .text-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #958384;
    cursor: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
 
.discussion-user-activity-glossary legend {
    border-bottom: 1px solid #bca1a3;
    font-size: 18px;
    font-weight: normal;
    padding: 10px 0;
}
 
.discussion-user-activity-list .no-user-activity-items {
    color: #958384;
    font-size: 14px;
    margin: 0 auto;
    padding: 36px 0;
    text-align: center;
    width: inherit;
}
 
.discussion-user-activity-list .row .details {
    align-items: center;
    border-bottom: 1px solid #cab4b6;
    display: flex;
    justify-content: flex-end;
}
 
.discussion-user-activity-list .row .details .user-activity-value .description {
    color: #766566;
    font-size: 12px;
}
 
.discussion-user-activity-list .row .user .username {
    align-items: center;
    border-bottom: 1px solid #cab4b6;
    display: flex;
    flex: 1;
    min-width: 0;
}
 
.icon {
    fill: #999999;
    height: 20px;
    width: 20px;
    vertical-align: middle;
}
 
.rail .discussion-contributors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 12px;
    border: solid #bca1a3;
    border-width: 0 0 1px;
}
 
.standalone-page-view .standalone-content {
    background-color: #eccacc;
}
 
.user-activity-options a, .user-activity-options a:active, .user-activity-options a:visited {
    color: #3a3a3a;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 14px;
    padding: 16px;
    text-align: center;
    text-transform: uppercase;
}
 
.user-activity-options a:hover, .user-activity-options a:active:hover, .user-activity-options a:visited:hover {
    color: #0000A4;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 14px;
    padding: 16px;
    text-align: center;
    text-transform: uppercase;
}
 
.discussion .load-newer.wide {
    border: none;
    border-top: 1px solid #bca1a3;
    background-color: transparent;
}
 
.discussion-user-list .discussion .post-reply ~ .post-reply .discussion-reply, .discussion-reported-posts.discussion .post-reply ~ .post-reply .discussion-reply {
    background-color: #e5ecd9;
    border-top: none;
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(50%,#edf1e4),color-stop(100%,#e5ecd9));
}
 
.discussion-user-list .post-reply, .discussion-reported-posts .post-reply {
    background-color: #e5ecd9;
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(50%,#edf1e4),color-stop(100%,#e5ecd9));
}
 
.discussion .load-more {
    color: #958384;
}
 
.discussion .load-more-button.top-list-button {
    background-color: #e5ecd9;
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(50%,#edf1e4),color-stop(100%,#e5ecd9));
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    border: 1px solid #bca1a3;
}
 
hr {
    border: solid #bca1a3;
    border-width: 1px 0 0;
}
 
.discussions .og-container {
    background-color: #ffffff;
    border: 1px solid #bbbbbb;
}
 
.discussions .og-description,
.user-activity-wikiname,
.user-activity-title {
    color: #958384;
}
 
.discussion-user-activity-toggle {
    border-bottom: 1px solid #cab4b6;
}
 
.discussion-user-activity-list .row .details .user-activity-icon {
    fill: #bca1a3;
}
 
.discussion-fieldset legend,
.discussion .post-title,
.rail .discussion-contributors-title,
.discussion-left-rail__header,
.discussion-user-activity-glossary h5, .discussion-user-activity-glossary p,
.discussion .discussion-content .post-details-link,
.guidelines-page .guidelines-text,
.discussion,
.discussions .og-title,
.discussion .post-detail.is-deleted .discussion-content a,
.discussion .post-detail.is-deleted .discussion-content,
.discussion .post-detail.is-locked .replies-area,
.discussion .post-reply.is-deleted .discussion-content,
.discussion .post-reply.is-parent-deleted .discussion-content,
.discussion .post-reply.is-parent-deleted .discussion-content a,
.discussion-inline-editor .discussion-textarea-with-counter,
.discussion-inline-editor .discussion-inline-editor-textarea,
.discussion-standalone-editor .discussion-standalone-editor-textarea,
.discussion-standalone-editor .discussion-textarea-with-counter
.rail {
    color: #3a3a3a;
}
 
.pop-over-container {
    border: 2px solid #cccccc;
}
 
.discussion.post .post-detail {
    border-right: 1px solid #aaaaaa;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    border-left: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
}
 
.discussion .post-reply.is-parent-deleted .icon:not(.delete),
.discussion .post-reply.is-deleted .icon:not(.delete):not(.undelete),
.discussion .post-detail.is-deleted .icon:not(.delete):not(.undelete),
.discussion .post-detail.is-locked .replies-area .replies {
    fill: #999999;
}
 
.discussion .load-more {
    color: #4d4d4d;
}
 
.discussion .discussion-editor-label {
    color: #777777;
}
 
.discussion .post-edited-by-row {
    color: #766566;
}