vb.org Archive - reset-fonts.css and no stylevars = sadface

So yeah, what's up with this thing? It hardcodes the color of legend, but it also sets some fonts and color/background for HTML. If the stars aligned, there's a chance your design could have a flash of the wrong colors. More of an issue for a design like my current one (dark, white text on black background sort of thing) but it's still kind of weird.

I modified mine to use the stylevars for body color/background but anyone have an idea why it's not like that already? For that matter it's also setting fonts -- most if not all of this CSS is overwritten further down the line but still seems sort of inconsistent. I get it's supposed to be a reset, but since we can, why aren't we using stylevars here?

Anyway, FWIW here's my modified version, figure it might help someone down the line pulling their hair out trying to figure out why the "legend" elements aren't using the right colors:

reset-fonts.css

Code:

/*

Copyright (c) 2009, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.net/yui/license.txt

version: 2.7.0

*/

html{color:#{vb:stylevar body_color};background:{vb:stylevar doc_background};}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align: {vb:stylevar left};}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#{vb:stylevar body_color};}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

This only adds stylevars to html and legend (both which were hardcoding colors); however I suppose one could go further and change the fonts to use the body font and such as well -- but those are over-ridden elsewhere and I'm personally not as concerned over a flash of the wrong font, heh.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.00960 seconds Memory Usage 1,712KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (1)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: