[Cccurly]

DEFRON has better info.

There is one more I can't figure out how to keep edited

.tab_bar li a {
color: #c3c3c3;
text-decoration: none;

:brokencomputer:

That is the about me/topics/post in the user profile (see it in http://i19.photobucket.com/albums/b195/DEFRON/Desktop/userprofiletancssnormalopera.jpg, the rest of the gray text in that picture I changed already. Edit: Oh, that is the old picture, which is why it looks bad). It may be because I made a few other modifications to the theme, in which case no one else should be experiencing it.

Oh, and the div#secondary_nav should look like this for those who were wondering:

/* * == BREADCRUMB TRAIL == */div#secondary_nav{  height: 23px !important;  color: #503800 !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;*/}

Edit: :facepalm: I feel stoopid. I forgot to add !important, which is why I couldn't get it to save. Just throw in

.tab_bar li a{
color: #000 !important;
}

[Ria dell]

I have updated my changes from above. Note that these are to be added to the end of Qazaaq's sheet -- I have not edited his styles anywhere.

Spoiler

/* * == Alley's changes == *//** Change grey-on-tan to brown **/fieldset.submit,h2,h3.topic_share,label,p,#active_users span,#app_filter_forums,#breadcrumb,#custom_fields_previous h3,#forum_legend,#main_search,#postingform h3,#profile_overview,#stats,#tab_aboutme,#tab_aboutme h3,#tab_link_topics a,#tab_link_posts a,#toggle_post_options,#usercp_content,#usercp_content h3,#usercp_menu li a,.about_contact,.about_contact h3,.about_info h3,.desc,.extra,.hentry,.last_post,.published,.stats,.tab_bar li a,.topic_jump a,.topic_share a,.user_status{  color: #503800 !important;}/** Change grey-on-tan to black **/#profile_overview .info a,.warn_panel strong a{  color: #000 !important;}/** Change to white **/.personal_info a,.personal_info a:hover{  color: #FFF !important;}/** Remove text shadows **/#custom_fields_previous h3,.about_contact h3,.about_info h3{  text-shadow: none !important;}/** Remove hover effect from reply buttons **/.post_controls li a:hover{  color: #000 !important;  text-decoration: none !important;}/** Missing backgrounds **/#middle #content,#profile_overview,.vcard{  background-image: url("http://cs.elderscrolls.com/constwiki/skins/esstyle/textbg.jpg") !important;}/** Adding borders **/#tab_aboutme,.about_info,.contact_info{  border: 1px solid #503800;}#profile_overview{  border-right: 1px solid #503800;  border-top: 1px solid #503800;}.vcard .maintitle{  border-width: 1px 0 !important;}#content form h2.maintitle,#postingform .maintitle,.vcard{  border-bottom: 1px solid #503800 !important;}/** Removing stars **/li.group_icon{  display: none;}li.title{  font-weight: bold;  padding-top: 10px;}ul.user_fields{  margin-top: 10px;}/** Undo some general changes with higher specificity **/#copyright,#footer-legal p{  color: #999 !important;}#profile_overview .personal_info,#search_info,#usercp_content fieldset{  background: none !important;}

[Nick Tyler]

I have updated my changes from above. Note that these are to be added to the end of Qazaaq's sheet -- I have not edited his styles anywhere.

Spoiler

/* * == Alley's changes == *//** Change grey-on-tan to brown **/fieldset.submit,h2,h3.topic_share,label,p,#active_users span,#app_filter_forums,#breadcrumb,#custom_fields_previous h3,#forum_legend,#main_search,#postingform h3,#profile_overview,#stats,#tab_aboutme,#tab_aboutme h3,#tab_link_topics a,#tab_link_posts a,#toggle_post_options,#usercp_content,#usercp_content h3,#usercp_menu li a,.about_contact,.about_contact h3,.about_info h3,.desc,.extra,.hentry,.last_post,.published,.stats,.tab_bar li a,.topic_jump a,.topic_share a,.user_status{  color: #503800 !important;}/** Change grey-on-tan to black **/#profile_overview .info a,.warn_panel strong a{  color: #000 !important;}/** Change to white **/.personal_info a,.personal_info a:hover{  color: #FFF !important;}/** Remove text shadows **/#custom_fields_previous h3,.about_contact h3,.about_info h3{  text-shadow: none !important;}/** Remove hover effect from reply buttons **/.post_controls li a:hover{  color: #000 !important;  text-decoration: none !important;}/** Missing backgrounds **/#middle #content,#profile_overview,.vcard{  background-image: url("http://cs.elderscrolls.com/constwiki/skins/esstyle/textbg.jpg") !important;}/** Adding borders **/#tab_aboutme,.about_info,.contact_info{  border: 1px solid #503800;}#profile_overview{  border-right: 1px solid #503800;  border-top: 1px solid #503800;}.vcard .maintitle{  border-width: 1px 0 !important;}#content form h2.maintitle,#postingform .maintitle,.vcard{  border-bottom: 1px solid #503800 !important;}/** Removing stars **/li.group_icon{  display: none;}li.title{  font-weight: bold;  padding-top: 10px;}ul.user_fields{  margin-top: 10px;}/** Undo some general changes with higher specificity **/#copyright,#footer-legal p{  color: #999 !important;}#profile_overview .personal_info,#search_info,#usercp_content fieldset{  background: none !important;}

I would say change tab_bar li a to black, not brown. When it is brown it is near-impossible to read, so you know.

[Krystal Wilson]

I would say change tab_bar li a to black, not brown. When it is brown it is near-impossible to read, so you know.

Yeah, I can't get that one to look quite right. Either the selected one looks right and the other two don't, or it's the opposite. I ultimately just removed the background color; now you can tell which is active by virtue of it being bold. Not ideal but better than dark text on a dark background.

[koumba]

Yeah, I can't get that one to look quite right. Either the selected one looks right and the other two don't, or it's the opposite. I ultimately just removed the background color; now you can tell which is active by virtue of it being bold. Not ideal but better than dark text on a dark background.

Huh, Opera doesn't have that problem. Tried it in Firefox and sure enough the background color around the active one disappeared.

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

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

Maybe because I found tab_bar li a using dragonfly, maybe in Firefox/Chrome they have some other thing related to it I didn't see. Someone maybe should check it out in firebug.

[Andrew Perry]

Huh, Opera doesn't have that problem. Tried it in Firefox and sure enough the background color around the active one disappeared.

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

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

Maybe because I found tab_bar li a using dragonfly, maybe in Firefox/Chrome they have some other thing related to it I didn't see. Someone maybe should check it out in firebug.

The bar on the top of the settings page uses the same class. How does that look for you?

[Adrian Morales]

The bar on the top of the settings page uses the same class. How does that look for you?

I have the background color in Opera but not in Firefox there as well.

I am running a few things different, but I doubt that could have an effect on it

Spoiler

@charset "utf-8";/* tan-opera-skin-bgsf */    /**     * 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{  color: #503800 !important;  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;  color: #503800 !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: #7F7A7A !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;}/** 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,.extra,.last_post,.moderation_bar label,.posted_info,.stats{    color: #503800 !important;}/** These become black **/abbr.published,.hentry{    color: #000 !important;}.tab_bar li a{  color: #000 !important;}}

Basically just wanted to have the new buttons, and as such changed the hyperlink text color (also left the edit text gray)

[Matt Terry]

You guys have saved my eyesight, thank you so much. :thumbsup:

[Alex Blacke]

I have the background color in Opera but not in Firefox there as well.

Basically just wanted to have the new buttons, and as such changed the hyperlink text color (also left the edit text gray)

The black link on the brown background was really hard to see on my monitor. I guess that's the greatest thing about these changes; everyone can tweak things just so.

Thanks again Qazaaq for the effort you put into making this stylesheet!

[Ilona Neumann]

The black link on the brown background was really hard to see on my monitor. I guess that's the greatest thing about these changes; everyone can tweak things just so.

Thanks again Qazaaq for the effort you put into making this stylesheet!

http://i19.photobucket.com/albums/b195/DEFRON/Desktop/becarefulwhatyousay.jpg. Someone may just hear you.

:evil:

[Devin Sluis]

http://i19.photobucket.com/albums/b195/DEFRON/Desktop/becarefulwhatyousay.jpg. Someone may just hear you.

:evil:

LMAO! That was awesome.

[Ana Torrecilla Cabeza]

Thank you Yacoby!

Does anybody know if anything like NoSquint exists for Chrome, or will I have to give FF another shot?

[Stephy Beck]

This is great work! I'm running the tan style and the scrolling lag is gone. Plus there's that nice dose of tan nostalgia, from before I started using the grey skin.

[Czar Kahchi]

Oh, wow. I go to sleep, and that's what I find when I wake up. It's like having private little elves fixing everything around.

Seriously, this is amazing. May I just ask you to continue to be very specific as to where and how add the modifications ? I don't know anything myself about these codes, I would not have a clue.

If the guy that's done the new forums sees that, I wonder what he's thinking...

*edit* Hmm. I've installed the latest tan version, with Defron's correction, and Firefox doesn't stop bugging me about a forum script that doesn't answer : "/prettify/prettify.js:36" or something of that kidney. Any ideas ?

[Chloe :)]

:D Oh, wow. I go to sleep, and that's what I find when I wake up. It's like having private little elves fixing everything around.

Seriously, this is amazing. May I just ask you to continue to be very specific as to where and how add the modifications ? I don't know anything myself about these codes, I would not have a clue.

If the guy that's done the new forums sees that, I wonder what he's thinking...

*edit* Hmm. I've installed the latest tan version, with Defron's correction, and Firefox doesn't stop bugging me about a forum script that doesn't answer : "/prettify/prettify.js:36" or something of that kidney. Any ideas ?

Must be this: http://www.gamesas.com/public/js/3rd_party/prettify/prettify.js or this: http://www.gamesas.com/public/js/3rd_party/prettify/lang-sql.js

Interesting, I have no problem with my CSS in Opera 10.10 or Firefox 3.6. In Firefox, I just checked, and indeed both of those javascripts load without an issue.

What version of Firefox are you using and on what OS?

Also try the vanilla Qazaaq one http://www.gamesas.com/index.php?/topic/1081516-forum-style-alterations/page__view__findpost__p__15755423 and see if you still have the issue (my changes are very superficial, so I don't see how they could cause the problem, but just in case)

As to how we are doing it: I am using Dragonfly, which is a developer tool for Opera. Usually I only use it to pull pranks only I can see.

[SaVino GοΜ]

Must be this: http://www.gamesas.com/public/js/3rd_party/prettify/prettify.js

Yep.

What version of Firefox are you using and on what OS?

I'm updating to the latest firefox right now, and I'm on XP.

Didn't do that for a few minutes now... This could be totally on my end, I've had weirdom with my firefox these last weeks - when I close a firefox window, the process sometimes is still running, so I have to go through procexp to kill it, otherwise it goes on and I can't re-open firefox.

I'll tell if it reappears, just wanted to mention that oddity. Aaaaand once again, I am soooo happy with tan. :wub:

[Elizabeth Lysons]

This is the ugliest thing I've ever seen. A mess if you ask me! It's makes my head spin if I look at it, just like an illusion spell and a damn good one.

[Marta Wolko]

With the tan theme, I ma getting a pitch black text box when typing posts.

[Marion Geneste]

With the tan theme, I ma getting a pitch black text box when typing posts.

Yup, same here, seems it isn't an isolated incident.

using the latest FF on Windows 7 64 bit. Awesome work though guys, I look forward to using the tan version if I can resolve this black box issue.

[Erika Ellsworth]

Well, I'm pulling us back about twenty steps, but I only just got around to doing this. I installed Stylish for Firefox, but when I go to create a new theme, I don't have the option to choose it for just this site. If I go ahead and create it, every site gets the theme. What do I do?

[Micah Judaeah]

This is the ugliest thing I've ever seen. A mess if you ask me! It's makes my head spin if I look at it, just like an illusion spell and a damn good one.

I think the "constructive criticism" rule applies to every post on this forum. :stare:

Thanks again, Qazaaq, for all your hard work. I for one love it.

[Justin Bywater]

Well, I'm pulling us back about twenty steps, but I only just got around to doing this. I installed Stylish for Firefox, but when I go to create a new theme, I don't have the option to choose it for just this site. If I go ahead and create it, every site gets the theme. What do I do?

Bottom right-hand corner of FF, little magnifying glass thing. Left-clicking on it brings up a menu which should alter only the site you have open. There's also a button for editing the global settings.



The tan setup is very well made :nod:, but if there was a layout of similar quality based on the old green skin, I'd switch to that immediately (+1 vote for a green one, if someone who actually has skills is willing to waste their precious time on it ).

[A Dardzz]

Bottom right-hand corner of FF, little magnifying glass thing. Left-clicking on it brings up a menu which should alter only the site you have open. There's also a button for editing the global settings.

I don't see any magnifying glass... :wacko:

[Aaron Clark]

I don't see any magnifying glass... :wacko:

http://i451.photobucket.com/albums/qq236/1Samildanach/magnifyingglass.png?

[Robert Devlin]

Bottom right hand of your screen. look for a small box with an S in it. likehttp://img25.imageshack.us/img25/2300/99927835.jpg

EDIT: I said it in another thread, but will repeat it here.
Many thanks to all who put the time and effort into helping to make the forums bearable again.