Skip to content

QQ Zenforo 1 black and blue omage by Multipanda

Screenshot of QQ Zenforo 1 black and blue omage

Details

AuthorMultipanda

LicenseCC-BY-SA-4.0

Categoryforum.questionablequesting.com

Created

Updated

Size2.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Fixes to new QQ Blackened Blue style to have it look more like the old Xenforo 1 black and blue style along with other adjustments (Check Notes).

Notes

You should use the Blackened Blue Style on QQ under Preferences in order to have it look like the screenshot.

Changes:
Hide Normal Threads bar
show spoilers
slimmer page width
Wider threadmark menus
Unread alerts lighter
Remove Facebook-esque thumbs up icon
text colour
colours of buttons and links

Source code

/* ==UserStyle==
@name           QQ Zenforo 1 black and blue omage
@namespace      USO Archive
@author         AN
@description    `Fixes to new QQ Blackened Blue style to have it look more like the old Xenforo 1 black and blue style along with other adjustments`
@version        0.3
@license        CC-BY-SA-4.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("forum.questionablequesting.com") {

/* Hide Normal Threads bar */ 
.structItemContainer-group--normal-block.structItemContainer-group > .structItem--thread.structItem {
    display: none;
}

/* Wider threadmark menus */ 
.menu-content {
    min-width: 600px;
    border-bottom: 1px solid #444547;
    border-left: 1px solid #444547;
    border-right: 1px solid #444547;
}

/* text colour */
.block--messages .message, .block--messages .block-row, .block-container {
  color: #dedede !important;
}
/* show spoilers */
span[style*="transparent" i] {
    color: red !important;
    background-color: black;
}
html[stylus-iframe] span[style*="transparent" i] {
    color: red !important;
    background-color: black;
}
/* Set page width */
.p-body-pageContent {
    margin: 0 auto;
    max-width: 1170px;
}
/* Remove Facebook-esque thumbs up icon */ 
.js-reaction.reaction-sprite, .reactionSummary {
    display: none;
}

/* Unread alerts lighter */ 
li.alert.is-unread {
    background-color: #444547 !important;
}
/* text colour */
.block--messages .message, .block--messages .block-row, .block-container {
  color: #dededef5 !important;
}
/* darker grey background on main page */
.p-body {
    background-color: #212121; 
}
.node-body {
    background-color: #212121; 
}
.block-container {
    background-color: #212121; 
}
.structItem-cell--meta.structItem-cell {
    background-color: #1c1c1c; 
}
/* Change colours of buttons, boxes and links */ 
.message-footer .message-actionBar .actionBar-set a, .reactionsBar {
    background-color: #272727; 
}
.button.button--cta, a.button.button--cta {
    background-color: #0596fe75; 
}
.button-text {
    color: #c8c8c8e6; 
}
.label {
    color: #0596feba; 
}
.filterBar-menuTrigger, .block-filterBar a {
    background: none;
    color: #c8c8c8e6;   
}
.block-filterBar {
    background-color: #0596fe6b;
    color: #c8c8c8e6;   
}
.structItem > .structItem-cell--main.structItem-cell > .structItem-minor > .structItem-parts > li > .username {
    color: #c8c8c8e6;    
}
.structItem--thread.structItem > .structItem-cell--main.structItem-cell > .structItem-minor > .structItem-parts > .structItem-startDate > [href] > .u-dt {
    color: #c8c8c8e6;    
}
div.p-body-pageContent div[data-type="thread"] ul.structItem-parts li.structItem-startDate + li a  {
    color: #c8c8c8e6;
}


a:link {
  color: #0596fec2;                  
} 
                               
a:visited {
  color: #0596fec2;                  
}   



}



Reviews

No reviews yet.