AVS › AVS Forum › AVS Forum Information › Forum Operations Center › AVS Custom User-Styles
New Posts  All Forums:Forum Nav:

AVS Custom User-Styles - Page 2

post #31 of 45
6/19/12 at 7:43am
Thread Starter 
NEW RETRO THEME V0.1

Use it with the Black Theme!
Apply the same way you apply other user-styles, paste it into stylish!

Compatible with :
- Hidden sidebar
- Horizontal thread view
- Compact Header
- Posted-in thread visibility fix
Code:
table.forum-list-tbl.navigation.vertical tr,
table.forum-list-tbl.navigation.vertical tr td,
table.forum-list-tbl.navigation.vertical tr.viewer-has-replied td,
table.forum-list-tbl.navigation.vertical tr td.last-post-col,
table.forum-list-tbl.navigation.vertical tr td.last-post-thread-col {
  background: #2C5C91 !important
}

table.forum-list-tbl.navigation.vertical tr.alternate td,
table.forum-list-tbl.navigation.vertical tr.alternate.viewer-has-replied td,
table.forum-list-tbl.navigation.vertical tr.alternate td.last-post-col,
table.forum-list-tbl.navigation.vertical tr.alternate td.last-post-thread-col {
  background: #0F355F !important
}

table.forum-list-tbl.navigation.vertical tr th {
  background: #85112E !important;
  color: #FFFFFF;
}

div.forum-list-tbl-wrapper,
table.forum-list-tbl,
table.forum-list-tbl tr td,
table.forum-list-tbl tr th {
  border: 0 !important;
  border-collapse: collapse;
}

span.forum-list-sub-txt {
  display: none
}

div.post-header {
  background: #85112E !important;
  color: #FFFFFF;
}

div.postbit-underlay {
  background: #0F355F !important
}

div.post-container-inner,
div.post-container-inner2 {
  background: #2C5C91 !important
}

.wiki_markup .quote-container div.quote-block {
  background: rgba(255, 255, 255, 0.3) !important;
  border: 1px solid white !important;
}

Edited by KevBel - 6/19/12 at 11:46am
Reply
Reply

AVS Top Picks

post #32 of 45
6/19/12 at 7:52am
Thread Starter 
Also, I found the stickies list at the top of the HTPC forum was taking up too much room so...
Code:
/* Compact stickies list */
div.forum-announcement ul li {
  display: block;
  width: 45%;
  float: left;
  font-size: 8pt;
}
div.forum-announcement ul li:nth-child(2n) {
  float: right;
}
Reply
Reply
post #33 of 45
6/19/12 at 8:25am
Thanks so much Kevin for all your time! I noticed that the colors you chose don't match the AVS forum retro colors for me. Maybe they were translated differently on Firefox? Anyway, I used your code as reference and just changed some colors to match the old AVS retro theme better. I think I can get the colors to perfectly match once I get home... since Im doing this through a remote desktop session with a slow connection and limited colors.

Old Forum:
392


New Forum:
437

New Forum:
495
Reply
Reply
post #34 of 45
6/19/12 at 8:39am
Thread Starter 
Quote:
Originally Posted by MKANET View Post

Thanks so much Kevin for all your time! I noticed that the colors you chose don't match the AVS forum retro colors for me. Maybe they were translated differently on Firefox? Anyway, I used your code as reference and just changed some colors to match the old AVS retro theme better. I think I can get the colors to perfectly match once I get home... since Im doing this through a remote desktop session with a slow connection and limited colors.

I just don't find the old retro colors that nice to be honest :P
Reply
Reply
post #35 of 45
6/19/12 at 10:01am
Kev, any chance you could show how to change quoted text background color? That's one of the significant elements that didn't stayed unchanged after the stylish change. Currently, it's still grey. Once that's changed, it would be pretty damn close to the way we're used to seeing the forum all thanks to you!
Quote:
Originally Posted by KevBel View Post

I just don't find the old retro colors that nice to be honest :P
Reply
Reply
post #36 of 45
6/19/12 at 11:45am
Thread Starter 
Quote:
Originally Posted by MKANET View Post

Kev, any chance you could show how to change quoted text background color? That's one of the significant elements that didn't stayed unchanged after the stylish change. Currently, it's still grey. Once that's changed, it would be pretty damn close to the way we're used to seeing the forum all thanks to you!

Add this :
Code:
.wiki_markup .quote-container div.quote-block {
  background: rgba(255, 255, 255, 0.3) !important;
  border: 1px solid white !important;
}
Reply
Reply
post #37 of 45
6/19/12 at 12:15pm
Quote:
Originally Posted by KevBel View Post

I just don't find the old retro colors that nice to be honest :P

Just when I started to forget how...umm..."colorful" that old theme was. eek.gif
Reply
Reply
post #38 of 45
6/19/12 at 12:54pm
All other forums I've used in the past have been very close to the vBulletin default whilte/blue colors. What made AVS Forum unique was it's unusual retro colors; which have been there since I started using AVSForum back in 1999; which, shortly after, I switched to "MKANET" as my usename.

I feel much more at home with AVSForum back to the way it used to look. Hopefully, its okay with Kevin that I'm offering a more authentic Retro style below; which looks like the screenshot below.

512

Full Firefox UserStyle below:
Code:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("avsforum.com")
{
    #sidebar {
        display: None;
    }

    #main-container {
        min-width: 400px !important;
    }

table.forum-list-tbl.navigation.vertical tr,
table.forum-list-tbl.navigation.vertical tr td,
table.forum-list-tbl.navigation.vertical tr.viewer-has-replied td,
table.forum-list-tbl.navigation.vertical tr td.last-post-col,
table.forum-list-tbl.navigation.vertical tr td.last-post-thread-col {
  background: #010080 !important
}

table.forum-list-tbl.navigation.vertical tr.alternate td,
table.forum-list-tbl.navigation.vertical tr.alternate.viewer-has-replied td,
table.forum-list-tbl.navigation.vertical tr.alternate td.last-post-col,
table.forum-list-tbl.navigation.vertical tr.alternate td.last-post-thread-col {
  background: #010079 !important
}

table.forum-list-tbl.navigation.vertical tr th {
  background: #982A67 !important;
  color: #FFFFFF;
}

div.forum-list-tbl-wrapper,
table.forum-list-tbl,
table.forum-list-tbl tr td,
table.forum-list-tbl tr th {
  border: 0 !important;
  border-collapse: collapse;
}

span.forum-list-sub-txt {
  display: none
}

div.forum-announcement ul li {
  display: block;
  width: 45%;
  float: left;
  font-size: 8pt;
}
div.forum-announcement ul li:nth-child(2n) {
  float: right;
}

tr.mod-select-parent.viewer-has-replied td.thread-col {
  border-left: 3px solid #FFFF00 !important;
}

div.post-header {
  background: #982A67 !important;
  color: #FFFFFF;
}

div.postbit-underlay {
  background: #2F304F !important
}

div.post-container-inner,
div.post-container-inner2 {
  background: #010080 !important
}

.wiki_markup .quote-container div.quote-block {
  background: #2F304F !important;
  color: #FFFF00;
  border: 1px solid white !important;
}


.wiki_markup .quote-container div.quote-block {
  color: #FFDF63;
  background: rgba(47, 48, 79, 1) !important;
  border: 1px solid white !important;
}


}

Edited by MKANET - 6/19/12 at 3:29pm
Reply
Reply
post #39 of 45
6/19/12 at 2:47pm
Quote:
Originally Posted by MKANET View Post

All other forums I've used in the past have been very close to the vBulletin default whilte/blue colors. What made AVS Forum unique was it's unusual retro colors; which have been there since I started using AVSForum back in 1999; which, shortly after, I switched to "MKANET" as my usename.

I feel much more at home with AVSForum back to the way it used to look. Hopefully, its okay with Kevin that I'm offering a more authentic Retro style below; which looks like the screenshot below.

Full Firefox UserStyle below:
DELETED HERE TO AVOID CONFUSION - wajo

You have two styles (div.forum.announcement, one towards top and one lower down) for the Sticky lists. I found it because I liked the older left-justified version and tried deleting it in your script. That's when I discovered it was in twice.


Edited by wajo - 6/19/12 at 3:07pm
Reply
Reply
post #40 of 45
6/19/12 at 3:03pm
Thanks! I just updated changed it!
Quote:
Originally Posted by wajo View Post

You have two styles (div.forum.announcement, one towards top and one lower down) for the Sticky lists. I found it because I liked the older left-justified version and tried deleting it in your script. That's when I discovered it was in twice.
Reply
Reply
post #41 of 45
6/20/12 at 8:02am
Thread Starter 
Quote:
Originally Posted by MKANET View Post

Hopefully, its okay with Kevin that I'm offering a more authentic Retro style below; which looks like the screenshot below.
Perfectly fine :-p

I might merge your colors in with the retro theme, so as to avoid having 2 versions
Reply
Reply
post #42 of 45
6/20/12 at 12:55pm
Sounds good to me.
Reply
Reply
post #43 of 45
6/21/12 at 4:37pm

AVS Retro Style

 

See the Article for adding an AVS Retro style to FF, Chrome and IE that doesn't affect other websites.


Edited by wajo - 7/15/12 at 3:50pm
Reply
Reply
post #44 of 45
7/1/12 at 11:54am
These Style Sheets are really neat. There are 2 other forums I visit that also do not indicate a visited thread, so you don't know if you ever looked there for information or not. But not anymore. I added scripts to FF to also change their visited threads. It makes it so much easier if you're trying to trace your steps & look for a posting.
Reply
Reply
post #45 of 45
7/15/12 at 5:20pm

Does anyone know why the below line in blue is completely ignored below?  This is used to add a bit more spacing in between the tables on the main forum threads list page.  It doesnt make any difference how much I increase the horizontal or vertical table spacing.

 

Thanks in advance!

 

 

div.forum-list-tbl-wrapper,
table.forum-list-tbl,
table.forum-list-tbl tr td,
table.forum-list-tbl tr th {
  border: 1px solid #2F304F !important;
  border-collapse: collapse;
  border-spacing: 20px 20px;
}

 

div.forum-list-tbl-wrapper,
table.forum-list-tbl,
table.forum-list-tbl tr td,
table.forum-list-tbl tr th {
  border: 1px solid #2F304F !important;
  border-collapse: collapse;
  border-spacing: 20px 20px;
}div.forum-list-tbl-wrapper,
table.forum-list-tbl,
table.forum-list-tbl tr td,
table.forum-list-tbl tr th {
  border: 1px solid #2F304F !important;
  border-collapse: collapse;
  border-spacing: 20px 20px;
}div.forum-list-tbl-wrapper,
table.forum-list-tbl,
table.forum-list-tbl tr td,
table.forum-list-tbl tr th {
  border: 1px solid #2F304F !important;
  border-collapse: collapse;
  border-spacing: 20px 20px;
}div.forum-list-tbl-wrapper,
table.forum-list-tbl,
table.forum-list-tbl tr td,
table.forum-list-tbl tr th {
  border: 1px solid #2F304F !important;
  border-collapse: collapse;
  border-spacing: 20px 20px;
}
Reply
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Forum Operations Center

AVS Top Picks

AVS › AVS Forum › AVS Forum Information › Forum Operations Center › AVS Custom User-Styles