For now this just adds a border to the quote boxes. I might do more later if people are interested. [Update - added larger text size, update 2 - made the quote boxes prettier, made the links at the bottom into buttons]
Before:
After:
Firstly add the Stylish add-on for Firefox (I think it’s available for Chrome too from here).
Create a new style in Stylish and add the following code into the big box in the editor:
@-moz-document url-prefix(http://www.bbc.co.uk/dna/mbreligion/) {
#blq-main #previewpost blockquote,
#blq-main ul.forumthreadposts li blockquote,
#blq-main div.inreplyto blockquote {
margin: 0 7px 10px 7px !important;
font-style: normal !important;
padding: 10px 5px !important;
border-top: 1px solid #94a2ac !important;
border-bottom: 1px solid #94a2ac !important;
background: rgba(255,255,255,0.4);
}
#multiposts #dna-boardpromo {
display: none !important;
}
#multiposts #blq-content {
width: 600px !important;
}
#multiposts #blq-content {
font-size: 1.2em !important;
}
#multiposts #blq-content li {
background: #f3f4f7 !important;
border-bottom: 1px solid #dce0e5;
}
#multiposts #blq-content li.stripe {
background: #e5e8ec !important;
}
#multiposts .itemdetail {
margin-bottom: 10px !important;
border-bottom: 1px dashed #666 !important;
}
#multiposts .itemdetail p {
margin-bottom: 3px !important;
}
.dna-boards-inreplyto, .permalink {
margin-top: 10px !important;
margin-right: 10px !important;
margin-bottom: 0px !important;
}
.dna-boards-inreplyto a, .permalink a, .flag a {
display: block !important;
background: #4780A7 !important;
color: white !important;
padding: 5px !important;
-moz-border-radius: 3px;
}
.dna-boards-inreplyto a, .permalink a {
float: left !important;
margin-right: 10px;
}
.flag a {
float: right !important;
}
.flag {
clear: both !important;
margin-top: 10px !important;
margin-bottom: 40px !important;
}
}
A dark version with some orange:
@-moz-document url-prefix(http://www.bbc.co.uk/dna/mbreligion/) {
#blq-main #previewpost blockquote,
#blq-main ul.forumthreadposts li blockquote,
#blq-main div.inreplyto blockquote {
margin: 10px 7px 10px 7px !important;
font-style: normal !important;
padding: 10px 5px !important;
border-top: 3px solid rgba(0,0,0,0.3) !important;
border-bottom: 3px solid rgba(0,0,0,0.3) !important;
background: rgba(0,0,0,0.3);
}
#multiposts #dna-boardpromo {
display: none !important;
}
#multiposts #blq-content {
width: 600px !important;
}
#multiposts #blq-content {
font-size: 1.2em !important;
}
#multiposts #blq-content li {
background: rgba(244,211,112,0.2) !important;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
#multiposts #blq-content li.stripe {
background: rgba(244,211,112,0.1) !important;
}
#multiposts .itemdetail {
margin-bottom: 10px !important;
border-bottom: 1px dashed #666 !important;
}
#multiposts .itemdetail p {
margin-bottom: 3px !important;
}
.dna-boards-inreplyto, .permalink {
margin-top: 10px !important;
margin-right: 10px !important;
margin-bottom: 0px !important;
}
#blq-main #blq-content .dna-boards-inreplyto a, #blq-main #blq-content .permalink a, #blq-main #blq-content .flag a {
display: block !important;
background: #a48424 !important;
color: white !important;
padding: 5px !important;
-moz-border-radius: 3px;
}
.dna-boards-inreplyto a, .permalink a {
float: left !important;
margin-right: 10px !important;
}
.flag a {
float: right !important;
}
.flag {
clear: both !important;
margin-top: 10px !important;
margin-bottom: 40px !important;
}
blockquote .quote_link_holder {
margin-top: 5px;
text-align: right;
margin-right: -4px;
margin-bottom: -9px;
}
blockquote .quote_link_holder a {
font-size: 10px;
font-weight: normal;
}
#blq-main {
background: #333333 !important;
color: rgba(255,255,255,0.8) !important;
text-shadow: rgba(0,0,0,0.6) 1px 1px 1px !important; }
#blq-main #blq-local-nav ul.navigation li a.current-section, #blq-main #blq-local-nav ul.navigation li a.current-section:hover, #blq-main #blq-local-nav ul.navigation li a.current-section:focus {
background-color:rgba(0,0,0,0.3) !important;
}
#blq-main #blq-local-nav ul li.topic-parent a, #blq-main #blq-local-nav ul li.topic-parent a:hover, #blq-main #blq-local-nav ul li.topic-parent a:focus {
background-color:rgba(0,0,0,0.3) !important;
}
ul.forumthreadposts li.stripe, ul.admin, #blq-content .forummodstatus, #blq-content table.forumthreads .stripe td {
background-color:rgba(0,0,0,0.3) !important;
}
#blq-main #blq-content h2, #blq-main #dna-boardpromo h3 {
background-color:rgba(0,0,0,0.3) !important;
color:#cccccc !important;
}
#blq-main #blq-local-nav a, #blq-main #blq-content a, #blq-main #dna-boardpromo a {
color:#f1c748 !important;
}
#blq-content .topiclist li, ul.navigation, #blq-main #dna-boardpromo div {
border:1px solid rgba(0,0,0,0.3) !important;
}
#blq-main ul.navigation li.hr hr {
border-color:rgba(0,0,0,0.3) !important;
color:rgba(0,0,0,0.3) !important;
}
#blq-main .inspect-user, #blq-main .threads, #blq-main .addthread, #blq-main .error, #blq-main .multiposts, #blq-main .moreposts, #blq-main .morecomments, #blq-main .move-thread {
border-bottom:1px solid rgba(0,0,0,0.3) !important;
border-left:1px solid rgba(0,0,0,0.3) !important;
border-right:1px solid rgba(0,0,0,0.3) !important;
}
#blq-content table.forumthreads th {
border-right:1px solid rgba(0,0,0,0.3) !important;
}
#blq-content table.forumthreads td {
border-right:1px solid rgba(0,0,0,0.3) !important;
}
#blq-content .forumthreads {
color:#eeeeee !important;
text-shadow: rgba(0,0,0,0.6) 1px 1px 0px !important;
}
body {
background: #111111 !important;
}
#blq-container {
background: none !important;
}
#blq-main .multiposts h3 {
color:#cccccc !important;
}
#blq-main .dna-boards h3 {
color:#cccccc !important;
}
.addthread ul.forumthreadposts li.firstpost {
background-color:rgba(244,211,112,0.2) !important;
}
#blq-main #blq-content .dna-boards div#previewpost {
background-color:rgba(244,211,112,0.2) !important;
}
div#dna-boardpromo #dna-about-board {
background-color:rgba(0,0,0,0.3) !important;
}
#blq-content table.forumthreads td.latestreply {
border-right:medium none !important;
}
#blq-content table.forumthreads th#latestreply {
border-right:medium none !important;
}
}
