[gemma]

Yeah, ok. Thanks

Having said that, I am not sure about the comments. I didn't like the tan theme so am not using it so can't really comment on that. The comments also have alternating classes so it may be an issue with the style.

[Daniel Holgate]

dunno if any non-opera users had this issue or not, but this makes the text entry field a nice tan with black text.

@media screen, projection, handheld, tv {	input, textarea, select {		color: black !important;			background: #EED6AF !important;	}

For the tan skin. Just put it at the end of the CSS file (change the hex number to something different if you don't want tan. Currently set to beach sand)

[Annika Marziniak]

I think it's time for an intermediate release. I'm still working on the theme, so don't expect everything in perfect order. I especially discourage visiting other boards than ES and CD.

http://i262.photobucket.com/albums/ii91/qazaaq/bsf.png
http://i262.photobucket.com/albums/ii91/qazaaq/bsf2.png

(The code is one big mess, but it works )

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;    }    #bottom {        display: none !important;    }    #left, #right {        display: none !important;    }/* background community discussion */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 !important;}.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;}body .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;}.filter_bar{  /*display: none !important;*/}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;}body.fid_18 #header-container, body.fid_0 #header-container{  width: 95% !important;  float: none !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;}div.post_wrap, div.post_body, div.signature{  color: #503800 !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;}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;}#middle{  background-image: none !important;}.category_block{  margin: 1px !important;}div.block_wrap{  padding-top: 0px !important;  padding-bottom: 0px !important;}div#header{  padding: 0px !important;  border-style: solid !important;  border-color: #c6b893 !important;  border-width: 1px !important;}div#header-container{  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;}body.fid_18 a#logo, body.fid_0 a#logo{  background-image: url("http://upload.wikimedia.org/wikipedia/en/2/2f/Bethesda_Softworks.png") !important;  background-position: 6px 8px !important;  -moz-background-size: 254px 70px !important;  background-repeat: no-repeat !important;}a#logo{  width: 100% !important;  height: 96px !important;  border-bottom: 1px solid #503800 !important;}#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;}.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{  color: #82591e !important;}.post_wrap{  border: 1px solid #503800 !important;}.user_fields li{  color: #463419 !important;}p.citation, div.blockquote{  background: none !important;  background-color: #baaa82 !important;  color: #654b25 !important;}

[Robert DeLarosa]

http://i262.photobucket.com/albums/ii91/qazaaq/bsf.png
http://i262.photobucket.com/albums/ii91/qazaaq/bsf2.png

That's a remarkable likeness to the old tan skin. Very nicely done.

[Kate Murrell]

I think it's time for an intermediate release. I'm still working on the theme, so don't expect everything in perfect order. I especially discourage visiting other boards than ES and CD.

http://i262.photobucket.com/albums/ii91/qazaaq/bsf.png
http://i262.photobucket.com/albums/ii91/qazaaq/bsf2.png

(The code is one big mess, but it works )

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;    }    #bottom {        display: none !important;    }    #left, #right {        display: none !important;    }/* background community discussion */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 !important;}.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;}body .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;}.filter_bar{  /*display: none !important;*/}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;}body.fid_18 #header-container, body.fid_0 #header-container{  width: 95% !important;  float: none !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;}div.post_wrap, div.post_body, div.signature{  color: #503800 !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;}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;}#middle{  background-image: none !important;}.category_block{  margin: 1px !important;}div.block_wrap{  padding-top: 0px !important;  padding-bottom: 0px !important;}div#header{  padding: 0px !important;  border-style: solid !important;  border-color: #c6b893 !important;  border-width: 1px !important;}div#header-container{  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;}body.fid_18 a#logo, body.fid_0 a#logo{  background-image: url("http://upload.wikimedia.org/wikipedia/en/2/2f/Bethesda_Softworks.png") !important;  background-position: 6px 8px !important;  -moz-background-size: 254px 70px !important;  background-repeat: no-repeat !important;}a#logo{  width: 100% !important;  height: 96px !important;  border-bottom: 1px solid #503800 !important;}#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;}.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{  color: #82591e !important;}.post_wrap{  border: 1px solid #503800 !important;}.user_fields li{  color: #463419 !important;}p.citation, div.blockquote{  background: none !important;  background-color: #baaa82 !important;  color: #654b25 !important;}

You are officially my hero

With that all opera incompatibilities were fixed and the things I pointed out (the comments and messenger pages) are the correct color.

The only issue I found thus far is more misaligning: http://i19.photobucket.com/albums/b195/DEFRON/Desktop/tancssusercp.jpg - Opera, of course

Does it for the CP, user profile, messenger, etc.

Edit: oh, it doesn't misalign in the threads and forums. Just the user-specific stuff (should remember to be more clear)

Edit2: Interesting. Clicking my "fit to width" button (see image), all the text that was misaligned switches to white, and therefore becomes legible. Also the text that was not very legible (a light gray on the tan) switched to black and became more legible. I am satisfied

http://i19.photobucket.com/albums/b195/DEFRON/Desktop/userprofiletancssnormalopera.jpg

http://i19.photobucket.com/albums/b195/DEFRON/Desktop/userprofiletancssfittowidthopera.jpg

[Beth Belcher]

I think it's time for an intermediate release. I'm still working on the theme, so don't expect everything in perfect order. I especially discourage visiting other boards than ES and CD.

http://i262.photobucket.com/albums/ii91/qazaaq/bsf.png
http://i262.photobucket.com/albums/ii91/qazaaq/bsf2.png

That is amazing stuff :goodjob:

[Alexandra walker]

I think it's time for an intermediate release. I'm still working on the theme, so don't expect everything in perfect order. I especially discourage visiting other boards than ES and CD.

http://i262.photobucket.com/albums/ii91/qazaaq/bsf.png
http://i262.photobucket.com/albums/ii91/qazaaq/bsf2.png

It's like the forum never changed :foodndrink:

[Kelsey Anna Farley]

I think it's time for an intermediate release. I'm still working on the theme, so don't expect everything in perfect order. I especially discourage visiting other boards than ES and CD.

http://i262.photobucket.com/albums/ii91/qazaaq/bsf.png
http://i262.photobucket.com/albums/ii91/qazaaq/bsf2.png

(The code is one big mess, but it works )

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;    }    #bottom {        display: none !important;    }    #left, #right {        display: none !important;    }/* background community discussion */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 !important;}.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;}body .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;}.filter_bar{  /*display: none !important;*/}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;}body.fid_18 #header-container, body.fid_0 #header-container{  width: 95% !important;  float: none !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;}div.post_wrap, div.post_body, div.signature{  color: #503800 !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;}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;}#middle{  background-image: none !important;}.category_block{  margin: 1px !important;}div.block_wrap{  padding-top: 0px !important;  padding-bottom: 0px !important;}div#header{  padding: 0px !important;  border-style: solid !important;  border-color: #c6b893 !important;  border-width: 1px !important;}div#header-container{  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;}body.fid_18 a#logo, body.fid_0 a#logo{  background-image: url("http://upload.wikimedia.org/wikipedia/en/2/2f/Bethesda_Softworks.png") !important;  background-position: 6px 8px !important;  -moz-background-size: 254px 70px !important;  background-repeat: no-repeat !important;}a#logo{  width: 100% !important;  height: 96px !important;  border-bottom: 1px solid #503800 !important;}#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;}.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{  color: #82591e !important;}.post_wrap{  border: 1px solid #503800 !important;}.user_fields li{  color: #463419 !important;}p.citation, div.blockquote{  background: none !important;  background-color: #baaa82 !important;  color: #654b25 !important;}

http://i43.tinypic.com/15d48k3.jpg
Thanks Qazaaq. :goodjob:

[Trish]

Install the Stylish extension if you haven't already. Click on the spanner, then Extensions, click the Options button beside Stylish, Add New Style, copy pasta the whole mess into the text box, tick Enabled, Applies to: URLs on the domain: www.gamesas.com, click Save.

Will this work on IE8 ?

[Josh Sabatini]

Will this work on IE8 ?

IE does have a very limited support for user CSS, but it will be quite a pain

http://webdesign.about.com/od/css/ht/htcssuseriewin.htm

AFAIK, there is no way to set it on a per-site basis, so it really doesn't work (many user CSS won't behave nicely with other sites). Not to mention IE has the most *unique* CSS handling

[joannARRGH]

http://i43.tinypic.com/xc98xj.jpg

[Emilie Joseph]

IE does have a very limited support for user CSS, but it will be quite a pain

http://webdesign.about.com/od/css/ht/htcssuseriewin.htm

AFAIK, there is no way to set it on a per-site basis, so it really doesn't work (many user CSS won't behave nicely with other sites). Not to mention IE has the most *unique* CSS handling

Thank you for letting me know, I appreciate your help

[Jessica Colville]

Great thread Yacoby and a big thanks for all the nice styles suggestion, many of them is a must use for me now.
I have a little tip that hopefull will reduce the lags many people are complaining about including me. Try too block this BIG wrapper image by adding this block filter into Adblock Plus addon for Firefox:

|http://static.zenimax.com/forums/images/public/style_images/zenimaximg/wrapper.png

The forum may not look as nice as before, but now there is nearly no lag, at least for me.

[Shae Munro]

I think it's time for an intermediate release. I'm still working on the theme, so don't expect everything in perfect order. I especially discourage visiting other boards than ES and CD.

http://i262.photobucket.com/albums/ii91/qazaaq/bsf.png
http://i262.photobucket.com/albums/ii91/qazaaq/bsf2.png

Absolutely amazing :foodndrink:

[Eddie Howe]

Ha, I thought we'd have to wait at least a week for some stylish themes. Thanks very, very much for the tan one.

[Betsy Humpledink]

I think it's time for an intermediate release. I'm still working on the theme, so don't expect everything in perfect order. I especially discourage visiting other boards than ES and CD.

http://i262.photobucket.com/albums/ii91/qazaaq/bsf.png
http://i262.photobucket.com/albums/ii91/qazaaq/bsf2.png

That's fairly amazing. Any chance of you making an old ES green version? Not that I have a problem with the versions made by other people, but those ones don't have the same texture, ya know?

[Marcus Jordan]

Great thread Yacoby and a big thanks for all the nice styles suggestion, many of them is a must use for me now.
I have a little tip that hopefull will reduce the lags many people are complaining about including me. Try too block this BIG wrapper image by adding this block filter into Adblock Plus addon for Firefox:

|http://static.zenimax.com/forums/images/public/style_images/zenimaximg/wrapper.png

The forum may not look as nice as before, but now there is nearly no lag, at least for me.

You don't even need to block it with AdBlock, just adjust Stylish.

#middle{    background: none;}

[jasminε]

I think it's time for an intermediate release. I'm still working on the theme, so don't expect everything in perfect order. I especially discourage visiting other boards than ES and CD.

http://i262.photobucket.com/albums/ii91/qazaaq/bsf.png
http://i262.photobucket.com/albums/ii91/qazaaq/bsf2.png

(The code is one big mess, but it works )

Effin' brilliant! Super thanks!

Anyone able to point me to the bit of the code that governs link colors? The white is blending in a little much for my taste.

[sophie]

Oh wow! I've switched from the white-grey NoSquint scheme I concocted to this one, and it's even better-looking! Thank you, Qazaaq!

[Bethany Short]

Anyone able to point me to the bit of the code that governs link colors? The white is blending in a little much for my taste.

Just add this to the stylesheet:

.post a{    color: #000 !important;}

[Honey Suckle]

It's nice to see other people like the tan skin as much as I do.

I'm off to bed. Here's the latest version. It contains a dozen of bugfixes and new style changes. Other boards shouldn't be a problem anymore, they all have the tan skin. Most text and links should be readable as well. I also did a little bit of code cleaning, so if you want to make some changes you should now be able to do so.

If you notice any serious bugs (like unreadable text) please post them here. Other feedback is also welcome, but take into account that this is still unfinished.

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;}

[Jeff Tingler]

I've taken the liberty of cleaning up the last few remaining instances of grey-on-tan text. Simply append this to the end of Qazaaq's great stylesheet.

EDIT: Updated again. See below.

[Jah Allen]

DEFRON has better info.

[CHANONE]

I've taken the liberty of cleaning up the last few remaining instances of grey-on-tan text. Simply append this to the end of Qazaaq's great stylesheet.

/** Clean up some remaining grey-on-tan text **//** These become brown **/#active_users,#active_users span,#forum_active_users,#forum_legend,#stats,#toggle_post_options,#topic_active_users,.desc,.edit,.extra,.last_post,.moderation_bar label,.posted_info,.stats{    color: #503800 !important;}/** These become black **/abbr.published,.hentry{    color: #000 !important;}

Theree are still two more (in the user profile, you will see them

Fix one add

color: #503800 !important; to body (found in /* background */)

so it looks like this

/* 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{  color: #503800 !important;  background: #000 !important;}

The other one is in the head somewhere, but it wasn't as high priority to me, will look into it now

Edit: the other is in div#secondary_nav

[Wanda Maximoff]

.