vb.org Archive - View Single Post - Forum Style - Lightweight Style for Small Screen Devices (cell phone, iphone, mobile, android)

jerde · #**283** 01-30-2011, 12:52 AM

Well I sort of fixed my CMS page to look a little better. I got rid of the sidebar and widened the article area by editing these settings in the mobile style templates under vbcms.css. I set the r40 to 0px and the 160 to like 98%. I'm sure this is the wrong way to fix this issue but it's a temporary bandaid.

Quote:

.yui-tvb-l25 {float:{vb:stylevar left};clear:{vb:stylevar right};width:25%;padding:0px;margin:0px;}
.yui-tvb-r25 {float:{vb:stylevar right};width:24%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-l30 {float:{vb:stylevar left};clear:{vb:stylevar right};width:29%;padding:0px;margin:0px 0.5%;}
.yui-tvb-r30 {float:{vb:stylevar right};clear:{vb:stylevar left};width:30%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-30 {{vb:stylevar left}:30%;width:30%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-l40 {width:39%;float:{vb:stylevar left};clear:{vb:stylevar right};padding:0px;margin:0px 0.5%;}
.yui-tvb-r40 {width:0px;float:{vb:stylevar right};padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-40 {clear:{vb:stylevar right};{vb:stylevar left}:30%;width:40%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-50 {{vb:stylevar left}:25%;width:40%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-l50 {float:{vb:stylevar left};clear:{vb:stylevar right};width:46%;padding:0px;margin:0px 2%;}
.yui-tvb-l60 {width:97.5%;float:{vb:stylevar left};padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-r60 {width:59%;float:{vb:stylevar right};clear:{vb:stylevar right};padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-70 {width:70%;float:clear;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}

I also covered up the gray background in the article area by changing it from transparent to white (#FFFFFF).

The only thing left would be the images being re-sized smaller.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01095 seconds Memory Usage 1,767KB Queries Executed 11 (?)
More Information
Template Usage: (1)SHOWTHREAD_SHOWPOST (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_quote (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_box (1)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (1)post_thanks_postbit_info (1)postbit (1)postbit_onlinestatus (1)postbit_wrapper (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit reputationlevel showthread	Included Files: ./showpost.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/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_postinfo_query fetch_postinfo fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showpost_start bbcode_fetch_tags bbcode_create postbit_factory showpost_post postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start showpost_complete
Messages: