Stylish and the tan theme : Othor Games

» Fri Jul 29, 2011 9:25 am

Not long after the big forum overhaul, a few Stylish themes based on the old forum styles appeared.

For those of you that don't know:

https://addons.mozilla.org/en-US/firefox/addon/stylish/

It's a Firefox add-on that lets you change the look of web pages.

There is an old thread on this, with code for the old green and the old tan theme, but since then the forum went through another minor update and the tan theme unfortunately doesn't work properly anymore. I'm wondering if anyone has a proper working tan theme for the current forum build? I really miss the tan - I used it for about four years.

» Fri Jul 29, 2011 3:47 am

If someone has the old tan script I'd be more than happy to update it.

I'm too lazy to re-create it from scratch

EDIT: https://chrome.google.com/webstore/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe

EDIT2: I found the old tan script, working on the update right now

» Fri Jul 29, 2011 4:20 am

EDIT2: I found the old tan script, working on the update right now

:celebration:

I love you Exo.

» Fri Jul 29, 2011 3:09 am

<_< The old script is absolutely useless, I'll have to create this from scratch. Does anyone have a screenshot of the old tan theme for reference?

» Fri Jul 29, 2011 6:16 am

<_< The old script is absolutely useless, I'll have to create this from scratch. Does anyone have a screenshot of the old tan theme for reference?

I think the tan theme can still be found http://www.gamesas.com/index.php?/topic/1081516-forum-style-alterations/.

EDIT: Try this instead.

Spoiler

/**
* Removes the footer logos (which is an ugly white box)
* and the "forum lead by" information (which seems to be the same for all forums)
*/
#footer-logos, #forum_led_by
{ display:none !important; }

/**
* Extends forum width to 95% of the page
* There are some bugs, in that there are some images that don't scale
*/
#container {
width: 95% !important;
}

#left, #right, #bottom {
display: none !important;
}

/* background */
/*
body.fid_0, body.fid_18, body.fid_19, body.fid_20, body.fid_21, body.fid_83, body.fid_99, body.fid_84, body.fid_100 {
background:#000 url('http://static.zenimax.com/forums/images/public/style_images/zenimaximg/games/elderscrolls/elderscrolls-background.jpg') fixed 50% 0 !important;
background: #000 !important;
}*/

body
{
background: #000 !important;
}

/*
* == THREAD INDEX ==
*/

.rowpin, .rowpin td, .post_block.rowpin, .row1, .row1 td, .post_block.row1, .row2, .row2 td, .post_block.row2, .message, body .maintitle, div.post_wrap
{
background-color: #dbcda8 !important;
background-image: url("http://cs.elderscrolls.com/constwiki/skins/esstyle/textbg.jpg") !important;
}

table #forum_table a, table #forum_table a:hover, table .ipb_table a, table .ipb_table a:hover, body .maintitle a, body .maintitle a:hover, .general_box a, .general_box a:hover
{
color: #000 !important;
}

table.ipb_table tr td
{
border-bottom-color: #503800 !important;
}

ul.mini_pagination li
{
margin-left: -0.4em !important;
background-color: #ece6d1 !important;
}

table.ipb_table th
{
background-color: #ece6ce !important;
color: #4e3a1d !important;
border-top-style: solid !important;
border-bottom-style: solid !important;
border-color: #503800 !important;
border-width: 1px !important;
}

.maintitle
{
text-shadow: none !important;
color: #503800 !important;
border-style: solid !important;
border-bottom-style: none !important;
border-color: #503800 !important;
border-width: 1px !important;
}

h3.maintitle
{
border-style: solid !important;
}

table#forum_table
{
border-left-style: solid !important;
border-right-style: solid !important;
border-color: #503800 !important;
border-width: 1px !important;
}

/* = page counter = */

ul.pagination
{
background-color: #dbcda8 !important;
background-image: url("http://cs.elderscrolls.com/constwiki/skins/esstyle/textbg.jpg") !important;
color: #503800 !important;
border-style: solid !important;
border-color: #503800 !important;
border-width: 1px !important;

margin-left: 3px !important;
margin-top: 6px !important;
}

ul.pagination li, ul.pagination a, ul.pagination a:hover
{
color: #503800 !important;
font-size: 1em !important;
vertical-align: middle !important;
}

span.pagination.no_pages
{
color: #000 !important;
}

div#content
{
background-image: none !important;
background-color: #a18d68 !important;
border-style: solid !important;
border-color: #503800 !important;
border-width: 2px !important;
padding: 2px !important;
}

ul.post_controls, div.post_controls
{
background-image: none !important;
}

div#top
{
background-color: #efe8d5 !important;
background-image: none !important;

border-style: solid !important;
border-color: #503800 !important;
border-width: 1px !important;

margin-top: 0px !important;
margin-bottom: 10px !important;
width: 95% !important;
display: none !important;
}

#middle
{
background-image: none !important;
}

.category_block
{
margin: 1px !important;
}

div.block_wrap
{
padding-top: 0px !important;
padding-bottom: 0px !important;
}

/*
* == BREADCRUMB TRAIL ==
*/

div#secondary_nav
{
height: 23px !important;
background-color: #efe8d5 !important;
background-image: none !important;

border-style: solid !important;
border-color: #503800 !important;
border-width: 1px !important;

margin-top: 3px !important;
margin-bottom: 15px !important;
/* margin-top: -30px !important;*/
}

ul#breadcrumb, ul#section_links
{
margin-top: 10px !important;
padding: 0px !important;
}

div#secondary_nav a, div#secondary_nav a:hover
{
color: #734b00 !important;
}

span.nav_sep
{
color: #503800 !important;
font-weight: bold !important;
}

/*
* == LOGO/BANNER ==
*/

div#header
{
padding: 0px !important;
border-style: solid !important;
border-color: #c6b893 !important;
border-width: 1px !important;
}

div#header-container
{
width: 95% !important;
margin-top: -150px !important;
}

div#branding
{
background-color: #f2efe0 !important;

border-style: solid !important;
border-color: #503800 !important;
border-width: 2px !important;

height: 136px !important; /* 96 for the logo, 40 for the bar */
background-image: url("http://cs.elderscrolls.com/constwiki/skins/esstyle/textbg.jpg") !important;
background-position: 0px 96px !important;
background-repeat: repeat-x !important;
}

/* logo for CD, board index, Profile, etc. */
body.fid_18 a#logo, body.fid_0 a#logo, body.fid_ a#logo
{
background-image: url("http://upload.wikimedia.org/wikipedia/en/2/2f/Bethesda_Softworks.png") !important;
background-position: 6px 8px !important;
-o-background-size: 254px 70px !important;
-webkit-background-size: 254px 70px !important;
-khtml-background-siz: 254px 70px !important;
-moz-background-size: 254px 70px !important;
background-repeat: no-repeat !important;
}

/* logo/banner on all game specific boards */
a#logo
{
width: 100% !important;
height: 96px !important;
background-position:center !important;

border-bottom: 1px solid #503800 !important;
}

/*
* == USER CONTROLS & SEARCH ==
*/

#bar /* wrapper of bar-wrapper! */
{
position: relative !important;
margin: auto !important;
margin-top: 110px !important;
margin-bottom: 13px !important;

height: auto !important;
width: 95% !important;

background: none !important;
}

#bar-wrapper
{
position: relative !important;
height: 37px !important;
width: 100% !important;

background-color: #dbcda8 !important;
background-image: url("http://cs.elderscrolls.com/constwiki/skins/esstyle/textbg.jpg") !important;
background: none !important;
}

#bar-wrapper a, #bar-wrapper a:hover
{
color: #000 !important;
}

#userlinks
{
text-shadow: none !important;
margin-top: 1px !important;

height: auto !important;
}

#search
{
text-shadow: none !important;
}

div.moderation_bar
{
background-color: #dbcda8 !important;
background-image: url("http://cs.elderscrolls.com/constwiki/skins/esstyle/textbg.jpg") !important;

border: 1px solid #503800 !important;
margin-bottom: 2px !important;
}

div#forum_filter
{
background-color: #dbcda8 !important;
background-image: url("http://cs.elderscrolls.com/constwiki/skins/esstyle/textbg.jpg") !important;

border: 1px solid #503800 !important;
}

div#forum_filter a, div#forum_filter label
{
color: #000 !important;
}

div.general_box, div#forum_filter
{
background-color: #dbcda8 !important;
background-image: url("http://cs.elderscrolls.com/constwiki/skins/esstyle/textbg.jpg") !important;
}

div.statistics
{
margin: 0px !important;
}

div#forum_filter fieldset br
{
display: none !important;
}

/*
* == POSTS ==
*/

div.post_wrap a:link, div.post_wrap a:visited, div.post_wrap a:active
{
font-weight: bold !important;
text-decoration: none !important;
color: #000000 !important;
}

div.post_wrap a:hover
{
color: #9f8054 !important;
text-decoration: underline !important;
}

.post_block h3
{
background: none !important;
background-color: #dccda2 !important;
border-top: 1px solid #503800 !important;
border-bottom: 1px solid #503800 !important;
}

.post_block h3 a, .post_block h3 a:link
{
color: #82591e !important;
}

.post_wrap
{
border: 1px solid #503800 !important;
}

div.post_wrap, div.post_body, div.signature
{
color: #503800 !important;
}

.user_fields li
{
color: #463419 !important;
}

p.citation, div.blockquote
{
background: none !important;
background-color: #baaa82 !important;
color: #654b25 !important;
}

/*
* == FOOTER ==
*/

body.fid_4 #footer-legal, body.fid_6 #footer-legal, body.fid_7 #footer-legal, body.fid_9 #footer-legal, body.fid_11 #footer-legal, body.fid_12 #footer-legal, body.fid_13 #footer-legal, body.fid_14 #footer-legal, body.fid_15 #footer-legal, body.fid_16 #footer-legal, body.fid_22 #footer-legal, body.fid_23 #footer-legal, body.fid_24 #footer-legal, body.fid_25 #footer-legal, body.fid_26 #footer-legal, body.fid_31 #footer-legal, body.fid_86 #footer-legal, body.fid_87 #footer-legal, body.fid_4 #footer-legal a, body.fid_6 #footer-legal a, body.fid_7 #footer-legal a, body.fid_9 #footer-legal a, body.fid_11 #footer-legal a, body.fid_12 #footer-legal a, body.fid_13 #footer-legal a, body.fid_14 #footer-legal a, body.fid_15 #footer-legal a, body.fid_16 #footer-legal a, body.fid_22 #footer-legal a, body.fid_23 #footer-legal a, body.fid_24 #footer-legal a, body.fid_25 #footer-legal a, body.fid_26 #footer-legal a, body.fid_31 #footer-legal a, body.fid_86 #footer-legal a, body.fid_87 #footer-legal a
{
color: #fff !important;
text-shadow: none !important;
}

/*
* == BUTTONS ==
*/

ul.post_controls a
{
/*
position: relative !important;
top: 2px !important;

background: none !important;
background-color: #85785d !important;
border: 1px solid #503800 !important;
border-top-color: #c5b89d !important;
border-left-color: #b1a282 !important;

margin-left: 0px !important;*/

background: none !important;
}

ul.post_controls li
{
position: relative !important;

background: none !important;
background-color: #b9ac91 !important;

-o-border-radius: 8px !important;
-webkit-border-radius: 8px !important;
-khtml-border-radius: 8px !important;
-moz-border-radius: 8px !important;
border: 1px solid #503800 !important;
border-top-color: #c5b89d !important;
border-left-color: #b1a282 !important;
}

I think that might be it.

» Fri Jul 29, 2011 4:24 pm

I think the tan theme can still be found http://www.gamesas.com/index.php?/topic/1081516-forum-style-alterations/.

That one doesn't work