KVR Forum Dark Blue Theme

[george]

A theme to display KVR phpBB3 forum like the previous classic one (mostly)

http://userstyles.org/styles/91617/kvra ... blue-theme



Stylish extension is available for most major browsers.

Firefox: https://addons.mozilla.org/en-US/firefo ... installbox
Chrome: https://chrome.google.com/webstore/deta ... leoegfcffe
Safari: http://sobolev.us/stylish/

Cheers,
George.

[JonSolo]

Heh, awesome.

[Totolitoto]

Thanks that's a relief for the eyes

[EvilDragon]

Here's what you can add if you want avatars on the left side of the post:

Code: Select all

.postprofile { margin: 0px 10px 10px 0px !important; float: left !important; }

[chroma]

thank you!!... much better.

[rockstar_not]

Thank you so much!

[Harry_HH]

Great! If there was one for the Android OS,too, it would be perfect. H.

[Redmerkurii]

Ta very much

hrrmph hmmph old KVR grumble grumble winge...

[Breeze]

This doesn't help on an iPad

Can this not be a user customizable feature of the board? The lightness of the new theme simply screams at my eyes...

[Regnas]

Can this not be a user customizable feature of the board?

It will be, afaik.

[SWallace]

Oh thank you! The white on light blue colour format makes it difficult to sift through the pages.

[GreyLion]

Thankyouthankyouthankyou, George!

The new one was an alien pastel universe, painful to visit.

Now it's like coming back to our dark and foreboding home.

[EvilDragon]

I hate the white line separators between subforums that started showing today for whatever reason. Here's what to add to fix it:

Code: Select all

li.row { border-bottom: 1px solid #305070 !important; }

Also, add this to color the Topics/Last Post etc. to blue:

Code: Select all

.header .topics, .header .posts, .header .lastpost, .header .views, .header dt { color: #09F !important; }

[jackoo]

Thank you, George, EvilDragon!

Do you know how to change the color that links are drawn *after* they've been clicked on? (That darker blue...)

[EvilDragon]

Here's my whole CSS, so taking into account George's, plus all my additions above. Solves the visited link color too.

Code: Select all

@-moz-document url-prefix('http://www.kvraudio.com/forum'), url-prefix('http://www.kvraudio.com/lt.php') {

.bg1, .altcolrows1 tr:nth-of-type(2n+2) { background-color: #204058 !important; }

.bg2, li.row, .altcolrows1 tr:nth-of-type(2n+1) { background-color: #1E3749 !important; }

.topiclist, .navbar { background-image: -moz-linear-gradient(center top , #707070 0%, #303030 50%) !important; }

.post { margin-bottom: 1px !important; } 

.content, .signature, .author, .postbody, .postprofile strong, li,  #viewprofile, dl.details dt { color: #ccc !important; }

.postprofile { border: none !important; background-color: rgba(255,255,255,0.1) !important; color: #ccc !important; }

blockquote { background-color: rgba(34, 43, 46, 0.9) !important; border: 1px solid #444 !important; }

.pagination a:link, .pagination a:visited { color: #111 !important; }

.navbar a:link, .navbar a:visited, .rightside a:link, .rightside a:visited, .header a:link, .header a:visited, li.linklist a:link, li.linklist a:visited { color: #09d !important; }

.postbody a:link, dt a.topictitle:link, .forumtitle, .topictitle, .faq dt, a.postlink, #kvrtopicblock a:link, #viewprofile a:visited, #viewprofile a:link, #kvrtopicblock a:visited { color: #cfc !important; background: none !important; }

a.ltlnk:hover, dd.lastpost a:link, dt a:link, dt a:visited { color: #cfc !important; }

.ltlnk { color: #cfc !important; }

ul.topiclist dd { border-left: none !important; }

.signature { border-top: 1px solid #555 !important; }

#faqlinks { background-color: #ddd !important; }

#forumcontent, dt { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important; font-size: 1.1em !important; }

dt { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important; font-size: 1em !important; }

.header .topics, .header .posts, .header .lastpost, .header .views, .header dt{ color: #09F !important; }

.postprofile { margin: 0px 10px 10px 0px !important; float: left !important; }

li.row { border-bottom: 1px solid #305070 !important; }

}