Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 21
  1. #1
    New Coder
    Join Date
    Oct 2010
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts

    How to reduce unwanted space in header?

    Hi guys.

    I've started my own SMF forum and have been having great difficulty trying to reduce the height of the default header so that my custom banner will fit in it more snugly. Check out all that white space beneath the banner in the screenshot. That's what I want to eliminate.



    I've had some help over at the SMF community forum but no one seems to be able to come up with a solution to reduce the space to any effective degree. I've tried a number of different solutions without success. I even went so far as to crop some of the unwanted space from the header in the main block png but, only having just started reading up on html/css, the code modifications needed to display the modified block were beyond my beginner's level of knowledge.

    What changes to the code do I need to make to get rid of this white wasteland?

    Many thanks!

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,956
    Thanks
    9
    Thanked 727 Times in 721 Posts
    We'd need a link to your page, preferably, or your entire html and css. It could be caused by a variety of things.

  • #3
    New Coder
    Join Date
    Oct 2010
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts
    The Christian Identity Forum

    Index template php


    Code:
    <?php
    // Version: 2.0 RC3; index
    
    /*	This template is, perhaps, the most important template in the theme. It
    	contains the main template layer that displays the header and footer of
    	the forum, namely with main_above and main_below. It also contains the
    	menu sub template, which appropriately displays the menu; the init sub
    	template, which is there to set the theme up; (init can be missing.) and
    	the linktree sub template, which sorts out the link tree.
    
    	The init sub template should load any data and set any hardcoded options.
    
    	The main_above sub template is what is shown above the main content, and
    	should contain anything that should be shown up there.
    
    	The main_below sub template, conversely, is shown after the main content.
    	It should probably contain the copyright statement and some other things.
    
    	The linktree sub template should display the link tree, using the data
    	in the $context['linktree'] variable.
    
    	The menu sub template should display all the relevant buttons the user
    	wants and or needs.
    
    	For more information on the templating system, please see the site at:
    	http://www.simplemachines.org/
    */
    
    // Initialize the template... mainly little settings.
    function template_init()
    {
    	global $context, $settings, $options, $txt;
    
    	/* Use images from default theme when using templates from the default theme?
    		if this is 'always', images from the default theme will be used.
    		if this is 'defaults', images from the default theme will only be used with default templates.
    		if this is 'never' or isn't set at all, images from the default theme will not be used. */
    	$settings['use_default_images'] = 'never';
    
    	/* What document type definition is being used? (for font size and other issues.)
    		'xhtml' for an XHTML 1.0 document type definition.
    		'html' for an HTML 4.01 document type definition. */
    	$settings['doctype'] = 'xhtml';
    
    	/* The version this template/theme is for.
    		This should probably be the version of SMF it was created for. */
    	$settings['theme_version'] = '2.0 RC3';
    
    	/* Set a setting that tells the theme that it can render the tabs. */
    	$settings['use_tabs'] = true;
    
    	/* Use plain buttons - as opposed to text buttons? */
    	$settings['use_buttons'] = true;
    
    	/* Show sticky and lock status separate from topic icons? */
    	$settings['separate_sticky_lock'] = true;
    
    	/* Does this theme use the strict doctype? */
    	$settings['strict_doctype'] = false;
    
    	/* Does this theme use post previews on the message index? */
    	$settings['message_index_preview'] = false;
    
    	/* Set the following variable to true if this theme requires the optional theme strings file to be loaded. */
    	$settings['require_theme_strings'] = false;
    }
    
    // The main sub template above the content.
    function template_html_above()
    {
    	global $context, $settings, $options, $scripturl, $txt, $modSettings;
    
    	// Show right to left and the character set for ease of translating.
    	echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"', $context['right_to_left'] ? ' dir="rtl"' : '', '>
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=', $context['character_set'], '" />
    	<meta name="description" content="The Christian Identity Forum is an online community for Dual or Two Seedline Christian Identists, who believe that the White Anglo-Saxon and kindred peoples are the true Israelites of the Bible. Christian Identity is not some strange, obscure offshoot of Christianity. Christian Identity is Christianity.', $context['page_title_html_safe'], '" />', !empty($context['meta_keywords']) ? '
    	<meta name="keywords" content="Christian Identity, Two Seedline Christian Identity, Covenant Peoples Ministry, Pastor Jeromy Visser, Dual Seedline Christian Identity, Christian Identity movement' . $context['meta_keywords'] . '" />' : '', '
    	<title>', $context['page_title_html_safe'], '</title>';
    
    	// Please don't index these Mr Robot.
    	if (!empty($context['robot_no_index']))
    		echo '
    	<meta name="robots" content="noindex" />';
    
    	// Present a canonical url for search engines to prevent duplicate content in their indices.
    	if (!empty($context['canonical_url']))
    		echo '
    	<link rel="canonical" href="', $context['canonical_url'], '" />';
    
    	// The ?rc3 part of this link is just here to make sure browsers don't cache it wrongly.
    	echo '
    	<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/index', $context['theme_variant'], '.css?rc3" />
    	<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/css/print.css?rc3" media="print" />';
    
    	// Show all the relative links, such as help, search, contents, and the like.
    	echo '
    	<link rel="help" href="', $scripturl, '?action=help" />
    	<link rel="search" href="', $scripturl, '?action=search" />
    	<link rel="contents" href="', $scripturl, '" />';
    
    	// If RSS feeds are enabled, advertise the presence of one.
    	if (!empty($modSettings['xmlnews_enable']) && (!empty($modSettings['allow_guestAccess']) || $context['user']['is_logged']))
    		echo '
    	<link rel="alternate" type="application/rss+xml" title="', $context['forum_name_html_safe'], ' - ', $txt['rss'], '" href="', $scripturl, '?type=rss;action=.xml" />';
    
    	// If we're viewing a topic, these should be the previous and next topics, respectively.
    	if (!empty($context['current_topic']))
    		echo '
    	<link rel="prev" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=prev" />
    	<link rel="next" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=next" />';
    
    	// If we're in a board, or a topic for that matter, the index will be the board's index.
    	if (!empty($context['current_board']))
    		echo '
    	<link rel="index" href="', $scripturl, '?board=', $context['current_board'], '.0" />';
    
    	// Some browsers need an extra stylesheet due to bugs/compatibility issues.
    	foreach (array('ie7', 'ie6', 'webkit') as $cssfix)
    		if ($context['browser']['is_' . $cssfix])
    			echo '
    	<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/css/', $cssfix, '.css" />';
    
    	// RTL languages require an additional stylesheet.
    	if ($context['right_to_left'])
    		echo '
    	<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/rtl.css" />';
    
    	echo '
    	<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/script.js?rc3"></script>
    	<script type="text/javascript" src="', $settings['theme_url'], '/scripts/theme.js?rc3"></script>
    	<script type="text/javascript"><!-- // --><![CDATA[
    		var smf_theme_url = "', $settings['theme_url'], '";
    		var smf_default_theme_url = "', $settings['default_theme_url'], '";
    		var smf_images_url = "', $settings['images_url'], '";
    		var smf_scripturl = "', $scripturl, '";
    		var smf_iso_case_folding = ', $context['server']['iso_case_folding'] ? 'true' : 'false', ';
    		var smf_charset = "', $context['character_set'], '";', $context['show_pm_popup'] ? '
    		var fPmPopup = function ()
    		{
    			if (confirm("' . $txt['show_personal_messages'] . '"))
    				window.open(smf_prepareScriptUrl(smf_scripturl) + "action=pm");
    		}
    		addLoadEvent(fPmPopup);' : '', '
    		var ajax_notification_text = "', $txt['ajax_in_progress'], '";
    		var ajax_notification_cancel_text = "', $txt['modify_cancel'], '";
    	// ]]></script>';
    
    	// Output any remaining HTML headers. (from mods, maybe?)
    	echo $context['html_headers'];
    
    	echo '
    </head>
    <body>';
    }
    
    function template_body_above()
    {
    	global $context, $settings, $options, $scripturl, $txt, $modSettings;
    
    	echo !empty($settings['forum_width']) ? '
    <div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
    	<div id="header"><div class="frame">
    		<div id="top_section">
    			<span style="line-height: 45px; font-size: 1.8em; font-family: Geneva, verdana, sans-serif; margin: 0; padding: 0;float: left;font-weight: bold;"><h1 class="forumtitle">
    				<a href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />', '</a>
    			</span></h1>';
    
    	// the upshrink image, right-floated
    	echo '
    			<img id="upshrink" src="', $settings['images_url'], '/upshrink.png" alt="*" title="', $txt['upshrink_description'], '" style="display: none;" />';
    	echo '
    			', !empty($settings['site_slogan']) ? '<div id="siteslogan" class="align_right">' . $settings['site_slogan'] . '</div>' : '', '
    		</div>
    		<div id="upper_section" class="middletext"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>
    			<div class="user">';
    
    		// If the user is logged in, display stuff like their name, new messages, etc.
    		if ($context['user']['is_logged'])
    		{
    			if (!empty($context['user']['avatar']))
    				echo '
    				<p class="avatar">', $context['user']['avatar']['image'], '</p>';
    			echo '
    				<ul class="reset">
    					<li class="greeting">', $txt['hello_member_ndt'], ' <span>', $context['user']['name'], '</span></li>
    					<li><a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a></li>
    					<li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';
    
    			// Is the forum in maintenance mode?
    			if ($context['in_maintenance'] && $context['user']['is_admin'])
    				echo '
    					<li class="notice">', $txt['maintain_mode_on'], '</li>';
    
    			// Are there any members waiting for approval?
    			if (!empty($context['unapproved_members']))
    				echo '
    					<li>', $context['unapproved_members'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=admin;area=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] == 1 ? $txt['approve_member'] : $context['unapproved_members'] . ' ' . $txt['approve_members'], '</a> ', $txt['approve_members_waiting'], '</li>';
    
    			if (!empty($context['open_mod_reports']) && $context['show_open_reports'])
    				echo '
    					<li><a href="', $scripturl, '?action=moderate;area=reports">', sprintf($txt['mod_reports_waiting'], $context['open_mod_reports']), '</a></li>';
    
    			echo '
    					<li>', $context['current_time'], '</li>
    				</ul>';
    		}
    		// Otherwise they're a guest - this time ask them to either register or login - lazy bums...
    		elseif (!empty($context['show_login_bar']))
    		{
    			echo '
    				<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sha1.js"></script>
    				<form id="guest_form" action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
    					<div class="info">', $txt['login_or_register'], '</div>
    					<input type="text" name="user" size="10" class="input_text" />
    					<input type="password" name="passwrd" size="10" class="input_password" />
    					<select name="cookielength">
    						<option value="60">', $txt['one_hour'], '</option>
    						<option value="1440">', $txt['one_day'], '</option>
    						<option value="10080">', $txt['one_week'], '</option>
    						<option value="43200">', $txt['one_month'], '</option>
    						<option value="-1" selected="selected">', $txt['forever'], '</option>
    					</select>
    					<input type="submit" value="', $txt['login'], '" class="button_submit" /><br />
    					<div class="info">', $txt['quick_login_dec'], '</div>';
    
    			if (!empty($modSettings['enableOpenID']))
    				echo '
    					<br /><input type="text" name="openid_identifier" id="openid_url" size="25" class="input_text openid_login" />';
    
    			echo '
    					<input type="hidden" name="hash_passwrd" value="" />
    				</form>';
    		}
    
    		echo '
    			</div>
    			<div class="news normaltext">
    				<form id="search_form" style="margin: 0;" action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '">
    					<input type="text" name="search" value="" class="input_text" />&nbsp;
    					<input type="submit" name="submit" value="', $txt['search'], '" class="button_submit" />
    					<input type="hidden" name="advanced" value="0" />';
    
    		// Search within current topic?
    		if (!empty($context['current_topic']))
    			echo '
    					<input type="hidden" name="topic" value="', $context['current_topic'], '" />';
    			// If we're on a certain board, limit it to this board ;).
    		elseif (!empty($context['current_board']))
    			echo '
    					<input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';
    
    		echo '</form>';
    
    		// Show a random news item? (or you could pick one from news_lines...)
    		if (!empty($settings['enable_news']))
    			echo '
    				<h2>', $txt['news'], ': </h2>
    				<p>', $context['random_news_line'], '</p>';
    
    		echo '
                </div>
            </div>';
    /*
                <br class="clear" />';
    */
        // Define the upper_section toggle in JavaScript.
        echo '
            <script type="text/javascript"><!-- // --><![CDATA[
                var oMainHeaderToggle = new smc_Toggle({
                    bToggleEnabled: true,
                    bCurrentlyCollapsed: ', empty($options['collapse_header']) ? 'true' : 'false', ',
                    aSwappableContainers: [
                        \'upper_section\'
                    ],
                    aSwapImages: [
                        {
                            sId: \'upshrink\',
                            srcExpanded: smf_images_url + \'/upshrink.png\',
                            altExpanded: ', JavaScriptEscape($txt['upshrink_description']), ',
                            srcCollapsed: smf_images_url + \'/upshrink2.png\',
                            altCollapsed: ', JavaScriptEscape($txt['upshrink_description']), '
                        }
                    ],
                    oThemeOptions: {
                        bUseThemeSettings: ', $context['user']['is_guest'] ? 'false' : 'true', ',
                        sOptionName: \'collapse_header\',
                        sSessionVar: ', JavaScriptEscape($context['session_var']), ',
                        sSessionId: ', JavaScriptEscape($context['session_id']), '
                    },
                    oCookieOptions: {
                        bUseCookie: ', $context['user']['is_guest'] ? 'true' : 'false', ',
                        sCookieName: \'upshrink\'
                    }
                });
            // ]]></script>';
    
            // Show the menu here, according to the menu sub template.
            template_menu();
    /*
        echo '
                <br class="clear" />';
    */
    		// Show the navigation tree.
    		theme_linktree();
    
    		echo '
    	</div></div>';
    
    	// The main content should go here.
    	echo '
    	<div id="content_section"><div class="frame">
    		<div id="main_content_section">';
    }
    
    function template_body_below()
    {
    	global $context, $settings, $options, $scripturl, $txt, $modSettings;
    
    	echo '
    		</div>
    	</div></div>';
    
    	// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
    	echo '
    	<div id="footer_section"><div class="frame">
    		<ul class="reset">
    			<li class="copyright">', theme_copyright(), '</li>
    			<li><a href="', $scripturl, '?action=sitemap"><span>', $txt['sitemap'] ,'</span></a></li>
    			<li><a id="button_xhtml" href="http://validator.w3.org/check/referer" target="_blank" class="new_win" title="', $txt['valid_xhtml'], '"><span>', $txt['xhtml'], '</span></a></li>
    			', !empty($modSettings['xmlnews_enable']) && (!empty($modSettings['allow_guestAccess']) || $context['user']['is_logged']) ? '<li><a id="button_rss" href="' . $scripturl . '?action=.xml;type=rss" class="new_win"><span>' . $txt['rss'] . '</span></a></li>' : '', '
    			<li class="last"><a id="button_wap2" href="', $scripturl , '?wap2" class="new_win"><span>', $txt['wap2'], '</span></a></li>
    		</ul>';
    
    	// Show the load time?
    	if ($context['show_load_time'])
    		echo '
    		<p>', $txt['page_created'], $context['load_time'], $txt['seconds_with'], $context['load_queries'], $txt['queries'], '</p>';
    
    	echo '
    	</div></div>';
    }
    
    function template_html_below()
    {
    	global $context, $settings, $options, $scripturl, $txt, $modSettings;
    
    	echo !empty($settings['forum_width']) ? '
    </div>' : '', '
    </body></html>';
    }
    
    // Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
    function theme_linktree($force_show = false)
    {
    	global $context, $settings, $options, $shown_linktree;
    
    	// If linktree is empty, just return - also allow an override.
    	if (empty($context['linktree']) || (!empty($context['dont_default_linktree']) && !$force_show))
    		return;
    
    	echo '
    	<div class="navigate_section">
    		<ul>';
    
    	// Each tree item has a URL and name. Some may have extra_before and extra_after.
    	$i = 1;
    	$count = count($context['linktree']);
    	foreach ($context['linktree'] as $link_num => $tree)
    	{
    		echo '
    			<li', ($link_num == count($context['linktree']) - 1) ? ' class="last"' : '', '>';
    
    		// Show something before the link?
    		if (isset($tree['extra_before']))
    			echo $tree['extra_before'];
    
    		if($count == $i)
    			echo'<h1 style="font-size: 1em; display: inline;">';
    
    		// Show the link, including a URL if it should have one.
    		echo $settings['linktree_link'] && isset($tree['url']) ? '
    				<a href="' . $tree['url'] . '"><span>' . $tree['name'] . '</span></a>' : '<span>' . $tree['name'] . '</span>';
    
    		if($count == $i)
    			echo'</h1>';
    		$i++;
    
    		// Show something after the link...?
    		if (isset($tree['extra_after']))
    			echo $tree['extra_after'];
    
    		// Don't show a separator for the last one.
    		if ($link_num != count($context['linktree']) - 1)
    			echo ' »';
    
    		echo '
    			</li>';
    	}
    	echo '
    		</ul>
    	</div>';
    
    	$shown_linktree = true;
    }
    
    // Show the menu up top. Something like [home] [help] [profile] [logout]...
    function template_menu()
    {
    	global $context, $settings, $options, $scripturl, $txt;
    
    	echo '
    		<div id="main_menu">
    			<ul class="dropmenu" id="menu_nav">';
    
    	foreach ($context['menu_buttons'] as $act => $button)
    	{
    		echo '
    				<li id="button_', $act, '">
    					<a class="', $button['active_button'] ? 'active ' : '', 'firstlevel" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
    						<span class="', isset($button['is_last']) ? 'last ' : '', 'firstlevel">', $button['title'], '</span>
    Continued in next post.

  • #4
    New Coder
    Join Date
    Oct 2010
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Code:
    </a>';
    		if (!empty($button['sub_buttons']))
    		{
    			echo '
    					<ul>';
    
    			foreach ($button['sub_buttons'] as $childbutton)
    			{
    				echo '
    						<li>
    							<a href="', $childbutton['href'], '"', isset($childbutton['target']) ? ' target="' . $childbutton['target'] . '"' : '', '>
    								<span', isset($childbutton['is_last']) ? ' class="last"' : '', '>', $childbutton['title'], !empty($childbutton['sub_buttons']) ? '...' : '', '</span>
    							</a>';
    				// 3rd level menus :)
    				if (!empty($childbutton['sub_buttons']))
    				{
    					echo '
    							<ul>';
    
    					foreach ($childbutton['sub_buttons'] as $grandchildbutton)
    						echo '
    								<li>
    									<a', $grandchildbutton['active_button'] ? ' class="active"' : '', ' href="', $grandchildbutton['href'], '"', isset($grandchildbutton['target']) ? ' target="' . $grandchildbutton['target'] . '"' : '', '>
    										<span', isset($grandchildbutton['is_last']) ? ' class="last"' : '', '>', $grandchildbutton['title'], '</span>
    									</a>
    								</li>';
    
    					echo '
    						</ul>';
    				}
    
    				echo '
    						</li>';
    			}
    			echo '
    					</ul>';
    		}
    		echo '
    				</li>';
    	}
    
    	echo '
    			</ul>
    		</div>';
    }
    
    // Generate a strip of buttons.
    function template_button_strip($button_strip, $direction = 'top', $strip_options = array())
    {
    	global $settings, $context, $txt, $scripturl;
    
    	if (!is_array($strip_options))
    		$strip_options = array();
    
    	// Create the buttons...
    	$buttons = array();
    	foreach ($button_strip as $key => $value)
    	{
    		if (!isset($value['test']) || !empty($context[$value['test']]))
    			$buttons[] = '
    				<li><a' . (isset($value['id']) ? ' id="button_strip_' . $value['id'] . '"' : '') . ' class="button_strip_' . $key . '' . (isset($value['active']) ? ' active' : '') . '" href="' . $value['url'] . '"' . (isset($value['custom']) ? ' ' . $value['custom'] : '') . '><span>' . $txt[$value['text']] . '</span></a></li>';
    	}
    
    	// No buttons? No button strip either.
    	if (empty($buttons))
    		return;
    
    	// Make the last one, as easy as possible.
    	$buttons[count($buttons) - 1] = str_replace('<span>', '<span class="last">', $buttons[count($buttons) - 1]);
    
    	echo '
    		<div class="buttonlist', !empty($direction) ? ' align_' . $direction : '', '"', (empty($buttons) ? ' style="display: none;"' : ''), (!empty($strip_options['id']) ? ' id="' . $strip_options['id'] . '"': ''), '>
    			<ul>',
    				implode('', $buttons), '
    			</ul>
    		</div>';
    }
    
    ?>

  • #5
    New Coder
    Join Date
    Oct 2010
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts
    The index css file is too big to attach, so I'll have to break it up into several posts.

    Code:
    /* Styles for the general looks for the Curve theme.
    ------------------------------------------------------- */
    
    /* Normal, standard links. */
    a:link, a:visited
    {
    	color: #346;
    	text-decoration: none;
    }
    a:hover
    {
    	text-decoration: underline;
    }
    
    /* Tables should show empty cells. */
    table
    {
    	empty-cells: show;
    }
    
    /* Set a fontsize that will look the same in all browsers. */
    body
    {
    	background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
    	font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
    	margin: 0 auto;
    	padding: 15px 5%;
    }
    
    /* Help popups require a different styling of the body element. */
    body#help_popup
    {
    	padding: 1em;
    }
    
    /* use dark grey for the text, leaving #000 for headers etc */
    body, td, th, tr
    {
    	color: #444;
    }
    
    /* This division wraps the entire forum when a forum width is set. */
    div#wrapper
    {
    	margin: 0 auto;
    }
    
    /* lets give all forms zero padding/margins */
    form
    {
    	padding: 0;
    	margin: 0;
    }
    
    /* We can style the different types of input buttons to be uniform throughout different browsers and their color themes.
    	.button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
    	.button_reset  - covers input[type=reset] and button[type=reset] throughout all browsers
    	.input_check   - covers input[type=checkbox] throughout all browsers
    	.input_radio   - covers input[type=radio] throughout all browsers
    	.input_text    - covers input[type=text] throughout all browsers
    	.input_file    - covers input[type=file] throughout all browsers
    */
    
    input, button, select, textarea
    {
    	font: 95%/115% verdana, Helvetica, sans-serif;
    	color: #000;
    	background: #fff;
    	border: 1px solid #7f9db9;
    	padding: 2px;
    }
    
    /* Select elements look horrible with the extra padding, so leave them unpadded. */
    select
    {
    	padding: 0;
    }
    
    /* Add some padding to the options instead. */
    select option
    {
    	padding: 1px;
    }
    
    /* The font size of textareas should be just a little bit larger. */
    textarea
    {
    	font: 100%/130% verdana, Helvetica, sans-serif;
    }
    
    /* Buttons should be styled a bit differently, in order to make them look more button'ish. */
    .button_submit, .button_reset
    {
    	background: #cde7ff url(../images/theme/submit_bg.png) no-repeat;
    	border: 1px solid #aaa;
    	cursor: pointer;
    	font-weight: normal;
    }
    input:hover, textarea:hover, button:hover, select:hover
    {
    	border: 1px solid #454545;
    }
    .button_submit:hover, .button_reset:hover
    {
    	border: 1px solid #aaa;
    	background: url(../images/theme/submit_bg.png) no-repeat 0 -140px #cde7ff;
    }
    input:focus, textarea:focus, button:focus, select:focus
    {
    	border: 1px solid #454545;
    }
    
    /* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
    input.input_check, input.input_radio
    {
    	border: none;
    	background: none;
    }
    h3.catbg input.input_check
    {
    	margin: 9px 7px 0 7px;
    }
    
    /* Give disabled text input elements a different background color. */
    input[disabled].input_text
    {
    	background-color: #eee;
    }
    
    /* Standard horizontal rule.. ([hr], etc.) */
    hr, .hrcolor
    {
    	height: 1px;
    	border: 0;
    	color: #ccc;
    	background-color: #ccc;
    }
    
    /* By default set the color on these tags as #000. */
    h1, h2, h3, h4, h5, h6
    {
    	color: #000;
    	font-size: 1em;
    	margin: 0;
    	padding: 0;
    }
    
    /* Fieldsets are used to group elements. */
    fieldset
    {
    	border: 1px solid #cacdd3;
    	padding: 1em;
    	margin: 0 0 0.3em 0;
    }
    /* No image should have a border when linked. */
    a img
    {
    	border: 0;
    }
    
    /* Define strong as bold, and em as italics */
    strong
    {
    	font-weight: bold;
    }
    
    em
    {
    	font-style: italic;
    }
    /* Alternative for u tag */
    .underline
    {
    	text-decoration: underline;
    }
    
    /* Common classes to easy styling.
    ------------------------------------------------------- */
    
    .floatright, .align_right
    {
    	float: right;
    }
    .floatleft, .align_left
    {
    	float: left;
    }
    
    .flow_auto
    {
    	overflow: auto;
    }
    .flow_hidden
    {
    	overflow: hidden;
    }
    .flow_hidden .windowbg, .flow_hidden .windowbg2
    {
    	margin-top: 2px;
    }
    .clear
    {
    	clear: both;
    }
    .clear_left
    {
    	clear: left;
    }
    .clear_right
    {
    	clear: right;
    }
    
    /* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
    .smalltext, tr.smalltext th
    {
    	font-size: 0.85em;
    	font-family: verdana, sans-serif;
    }
    .middletext
    {
    	font-size: 0.9em;
    	line-height: 1em;
    	font-family: verdana, sans-serif;
    }
    .normaltext
    {
    	font-size: 1em;
    	line-height: 1.2em;
    }
    .largetext
    {
    	font-size: 1.4em;
    }
    .centertext
    {
    	margin: 0 auto;
    	text-align: center;
    }
    .righttext
    {
    	margin-left: auto;
    	margin-right: 0;
    	text-align: right;
    }
    .lefttext
    {
    	margin-left: 0;
    	margin-right: auto;
    	text-align: left;
    }
    .double_height
    {
    	line-height: 2em;
    }
    /* some common padding styles */
    .padding
    {
    	padding: 0.7em;
    }
    .main_section, .lower_padding
    {
    	padding-bottom: 0.5em;
    }
    /* a quick reset list class. */
    ul.reset, ul.reset li
    {
    	padding: 0;
    	margin: 0;
    	list-style: none;
    }
    
    /* Some BBC related styles.
    ------------------------------------------------------- */
    
    /* A quote, perhaps from another post. */
    blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote
    {
    	font-size: x-small;
    	color: #000;
    	line-height: 1.4em;
    	background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat;
    	border-top: 2px solid #99A;
    	border-bottom: 2px solid #99A;
    	padding: 1.1em 1.4em;
    	margin: 0.1em 0 0.3em 0;
    	overflow: auto;
    }
    
    /* Alterate blockquote stylings */
    blockquote.bbc_standard_quote
    {
    	background-color: #d7daec;
    }
    blockquote.bbc_alternate_quote
    {
    	background-color: #e7eafc;
    }
    
    /* A code block - maybe PHP ;). */
    code.bbc_code
    {
    	display: block;
    	font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
    	font-size: x-small;
    	background: #eef;
    	border-top: 2px solid #999;
    	border-bottom: 2px solid #999;
    	line-height: 1.5em;
    	padding: 3px 1em;
    	overflow: auto;
    	white-space: pre;
    	/* Show a scrollbar after about 24 lines. */
    	max-height: 24em;
    }
    
    /* The "Quote:" and "Code:" header parts... */
    .codeheader, .quoteheader
    {
    	color: #666;
    	font-size: x-small;
    	font-weight: bold;
    	padding: 0 0.3em;
    }
    
    /* For links to change the code stuff... */
    .codeoperation
    {
    	font-weight: normal;
    }
    
    /* Styling for BBC tags */
    .bbc_link:link, .bbc_link:visited
    {
    	color: #0558ab;
    }
    .bbc_size
    {
    	line-height: 1.4em;
    }
    .bbc_color a
    {
    	color: inherit;
    }
    .bbc_img
    {
    	border: 0;
    }
    .bbc_table
    {
    	font: inherit;
    	color: inherit;
    }
    .bbc_table td
    {
    	font: inherit;
    	color: inherit;
    	vertical-align: top;
    }
    .bbc_u
    {
    	text-decoration: underline;
    }
    .bbc_list
    {
    	margin: 0 auto;
    }
    .bbc_tt
    {
    	font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
    }
    
    /* Generally, those [?] icons.  This makes your cursor a help icon. */
    .help
    {
    	cursor: help;
    }
    
    /* /me uses this a lot. (emote, try typing /me in a post.) */
    .meaction
    {
    	color: red;
    }
    
    /* Highlighted text - such as search results. */
    .highlight
    {
    	background-color: #ff0;
    	font-weight: bold;
    	color: #000 !important;
    }
    
    /* A more discreet highlight color, for selected membergroups etc. */
    .highlight2
    {
    	background-color: #D1E1EF;
    	color: #000 !important;
    }
    
    /* Generic, mostly color-related, classes.
    ------------------------------------------------------- */
    
    .titlebg, .titlebg2, thead tr.titlebg th, tr.titlebg td, tr.titlebg2 td
    {
    	color: #000;
    	font-family: arial, helvetica, sans-serif;
    	font-size: 1.1em;
    	font-weight: bold;
    	background: url(../images/theme/main_block.png) no-repeat -10px -120px;
    }
    .catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
    {
    	color: #fff;
    	font-family: arial, helvetica, sans-serif;
    	font-size: 1.1em;
    	font-weight: bold;
    	background: url(../images/theme/main_block.png) no-repeat -10px -160px;
    }
    
    /* adjust the table versions of headers */
    tr.titlebg td, tr.titlebg2 td
    {
    	padding: 6px;
    }
    tr.catbg td, tr.catbg2 td, td.catbg, td.catbg2, tr.catbg th, tr.catbg2 th, th.catbg, th.catbg2
    {
    	padding: 6px;
    }
    tr.titlebg td a, tr.titlebg2 td a
    {
    	color: #000;
    }
    tr.catbg td a, tr.catbg2 td a, .catbg a
    {
    	color: #fff;
    }
    tr.catbg th.smalltext
    {
    	font-size: 0.9em;
    }
    tr.titlebg th.smalltext, thead tr.titlebg th a:link, thead tr.titlebg th a:visited
    {
    	color: #000;
    	font-size: 0.95em;
    }
    
    /* Alternating backgrounds for posts, and several other sections of the forum. */
    .windowbg, #preview_body
    {
    	color: #000;
    	background-color: #e7eaef;
    }
    .windowbg2
    {
    	color: #000;
    	background-color: #f0f4f7;
    }
    .windowbg3
    {
    	color: #000;
    	background-color: #cacdd3;
    }
    
    /* the page navigation area */
    .pagesection
    {
    	font-size: 0.9em;
    	padding: 0 0 0.2em 0;
    	overflow: hidden;
    	margin-bottom: 1px;
    }
    div.pagesection div.floatright input
    {
    	margin-top: 3px;
    }
    
    .pagelinks
    {
    	padding: 0.6em 0 0.4em 0;
    }
    
    /* GenericList */
    .additional_row
    {
    	padding: 0.5em 0 0.5em 0;
    }
    table.table_grid thead tr.catbg th.smalltext
    {
    	white-space: nowrap;
    }
    
    /* Colors for background of posts requiring approval */
    .approvebg
    {
    	color: #000;
    	background-color: #ffeaea;
    }
    .approvebg2
    {
    	color: #000;
    	background-color: #fff2f2;
    }
    
    /* Color for background of *topics* requiring approval */
    .approvetbg
    {
    	color: #000;
    	background-color: #e4a17c;
    }
    .approvetbg2
    {
    	color: #000;
    	background-color: #f3bd9f;
    }
    
    /* Sticky topics get a different background */
    .stickybg
    {
    	background: #e8d8cf;
    }
    .stickybg2
    {
    	background: #f2e3d9;
    }
    
    /* Locked posts get a different shade, too! */
    .lockedbg
    {
    	background: #d4dce2;
    	font-style: italic;
    }
    .lockedbg2
    {
    	background: #d8e1e7;
    	font-style: italic;
    }
    
    /* Posts and personal messages displayed throughout the forum. */
    .post, .personalmessage
    {
    	overflow: auto;
    	line-height: 1.4em;
    	padding: 0.1em 0;
    }
    
    /* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
    .signature, .attachments
    {
    	width: 98%;
    	overflow: auto;
    	clear: right;
    	padding: 1em 0 3px 0;
    	border-top: 1px solid #aaa;
    	line-height: 1.4em;
    	font-size: 0.85em;
    }
    .custom_fields_above_signature
    {
    	width: 98%;
    	clear: right;
    	padding: 1em 0 3px 0;
    	border-top: 1px solid #aaa;
    	line-height: 1.4em;
    	font-size: 0.85em;
    }
    
    /* Sometimes there will be an error when you post */
    .error
    {
    	color: red;
    }
    
    /* Messages that somehow need to attract the attention. */
    .alert
    {
    	color: red;
    }
    
    /* Calendar colors for birthdays, events and holidays */
    .birthday
    {
    	color: #920ac4;
    }
    
    .event
    {
    	color: #078907;
    }
    
    .holiday
    {
    	color: #000080;
    }
    
    /* Colors for warnings */
    .warn_mute
    {
    	color: red;
    }
    
    .warn_moderate
    {
    	color: #ffa500;
    }
    
    .warn_watch, .success
    {
    	color: green;
    }
    
    a.moderation_link, a.moderation_link:visited
    {
    	color: red;
    	font-weight: bold;
    }
    
    .openid_login
    {
    	background: white url(../images/openid.gif) no-repeat;
    	padding-left: 18px;
    }
    
    /* a descriptive style */
    .description, .plainbox
    {
    	padding: 0.5em 1em;
    	font-size: 0.9em;
    	line-height: 1.4em;
    	border: 1px solid #bbb;
    	background: #f5f5f0;
    	margin: 0 0 1em 0;
    }
    
    /* an informative style */
    .information
    {
    	padding: 0.5em 1em;
    	font-size: 0.9em;
    	line-height: 1.3em;
    	border: 1px solid #bbb;
    	background: #f0f6f0;
    	margin: 0.3em 0 1em 0;
    }
    .information p
    {
    	padding: 1em;
    	margin: 0;
    }
    p.para2
    {
    	padding: 1em 0 3.5em 0;
    	margin: 0;
    }
    /* AJAX notification bar
    ------------------------------------------------------- */
    #ajax_in_progress
    {
    	background: url(../images/theme/loadingbar.png) repeat-x;
    	color: #f96f00;
    	text-align: center;
    	font-size: 16pt;
    	padding: 8px;
    	width: 100%;
    	height: 66px;
    	line-height: 25px;
    	position: fixed;
    	top: 0;
    	left: 0;
    }
    
    #ajax_in_progress a
    {
    	color: orange;
    	text-decoration: underline;
    	font-size: smaller;
    	float: right;
    	margin-right: 20px;
    }
    
    /* a general table class */
    table.table_grid
    {
    	border-collapse: collapse;
    }
    table.table_grid td
    {
    	padding: 3px;
    	border-bottom: 1px solid #fff;
    	border-right: 1px solid #fff;
    }
    
    /* Lists with settings use these a lot.
    ------------------------------------------------------- */
    dl.settings
    {
    	clear: right;
    	overflow: auto;
    	margin: 0 0 10px 0;
    	padding: 0;
    }
    dl.settings dt
    {
    	width: 48%;
    	float: left;
    	margin: 0 0 10px 0;
    	padding: 0;
    	clear: both;
    }
    dl.settings dt.settings_title
    {
    	width: 100%;
    	float: none;
    	margin: 0 0 10px 0;
    	padding: 5px 0 0 0;
    	font-weight: bold;
    	clear: both;
    }
    dl.settings dt.windowbg
    {
    	width: 98%;
    	float: left;
    	margin: 0 0 3px 0;
    	padding: 0 0 5px 0;
    	clear: both;
    }
    dl.settings dd
    {
    	width: 48%;
    	float: left;
    	margin: 0 0 3px 0;
    	padding: 0;
    }
    dl.settings img
    {
    	margin: 0 10px 0 0;
    }
    /* help icons */
    dl.settings dt a img
    {
    	position: relative;
    	top: 2px;
    }
    
    /* Styles for rounded headers.
    ------------------------------------------------------- */
    h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg, .table_list tbody.header td
    {
    	overflow: hidden;
    	height: 31px;
    	line-height: 32px;
    	font-size: 1.2em;
    	font-weight: bold;
    }
    h3.catbg a, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a
    {
    	color: #fff;
    }
    h3.catbg2 a, h3.catbg2
    {
    	color: #feb;
    }
    h3.catbg a:hover, .table_list tbody.header td a:hover
    {
    	color: #fd9;
    	text-decoration: none;
    }
    h3.catbg2 a:hover
    {
    	color: #fff;
    	text-decoration: none;
    }
    h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a
    {
    	color: #000;
    }
    h3.titlebg a:hover, h4.titlebg a:hover
    {
    	color: #ffa500;
    	text-decoration: none;
    }
    h3.catbg img.icon, h4.titlebg img.icon
    {
    	vertical-align: middle;
    	margin: -2px 5px 0 0;
    }
    h4.catbg a.toggle img
    {
    	vertical-align: middle;
    	margin: -2px 5px 0 5px;
    }
    h4.catbg span.left, h4.catbg2 span.left, h3.catbg span.left, h3.catbg2 span.left, .table_list tbody.header td span.left
    {
    	float: left;
    	display: block;
    	width: 9px;
    	height: 31px;
    	background: url(../images/theme/main_block.png) no-repeat 0 -160px;
    }
    
    h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg
    {
    	background: url(../images/theme/main_block.png) no-repeat 100% -160px;
    	padding-right: 9px;
    }
    
    h4.titlebg span.left, h3.titlebg span.left
    {
    	float: left;
    	display: block;
    	width: 9px;
    	height: 31px;
    	background: url(../images/theme/main_block.png) no-repeat 0 -200px;
    }
    
    h4.titlebg, h3.titlebg
    {
    	background: url(../images/theme/main_block.png) no-repeat 100% -200px;
    	padding-right: 9px;
    }
    
    h4.titlebg img.icon
    {
    	float: left;
    	margin: 5px 8px 0 0;
    }
    div.cat_bar
    {
    	background: url(../images/theme/main_block.png) no-repeat 0 -160px;
    	padding-left: 9px;
    	overflow: hidden;
    }
    div.title_bar
    {
    	background: url(../images/theme/main_block.png) no-repeat 0 -200px;
    	padding-left: 9px;
    	overflow: hidden;
    }
    div.title_barIC
    {
    	background: url(../images/theme/main_block.png) no-repeat 0 -120px;
    	padding-left: 9px;
    	overflow: hidden;
    }
    /* rounded bars needs a different background here */
    #upshrinkHeaderIC h3.catbg span.left, #upshrinkHeaderIC h3.catbg2 span.left
    {
    	background: url(../images/theme/main_block.png) no-repeat 0 -160px;
    }
    #upshrinkHeaderIC h3.catbg, #upshrinkHeaderIC h3.catbg2
    {
    	background: url(../images/theme/main_block.png) no-repeat 100% -160px;
    }
    #upshrinkHeaderIC h4.titlebg span.left
    {
    	background: url(../images/theme/main_block.png) no-repeat 0 -120px;
    }
    #upshrinkHeaderIC h4.titlebg
    {
    	background: url(../images/theme/main_block.png) no-repeat 100% -120px;
    }
    #upshrinkHeaderIC p.pminfo
    {
    	margin: 0;
    	padding: 0.5em;
    }
    img#upshrink_ic, img#newsupshrink
    {
    	float: right;
    	margin: 10px 5px 0 0;
    }
    table.table_list a.unreadlink, table.table_list a.collapse
    {
    	float: right;
    }
    table.table_list a.collapse
    {
    	margin: 10px 5px 0 1em;
    }
    
    /* The half-round header bars for some tables. */
    .table_grid thead th
    {
    	height: 28px;
    	color: #fff;
    	font-family: arial, helvetica, sans-serif;
    	font-size: 1.1em;
    	font-weight: bold;
    	background: url(../images/theme/main_block.png) no-repeat -10px -160px;
    }
    .table_grid thead th a:link, .table_grid thead th a:visited
    {
    	color: #fff;
    }
    .table_grid th.first_th
    {
    	background: url(../images/theme/main_block.png) no-repeat 0 -160px;
    }
    .table_grid th.last_th
    {
    	background: url(../images/theme/main_block.png) no-repeat 100% -160px;
    }
    .table_grid th.last_th input
    {
    	margin: 0 2px;
    }
    
    /* Common styles used to add corners to divisions.
    ------------------------------------------------------- */
    .windowbg span.topslice
    {
    	display: block;
    	padding-left: 20px;
    	background: url(../images/theme/main_block.png) 0 -30px no-repeat;
    }
    .windowbg span.topslice span
    {
    	display: block;
    	background: url(../images/theme/main_block.png) 100% -30px no-repeat;
    	height: 11px;
    }
    .windowbg span.botslice
    {
    	display: block;
    	padding-left: 20px;
    	background: url(../images/theme/main_block.png) 0 -40px no-repeat;
    	font-size: 5px;
    	line-height: 5px;
    	margin-bottom: 0.2em;
    }
    .windowbg span.botslice span
    {
    	display: block;
    	background: url(../images/theme/main_block.png) 100% -40px no-repeat;
    	height: 11px;
    }
    
    .windowbg2 span.topslice
    {
    	display: block;
    	padding-left: 20px;
    	background: url(../images/theme/main_block.png) 0 -60px no-repeat;
    }
    .windowbg2 span.topslice span
    {
    	display: block;
    	background: url(../images/theme/main_block.png) 100% -60px no-repeat;
    	height: 11px;
    }
    .windowbg2 span.botslice
    {
    	display: block;
    	padding-left: 20px;
    	background: url(../images/theme/main_block.png) 0 -71px no-repeat;
    	font-size: 5px;
    	line-height: 5px;
    	margin-bottom: 0.2em;
    }
    .windowbg2 span.botslice span
    {
    	display: block;
    	background: url(../images/theme/main_block.png) 100% -71px no-repeat;
    	height: 11px;
    }
    .approvebg span.topslice
    {
    	display: block;
    	padding-left: 20px;
    	background: url(../images/theme/main_block.png) 0 0 no-repeat;
    }
    .approvebg span.topslice span
    {
    	display: block;
    	background: url(../images/theme/main_block.png) 100% 0 no-repeat;
    	height: 11px;
    }
    .approvebg span.botslice
    {
    	display: block;
    	padding-left: 20px;
    	background: url(../images/theme/main_block.png) 0 -11px no-repeat;
    	margin-bottom: 0.2em;
    }
    .approvebg span.botslice span
    {
    	display: block;
    	background: url(../images/theme/main_block.png) 100% -11px no-repeat;
    	height: 11px;
    }
    .postbg
    {
    	border-left: 1px solid #7f7f7f;
    	border-right: 1px solid #7f7f7f;
    }
    
    /* Used for sections that need somewhat larger corners.
    ----------------------------------------------------------- */
    .roundframe
    {
    	padding: 0 10px;
    	background: #f5f5f5;
    	border-left: 1px solid #c5c5c5;
    	border-right: 1px solid #c5c5c5;

  • #6
    New Coder
    Join Date
    Oct 2010
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Code:
    }
    .roundframe dl, .roundframe dt, .roundframe p
    {
    	margin: 0;
    }
    .roundframe p
    {
    	padding: 0.5em;
    }
    span.upperframe
    {
    	padding: 0;
    	display: block;
    	background: url(../images/theme/main_block.png) 0 -90px no-repeat;
    	padding-left: 20px;
    }
    span.upperframe span
    {
    	padding: 0;
    	height: 12px;
    	display: block;
    	background: url(../images/theme/main_block.png) 100% -90px no-repeat;
    }
    span.lowerframe
    {
    	padding: 0;
    	display: block;
    	background: url(../images/theme/main_block.png) 0 -102px no-repeat;
    	padding-left: 20px;
    }
    span.lowerframe span
    {
    	padding: 0;
    	height: 12px;
    	display: block;
    	background: url(../images/theme/main_block.png) 100% -102px no-repeat;
    }
    
    /* The main content area.
    ------------------------------------------------------- */
    .content
    {
    	padding: 0.5em 1.2em;
    	margin: 0;
    	border: none;
    }
    .content p
    {
    	margin: 0 0 0.5em 0;
    }
    
    /* Styles used by the auto suggest control.
    ------------------------------------------------------- */
    .auto_suggest_div
    {
    	border: 1px solid #000;
    	position: absolute;
    	visibility: hidden;
    }
    .auto_suggest_item
    {
    	background-color: #ddd;
    }
    .auto_suggest_item_hover
    {
    	background-color: #888;
    	cursor: pointer;
    	color: #eee;
    }
    
    /* Styles for the standard dropdown menus.
    ------------------------------------------------------- */
    #main_menu
    {
    	padding: 0 0 0 0.5em;
    	float: left;
    	margin: 0;
    	width: 98%;
    }
    
    .dropmenu, .dropmenu ul
    {
    	list-style: none;
    	line-height: 1em;
    	padding: 0;
    	margin: 0;
    }
    .dropmenu
    {
    	padding: 0 0.5em;
    }
    .dropmenu a
    {
    	display: block;
    	color: #000;
    	text-decoration: none;
    }
    .dropmenu a span
    {
    	display: block;
    	padding: 0 0 0 5px;
    	font-size: 0.9em;
    }
    /* the backgrounds first level only*/
    .dropmenu li a.firstlevel
    {
    	margin-right: 8px;
    }
    .dropmenu li a.firstlevel span.firstlevel
    {
    	display: block;
    	position: relative;
    	left: -5px;
    	padding-left: 5px;
    	height: 22px;
    	line-height: 19px;
    }
    .dropmenu li
    {
    	float: left;
    	padding: 0;
    	margin: 0;
    	position: relative;
    }
    .dropmenu li ul
    {
    	z-index: 90;
    	display: none;
    	position: absolute;
    	width: 19.2em;
    	font-weight: normal;
    	border-bottom: 1px solid #999;
    	background: url(../images/theme/menu_gfx.png) 0 -100px no-repeat;
    	padding: 7px 0 0 0;
    }
    .dropmenu li li
    {
    	width: 19em;
    	margin: 0;
    	border-left: 1px solid #999;
    	border-right: 1px solid #999;
    }
    .dropmenu li li a span
    {
    	display: block;
    	padding: 8px;
    }
    .dropmenu li ul ul
    {
    	margin: -1.8em 0 0 13em;
    }
    
    /* the active button */
    .dropmenu li a.active
    {
    	background: url(../images/theme/menu_gfx.png) no-repeat 100% 0;
    	color: #fff;
    	font-weight: bold;
    }
    .dropmenu li a.active span.firstlevel
    {
    	background: url(../images/theme/menu_gfx.png) no-repeat 0 0;
    }
    /* the hover effects */
    .dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
    {
    	background: url(../images/theme/menu_gfx.png) no-repeat 100% -30px;
    	color: #fff;
    	cursor: pointer;
    	text-decoration: none;
    }
    .dropmenu li a.firstlevel:hover span.firstlevel, .dropmenu li:hover a.firstlevel span.firstlevel
    {
    	background: url(../images/theme/menu_gfx.png) no-repeat 0 -30px;
    }
    /* the hover effects on level2 and 3*/
    .dropmenu li li a:hover, .dropmenu li li:hover>a
    {
    	background: #d4dbe4;
    	color: #000;
    	text-decoration: none;
    }
    .dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul
    {
    	top: -999em;
    }
    .dropmenu li li:hover ul
    {
    	top: auto;
    }
    .dropmenu li:hover ul
    {
    	display: block;
    }
    .dropmenu li li.additional_items
    {
    	background-color: #fff;
    }
    
    /* The dropdown menu toggle image */
    #menu_toggle
    {
    	float: right;
    	margin-right: 10px;
    	padding-top: 3px;
    }
    #menu_toggle span
    {
    	position: relative;
    	right: 5000px;
    }
    
    /* Styles for the standard button lists.
    ------------------------------------------------------- */
    
    .buttonlist ul
    {
    	z-index: 100;
    	padding: 5px;
    	margin: 0 0.2em 0 0;
    }
    .buttonlist ul li
    {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	float: left;
    }
    .buttonlist ul li a
    {
    	display: block;
    	font-size: 0.8em;
    	color: #000;
    	background: url(../images/theme/menu_gfx.png) no-repeat 0 -60px;
    	padding: 0;
    	margin-left: 12px;
    	text-transform: uppercase;
    	cursor: pointer;
    }
    .buttonlist ul li a:hover
    {
    	background: url(../images/theme/menu_gfx.png) no-repeat 0 0;
    	color: #fff;
    	text-decoration: none;
    }
    .buttonlist ul li a span
    {
    	background: url(../images/theme/menu_gfx.png) no-repeat 100% -60px;
    	display: block;
    	height: 24px;
    	line-height: 20px;
    	padding: 0 8px 0 0;
    	position: relative;
    	right: -8px;
    }
    .buttonlist ul li a:hover span
    {
    	background: url(../images/theme/menu_gfx.png) no-repeat 100% 0;
    }
    /* the active one */
    .buttonlist ul li a.active
    {
    	background: url(../images/theme/menu_gfx.png) no-repeat 0 -30px;
    	color: #fff;
    	font-weight: bold;
    }
    .buttonlist ul li a.active span
    {
    	background: url(../images/theme/menu_gfx.png) no-repeat 100% -30px;
    }
    .buttonlist ul li a.active
    {
    	font-weight: bold;
    }
    .buttonlist ul li a.active:hover
    {
    	color: #ddf;
    }
    .align_top ul li a, .align_bottom ul li a
    {
    	margin: 0 12px 0 0;
    }
    
    /* the navigation list */
    ul#navigation
    {
    	margin: 0;
    	font-size: 0.9em;
    	padding: 1em 0.4em;
    }
    ul#navigation li
    {
    	float: none;
    	font-size: 0.95em;
    	display: inline;
    }
    
    #adm_submenus
    {
    	padding-left: 2em;
    }
    #adm_submenus, #adm_submenus ul
    {
    	height: 3em;
    	overflow: auto;
    }
    
    /* Styles for the general looks for the Curve theme.
    ------------------------------------------------------- */
    
    /* the framing graphics */
    #header
    {
    	background: url(../images/theme/main_block.png) #fefefe no-repeat 0 -240px;
    	padding-left: 20px;
    }
    #header div.frame
    {
    	background: url(../images/theme/main_block.png) no-repeat 100% -240px;
    	display: block;
    	padding: 5px 20px 0 0;
    }
    /* the content section */
    #content_section
    {
    	background: #FFFFFF url(../images/theme/frame_repeat.png) repeat-y top left;
    	padding-left: 20px;
    }
    #content_section div.frame
    {
    	background: url(../images/theme/frame_repeat.png) repeat-y top right;
    	display: block;
    	padding: 0 20px 0 0;
    }
    #main_content_section
    {
    	width: 100%;
    	min-height: 200px;
    }
    
    /* the main title, always stay at 45 pixels in height! */
    h1.forumtitle
    {
    	line-height: 45px;
    	font-size: 1.8em;
    	font-family: Geneva, verdana, sans-serif;
    	margin: 0;
    	padding: 0;
    	float: left;
      }
    /* float these items to the right */
    #siteslogan
    {
    	margin: 0;
    	padding: 0;
    	float: right;
    	line-height: 3em;
        display: none
    }
    h3, h4
    {
    	padding-bottom: 3px;
    }
    /* the upshrink image needs some tweaking */
    img#upshrink
    {
    	float: right;
    	margin: 1em;
    }
    /* ..so does the SMF logo */
    img#smflogo
    {
    	margin-left: 1em;
    }
    /* the upper_section, float the two each way */
    #upper_section
    {
    	padding: 5px;
    	margin-bottom: 1.5em;
    }
    #upper_section ul li.greeting
    {
    	font-size: 1.3em;
    	font-weight: bold;
    	line-height: 1.5em;
    }
    #upper_section div.news
    {
    	width: 50%;
    	float: right;
    	text-align: right;
    }
    #guest_form
    {
    	overflow: hidden;
    }
    #guest_form .info
    {
    	padding: 4px 0 ;
    }
    div#upper_section div.user
    {
    	width: 50%;
    	float: left;
    	overflow: auto;
    }
    div#upper_section div.user p
    {
    	float: left;
    	margin: 0 1em 1em 0;
    	padding: 0;
    }
    div#upper_section div.user ul
    {
    	margin: 0;
    	padding-left: 10px;
    }
    div#upper_section div.user ul li
    {
    	margin-bottom: 2px;
    }
    div#upper_section div.news p
    {
    	display: inline;
    }
    div#upper_section div.news form
    {
    	padding-bottom: 10px;
    }
    /* clearing the floats */
    #top_section
    {
    	min-height: 133px;
    	overflow: hidden;
    	margin-bottom: 3px;
    }
    #upper_section
    {
    	overflow: hidden;
    }
    
    /* The navigation list (i.e. linktree) */
    .navigate_section
    {
    	padding: 0.5em;
    	margin: 1em 0 0 0;
    }
    .navigate_section ul
    {
    	display: block;
    	margin: 0;
    	font-size: 0.9em;
    	padding: 1em 0 0.5em 0;
    	border-top: 1px solid #ccc;
    	overflow: hidden;
    	list-style: none;
    	clear: both;
    	width: 100%;
    }
    .navigate_section ul li
    {
    	float: left;
    	padding: 0 0.5em 0 0;
    	font-size: 0.95em;
    }
    
    /* The footer wih copyright links etc. */
    #footer_section
    {
    	text-align: center;
    	background: url(../images/theme/main_block.png) no-repeat 0 -820px;
    	padding-left: 20px;
    }
    #footer_section span.smalltext
    {
    	font-size: 100%;
    }
    #footer_section div.frame
    {
    	background: url(../images/theme/main_block.png) no-repeat 100% -820px;
    	display: block;
    	padding: 60px 0 0 0;
    }
    #footer_section ul li, #footer_section p
    {
    	font-size: 0.8em;
    }
    #footer_section ul li
    {
    	display: inline;
    	padding-right: 5px;
    }
    #footer_section ul li.copyright
    {
    	display: block;
    }
    select.qaction, input.qaction
    {
    	font-size: 0.7em;
    	padding: 0;
    }
    #mlist table tbody td.windowbg2
    {
    	text-align: center;
    }
    
    /* Styles for a typical table.
    ------------------------------------------------------- */
    table.table_list
    {
    	width: 100%;
    }
    table.table_list p
    {
    	padding: 0;
    	margin: 0;
    }
    table.table_list td, table.table_list th
    {
    	padding: 5px;
    }
    table.table_list tbody.header td
    {
    	padding: 0;
    }
    table.table_list tbody.content td.stats
    {
    	font-size: 90%;
    	width: 15%;
    	text-align: center;
    }
    table.table_list tbody.content td.lastpost
    {
    	line-height: 1.3em;
    	font-size: 85%;
    	width: 24%;
    }
    table.table_list tbody.content td.icon
    {
    	text-align: center;
    	width: 6%;
    }
    
    /* Styles for the board index.
    ------------------------------------------------- */
    
    /* the board title! */
    .table_list tbody.content td.info a.subject
    {
    	font-weight: bold;
    	font-size: 110%;
    	color: #d97b33;
    }
    .table_list tbody.content td.children
    {
    	color: #555;
    	font-size: 85%;
    }
    p.moderators
    {
    	font-size: 0.8em;
    	font-family: verdana, sans-serif;
    }
    /* hide the table header/footer parts - but its here for those needing to style it */
    #boardindex_table .table_list thead, #boardindex_table .table_list tfoot
    {
    	display: none;
    }
    
    /* the posting icons */
    #posting_icons
    {
    	padding: 0 1em 0.5em 1em;
    	margin: 0 0 1em 0;
    	line-height: 1em;
    }
    #posting_icons ul
    {
    	font-size: 0.8em;
    }
    #posting_icons img
    {
    	vertical-align: middle;
    	margin: 0 0 0 4ex;
    }
    #postbuttons_upper ul li a span
    {
    	line-height: 19px;
    	padding: 0 0 0 6px;
    }
    .nextlinks
    {
    	text-align: right;
    	margin-top: -1px;
    }
    .nextlinks_bottom
    {
    	clear: right;
    	text-align: right;
    }
    .mark_read
    {
    	padding: 0 0.5em;
    }
    
    /* the newsfader */
    #smfFadeScroller
    {
    	text-align: center;
    	padding: 0 2em;
    	overflow: auto;
    	margin: 1em 0;
    	color: #575757;
    }
    
    /* Styles for the info center on the board index.
    ---------------------------------------------------- */
    
    #upshrinkHeaderIC
    {
    	margin-top: 4px;
    }
    dl#ic_recentposts
    {
    	margin: 0 0 0.5em 0;
    	padding: 0.5em;
    	line-height: 1.3em;
    }
    dl#ic_recentposts dt
    {
    	float: left;
    }
    dl#ic_recentposts dd
    {
    	text-align: right;
    }
    #upshrinkHeaderIC p
    {
    	margin: 0 0 0.5em 0;
    	padding: 0.5em;
    }
    #upshrinkHeaderIC p.last
    {
    	margin: 0;
    	padding: 0.5em;
    	border-top: 2px dotted #bbb;
    }
    #upshrinkHeaderIC p.inline
    {
    	border: none;
    	margin: 0;
    	padding: 0.2em 0.5em 0.2em 0.5em;
    }
    #upshrinkHeaderIC p.stats
    {
    	font-size: 1.1em;
    	padding-top: 8px;
    }
    form#ic_login
    {
    	padding: 0.5em;
    	height: 2em;
    }
    form#ic_login ul li
    {
    	margin: 0;
    	padding: 0;
    	float: left;
    	width: 20%;
    	text-align: center;
    }
    form#ic_login ul li label
    {
    	display: block;
    }
    
    /*the small stats*/
    #index_common_stats
    {
    	display: block;
    	margin: 0 0 0.5em 0;
    	text-align: right;
    	font-size: 0.9em;
    	position: relative;
    	top: -20px;
    	line-height: 1px;
    }
    
    img.new_posts
    {
    	padding: 0 0.1em;
    }
    /* Styles for the message (topic) index.
    ---------------------------------------------------- */
    
    #messageindex
    {
    	clear: both;
    }
    /* the page navigation area */
    #childboards h3
    {
    	padding-bottom: 0;
    }
    #childboards .table_list thead
    {
    	display: none;
    }
    #childboards .table_list
    {
    	margin-bottom: 1em;
    }
    .lastpost img
    {
    	float: right;
    	padding: 4px;
    }
    
    /* Styles for the display template (topic view).
    ---------------------------------------------------- */
    
    #postbuttons div.buttons
    {
    	padding: 0.5em;
    	width: 40%;
    	float: right;
    }
    #postbuttons div.middletext
    {
    	width: 60%;
    }
    #postbuttons span
    {
    	display: block;
    	text-align: right;
    }
    #postbuttons span.lower
    {
    	clear: right;
    }
    #postbuttons .buttonlist
    {
    	float: right;
    }
    #postbuttons #pagelinks
    {
    	padding-top: 1em;
    }
    #moderationbuttons
    {
    	overflow: hidden;
    }
    /* Events */
    .linked_events
    {
    	padding: 1em 0;
    }
    .edit_event
    {
    	margin: 0 1em;
    	vertical-align: middle;
    }
    /* Poll question */
    #poll
    {
    	overflow: hidden;
    }
    #poll .content
    {
    	padding: 0 1em;
    }
    h4#pollquestion
    {
    	padding: 0 0 0.5em 2em;
    }
    
    /* Poll vote options */
    #poll_options ul.options
    {
    	border-top: 1px solid #9999aa;
    	padding: 1em 2.5em 0 2em;
    	margin: 0 0 1em 0;
    }
    #poll_options div.submitbutton
    {
    	border-bottom: 1px solid #9999aa;
    	clear: both;
    	padding: 0 0 1em 2em;
    	margin: 0 0 1em 0;
    }
    
    /* Poll results */
    #poll_options dl.options
    {
    	border: solid #9999aa;
    	border-width: 1px 0;
    	padding: 1em 2.5em 1em 2em;
    	margin: 0 1em 1em 0;
    	line-height: 1.1em !important;
    }
    
    #poll_options dl.options dt
    {
    	padding: 0.3em 0;
    	width: 30%;
    	float: left;
    	margin: 0;
    	clear: left;
    }
    
    #poll_options dl.options .voted
    {
    	font-weight: bold;
    }
    
    #poll_options dl.options dd
    {
    	margin: 0 0 0 2em;
    	padding: 0.1em 0 0 0;
    	width: 60%;
    	max-width: 450px;
    	float: left;
    }
    
    #poll_options dl.options .percentage
    {
    	display: block;
    	float: right;
    	padding: 0.2em 0 0.3em 0;
    }
    
    /* Poll notices */
    #poll_options p
    {
    	margin: 0 1.5em 0.2em 1.5em;
    	padding: 0 0.5em 0.5em 0.5em;
    }
    
    div#pollmoderation
    {
    	margin: 0;
    	padding: 0;
    	overflow: auto;
    }
    
    /* onto the posts */
    #forumposts
    {
    	clear: both;
    }
    /* author and topic informaton */
    #forumposts h3 span#author, #forumposts h3 span#top_subject
    {
    	float: left;
    }
    #forumposts h3 span#top_subject
    {
    	margin: 0 0 0 7.7em;
    }
    #forumposts h3 img
    {
    	float: left;
    	margin: 4px 0.5em 0 0;
    }
    #forumposts h3.catbg
    {
    	margin-bottom: 3px;
    }
    p#whoisviewing
    {
    	margin: 0;
    	padding: 0.5em;
    }
    /* poster and postarea + moderation area underneath */
    .poster
    {
    	float: left;
    	width: 15em;
    }
    .postarea, .moderatorbar
    {
    	margin: 0 0 0 16em;
    }
    .postarea div.flow_hidden
    {
    	width: 100%;
    }
    
    .moderatorbar
    {
    	clear: right;
    }
    /* poster details and list of items */
    .poster h4, .poster ul
    {
    	padding: 0;
    	margin: 0 1em 0 1.5em;
    }
    .poster h4
    {
    	margin: 0.2em 0 0.4em 1.1em;
    	font-size: 120%;
    }
    .poster h4, .poster h4 a
    {
    	color: #c06002;
    }
    .poster ul ul
    {
    	margin: 0.3em 1em 0 0;
    	padding: 0;
    }
    .poster ul ul li
    {
    	display: inline;
    }
    .poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
    {
    	margin-top: 0.5em;
    }
    .poster li.warning
    {
    	line-height: 1.2em;
    	padding-top: 1em;
    }
    .poster li.warning a img
    {
    	vertical-align: bottom;
    	padding: 0 0.2em;
    }
    .messageicon
    {
    	float: left;
    	margin: 0 0.5em 0 0;
    }
    .messageicon img
    {
    	padding: 6px 3px;
    }
    .keyinfo
    {
    	float: left;
    	width: 50%;
    }
    .modifybutton
    {
    	clear: right;
    	float: right;
    	margin: 8px 20px 10px 0;
    	text-align: right;
    }
    
    /* The quick buttons */
    div.quickbuttons_wrap
    {
    	padding: 0.2em 0;
    	width: 100%;
    	float: left;
    }
    
    ul.quickbuttons
    {
    	margin: 0.9em 11px 0 0;
    	clear: right;
    	float: right;
    	text-align: right;
    	font-family: arial, sans-serif;
    	font-weight: bold;
    	font-size: 0.85em;
    }
    ul.quickbuttons li
    {
    	float: left;
    	display: inline;
    	margin: 0 0 0 11px;
    }
    ul.quickbuttons li a
    {
    	padding: 0 0 0 20px;
    	display: block;
    	height: 20px;
    	line-height: 18px;
    	float: left;
    }
    ul.quickbuttons a:hover
    {
    	color: #a70;
    }
    ul.quickbuttons li.quote_button
    {
    	background: url(../images/theme/quickbuttons.png) no-repeat 0 0;
    }
    ul.quickbuttons li.remove_button
    {
    	background: url(../images/theme/quickbuttons.png) no-repeat 0 -30px;
    }
    ul.quickbuttons li.modify_button
    {
    	background: url(../images/theme/quickbuttons.png) no-repeat 0 -60px;
    }
    ul.quickbuttons li.approve_button
    {
    	background: url(../images/theme/quickbuttons.png) no-repeat 0 -90px;
    }
    ul.quickbuttons li.restore_button
    {
    	background: url(../images/theme/quickbuttons.png) no-repeat 0 -120px;
    }
    ul.quickbuttons li.split_button
    {
    	background: url(../images/theme/quickbuttons.png) no-repeat 0 -150px;
    }
    ul.quickbuttons li.reply_button
    {
    	background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
    }
    ul.quickbuttons li.reply_all_button
    {
    	background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
    }
    ul.quickbuttons li.notify_button
    {
    	background: url(../images/theme/quickbuttons.png) no-repeat 0 -210px;
    }
    ul.quickbuttons li.inline_mod_check
    {
    	margin: 0 0 0 5px;

  • #7
    New Coder
    Join Date
    Oct 2010
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Code:
    }
    
    .post
    {
    	margin-top: 0.5em;
    	clear: right;
    }
    .inner
    {
    	padding: 1em 1em 0 0;
    	margin: 0 1em 0 0;
    	border-top: 1px solid #99a;
    }
    .inner img.smiley
    {
    	vertical-align: bottom;
    }
    #forumposts .modified
    {
    	float: left;
    }
    #forumposts .reportlinks
    {
    	margin-right: 1.5em;
    	text-align: right;
    	clear: right;
    }
    #forumposts .signature, .post .signature
    {
    	margin: 1em 0 0 0;
    }
    #forumposts span.botslice
    {
    	clear: both;
    }
    .attachments hr
    {
    	clear: both;
    	margin: 1em 0 1em 0;
    }
    .attachments
    {
    	padding: 1em 0 2em 0;
    }
    .attachments div
    {
    	padding: 0 0.5em;
    }
    
    /* Styles for the quick reply area.
    ---------------------------------------------------- */
    
    /* The quick-reply area. Horizontal alignments go a bit wonky in IE6 and IE7 but I'm not sure it's worth worrying about. */
    
    #quickReplyOptions .roundframe
    {
    	padding: 0 10%;
    }
    #quickReplyOptions form textarea
    {
    	height: 100px;
    	margin: 0.25em 0 1em 0;
    }
    /* The jump to box */
    #display_jump_to
    {
    	clear: both;
    	padding: 5px;
    	margin-top: 2px;
    }
    
    /* Separator of posts. More useful in the print stylesheet. */
    #forumposts .post_separator
    {
    	display: none;
    }
    
    /* Styles for edit post section
    ---------------------------------------------------- */
    form#postmodify .roundframe
    {
    	padding: 0 12%;
    }
    #post_header
    {
    	margin-bottom: 0.5em;
    	border-bottom: 1px solid #cacdd3;
    	padding: 0.5em;
    	overflow: hidden;
    }
    #post_header dt
    {
    	float: left;
    	margin: 0;
    	padding: 0;
    	width: 15%;
    	margin: .3em 0;
    	font-weight: bold;
    }
    #post_header dd
    {
    	float: left;
    	margin: 0;
    	padding: 0;
    	width: 83%;
    	margin: .3em 0;
    }
    #post_header img
    {
    	vertical-align: middle;
    }
    ul.post_options
    {
    	margin: 0 0 0 1em;
    	padding: 0;
    	list-style: none;
    	overflow: hidden;
    }
    ul.post_options li
    {
    	margin: 0.2em 0;
    	width: 49%;
    	float: left;
    }
    #postAdditionalOptionsHeader
    {
    	margin-top: 1em;
    }
    #postMoreOptions
    {
    	border-bottom: 1px solid #cacdd3;
    	padding: 0.5em;
    }
    #postAttachment, #postAttachment2
    {
    	overflow: hidden;
    	margin: .5em 0;
    	padding: 0;
    	border-bottom: 1px solid #cacdd3;
    	padding: 0.5em;
    }
    #postAttachment dd, #postAttachment2 dd
    {
    	margin: .3em 0 .3em 1em;
    }
    #postAttachment dt, #postAttachment2 dt
    {
    	font-weight: bold;
    }
    #postAttachment3
    {
    	margin-left: 1em;
    }
    #post_confirm_strip, #shortcuts
    {
    	padding: 1em 0 0 0;
    }
    .post_verification
    {
    	margin-top: .5em;
    }
    .post_verification #verification_control
    {
    	margin: .3em 0 .3em 1em;
    }
    /* The BBC buttons */
    #bbcBox_message
    {
    	margin: 1em 0 0.5em 0;
    }
    #bbcBox_message div
    {
    	margin: 0.2em 0;
    	vertical-align: top;
    }
    #bbcBox_message div img
    {
    	margin: 0 1px 0 0;
    	vertical-align: top;
    }
    #bbcBox_message select
    {
    	margin: 0 2px;
    }
    /* The smiley strip */
    #smileyBox_message
    {
    	margin: 0.75em 0 0.5em 0;
    }
    
    /* Styles for edit event section
    ---------------------------------------------------- */
    #post_event .roundframe
    {
    	padding: 0 12%;
    }
    #post_event fieldset
    {
    	margin-bottom: 0.5em;
    	border: none;
    	border-bottom: 1px solid #cacdd3;
    	padding: 0.5em;
    	clear: both;
    }
    #post_event legend
    {
    	font-weight: bold;
    	color: #000;
    }
    #post_event div.event_options
    {
    	width: 49%;
    	float: left;
    }
    #post_event ul.event_main, ul.event_options
    {
    	padding: 0;
    	overflow: hidden;
    }
    #post_event ul.event_main li
    {
    	list-style-type: none;
    	margin: 0.2em 0;
    	width: 49%;
    	float: left;
    }
    #post_event ul.event_options
    {
    	margin: 0;
    	padding: 0 0 .7em .7em;
    }
    #post_event ul.event_options li
    {
    	list-style-type: none;
    	margin: 0.3em 0 0 0;
    }
    
    /* Styles for edit poll section.
    ---------------------------------------------------- */
    
    #edit_poll fieldset
    {
    	margin-bottom: 0.5em;
    	border: none;
    	border-bottom: 1px solid #cacdd3;
    	padding: 0.5em;
    	clear: both;
    }
    #edit_poll legend
    {
    	font-weight: bold;
    	color: #000;
    }
    #edit_poll ul.poll_main, dl.poll_options
    {
    	overflow: hidden;
    	padding: 0 0 .7em .7em;
    	list-style: none;
    }
    #edit_poll ul.poll_main li
    {
    	margin: 0.2em 0;
    }
    #edit_poll dl.poll_options dt
    {
    	width: 35%;
    }
    #edit_poll dl.poll_options dd
    {
    	width: 63%;
    }
    
    /* Styles for the recent messages section.
    ---------------------------------------------------- */
    
    #readbuttons_top .pagelinks, #readbuttons .pagelinks
    {
    	padding-bottom: 1em;
    	width: 60%;
    }
    #readbuttons .pagelinks
    {
    	padding-top: 1em;
    }
    #recent
    {
    	clear: both;
    }
    
    /* Styles for the move topic section.
    ---------------------------------------------------- */
    
    #move_topic dl
    {
    	margin-bottom: 0;
    }
    #move_topic dl.settings dt
    {
        width: 40%;
    }
    #move_topic dl.settings dd
    {
        width: 59%;
    }
    .move_topic
    {
    	width: 710px;
    	margin: auto;
    	text-align: left;
    }
    div.move_topic fieldset
    {
    	margin: 0.5em 0;
    	border: 1px solid #cacdd3;
    	padding: 0.5em;
    }
    
    /* Styles for the send topic section.
    ---------------------------------------------------- */
    
    fieldset.send_topic
    {
    	margin-bottom: 0.5em;
    	border: none;
    	padding: 0.5em;
    }
    dl.send_topic
    {
    	margin-bottom: 0;
    }
    dl.send_mail dt
    {
    	width: 35%;
    }
    dl.send_mail dd
    {
    	width: 64%;
    }
    
    /* Styles for the split topic section.
    ---------------------------------------------------- */
    
    div#selected, div#not_selected
    {
    	width: 49%;
    }
    ul.split_messages li.windowbg, ul.split_messages li.windowbg2
    {
    	padding: 1em;
    	margin: 1px;
    }
    ul.split_messages li a.split_icon
    {
    	padding: 0 0.5em;
    }
    ul.split_messages div.post
    {
    	padding: 1em 0 0 0;
    	border-top: 1px solid #fff;
    }
    
    /* Styles for the merge topic section.
    ---------------------------------------------------- */
    ul.merge_topics li
    {
    	list-style-type: none;
    }
    dl.merge_topic dt
    {
    	width: 25%;
    }
    dl.merge_topic dd
    {
    	width: 74%;
    }
    fieldset.merge_options
    {
    	margin-bottom: 0.5em;
    }
    fieldset.merge_options legend
    {
    	font-weight: bold;
    }
    .custom_subject
    {
    	margin: 0.5em 0;
    }
    
    /* Styles for the login areas.
    ------------------------------------------------------- */
    .login
    {
    	width: 540px;
    	margin: 0 auto;
    }
    .login dl
    {
    	overflow: auto;
    	clear: right;
    }
    .login dt, .login dd
    {
    	margin: 0 0 0.4em 0;
    	width: 44%;
    	padding: 0.1em;
    }
    .login dt
    {
    	float: left;
    	clear: both;
    	text-align: right;
    	font-weight: bold;
    }
    .login dd
    {
    	width: 54%;
    	float: right;
    	text-align: left;
    }
    .login p
    {
    	text-align: center;
    }
    
    /* Styles for the registration section.
    ------------------------------------------------------- */
    .register_error
    {
    	border: 1px dashed red;
    	padding: 5px;
    	margin: 0 1ex 1ex 1ex;
    }
    .register_error span
    {
    	text-decoration: underline;
    }
    
    /* Additional profile fields */
    dl.register_form
    {
    	margin: 0;
    	clear: right;
    	overflow: auto;
    }
    
    dl.register_form dt
    {
    	font-weight: normal;
    	float: left;
    	clear: both;
    	width: 50%;
    	margin: 0.5em 0 0 0;
    }
    
    dl.register_form dt strong
    {
    	font-weight: bold;
    }
    
    dl.register_form dt span
    {
    	display: block;
    }
    
    dl.register_form dd
    {
    	float: left;
    	width: 49%;
    	margin: 0.5em 0 0 0;
    }
    
    #confirm_buttons
    {
    	text-align: center;
    	padding: 1em 0;
    }
    
    .coppa_contact
    {
    	padding: 4px;
    	width: 32ex;
    	background-color: #fff;
    	color: #000;
    	margin-left: 5ex;
    	border: 1px solid #000;
    }
    
    /* Styles for maintenance mode.
    ------------------------------------------------------- */
    #maintenance_mode
    {
    	width: 75%;
    	min-width: 520px;
    	text-align: left;
    }
    #maintenance_mode img.align_left
    {
    	margin-right: 1em;
    }
    
    /* common for all admin sections */
    h3.titlebg img
    {
    	vertical-align: middle;
    	margin-right: 0.5em;
    	margin-top: -1px;
    }
    tr.titlebg td
    {
    	padding-left: 0.7em;
    }
    #admin_menu
    {
    	min-height: 2em;
    	padding-left: 0;
    }
    #admin_content
    {
    	clear: left;
    	padding-top: 0.5em;
    }
    #admin_login .centertext
    {
    	padding: 1em;
    }
    #admin_login .centertext .error
    {
    	padding: 0 0 1em 0;
    }
    
    /* Styles for sidebar menus.
    ------------------------------------------------------- */
    #left_admsection h4.catbg span.left,
    #left_admsection h4.catbg span.right
    {
    	width: 9px;
    	height: 31px;
    }
    .left_admmenu, .left_admmenu ul, .left_admmenu li
    {
    	padding: 0;
    	margin: 0;
    	list-style: none;
    }
    #left_admsection
    {
    	width: 160px;
    	float: left;
    	padding-right: 10px;
    }
    .adm_section h4.titlebg
    {
    	font-size: 95%;
    	margin-bottom: 5px;
    }
    #adm_container
    {
    	border-bottom: 1px solid #ccc;
    	margin-bottom: 5px;
    }
    .left_admmenu li
    {
    	padding: 0 0 0 0.5em;
    }
    .left_admmenu
    {
    	margin-bottom: 0.5em;
    }
    #main_admsection
    {
    	margin-left: 172px;
    }
    
    tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td
    {
    	padding: 0.3em 0.7em;
    }
    #credits p
    {
    	padding: 0;
    	font-style: italic;
    	margin: 0;
    }
    
    /* Styles for generic tables.
    ------------------------------------------------------- */
    .topic_table table
    {
    	width: 100%;
    }
    .topic_table .icon1, .topic_table .icon2, .topic_table .stats
    {
    	text-align: center;
    }
    #topic_icons
    {
    	margin: 1em 0 0 0;
    }
    #topic_icons .description
    {
    	margin: 0;
    }
    .topic_table table thead
    {
    	border-bottom: 1px solid #fff;
    }
    /* the subject column */
    .topic_table td
    {
    	font-size: 1em;
    }
    .topic_table td.subject p, .topic_table td.stats
    {
    	font-size: 0.85em;
    	padding: 0;
    	margin: 0;
    }
    .topic_table td.lastpost
    {
    	font-size: 0.85em;
    	line-height: 1.3em;
    	padding: 4px;
    }
    .topic_table td.stickybg2
    {
    	background-image: url(../images/icons/quick_sticky.gif);
    	background-repeat: no-repeat;
    	background-position: 98% 4px;
    }
    .topic_table td.lockedbg2
    {
    	background-image: url(../images/icons/quick_lock.gif);
    	background-repeat: no-repeat;
    	background-position: 98% 4px;
    }
    .topic_table td.locked_sticky2
    {
    	background-image: url(../images/icons/quick_sticky_lock.gif);
    	background-repeat: no-repeat;
    	background-position: 98% 4px;
    }
    .topic_table td.lastpost
    {
    	background-image: none;
    }
    
    /* Styles for (fatal) errors.
    ------------------------------------------------- */
    
    #fatal_error
    {
    	width: 80%;
    	margin: auto;
    }
    
    .errorbox
    {
    	padding: 1em;
    	border: 1px solid #cc3344;
    	color: #000;
    	background-color: #ffe4e9;
    	margin-bottom: 1em;
    }
    .errorbox h3
    {
    	padding: 0;
    	margin: 0;
    	font-size: 1.1em;
    	text-decoration: underline;
    }
    .errorbox p
    {
    	margin: 1em 0 0 0;
    }
    .errorbox p.alert
    {
    	padding: 0;
    	margin: 0;
    	float: left;
    	width: 1em;
    	font-size: 1.5em;
    }
    
    /* Styles for the profile section.
    ------------------------------------------------- */
    
    dl
    {
    	overflow: auto;
    	margin: 0;
    	padding: 0;
    }
    
    /* The basic user info on the left */
    #basicinfo
    {
    	width: 20%;
    	float: left;
    }
    #basicinfo .windowbg .content
    {
    	padding-left: 20px;
    }
    #detailedinfo
    {
    	width: 79.5%;
    	float: right;
    }
    #basicinfo h4
    {
    	font-size: 135%;
    	font-weight: 100;
    	line-height: 105%;
    	white-space: pre-wrap;
    	overflow: hidden;
    }
    #basicinfo h4 span.position
    {
    	font-size: 80%;
    	font-weight: 100;
    	display: block;
    }
    #basicinfo img.avatar
    {
    	display: block;
    	margin: 10px 0 0 0;
    }
    #basicinfo ul
    {
    	list-style-type: none;
    	margin: 10px 0 0 0;
    }
    #basicinfo ul li
    {
    	display: block;
    	float: left;
    	margin-right: 5px;
    	height: 20px;
    }
    #basicinfo span#userstatus
    {
    	display: block;
    	clear: both;
    }
    #basicinfo span#userstatus img
    {
    	vertical-align: middle;
    }
    #detailedinfo div.content dl, #tracking div.content dl
    {
    	clear: right;
    	overflow: auto;
    	margin: 0 0 18px 0;
    	padding: 0 0 15px 0;
    	border-bottom: 1px #ccc solid;
    }
    #detailedinfo div.content dt, #tracking div.content dt
    {
    	width: 35%;
    	float: left;
    	margin: 0 0 3px 0;
    	padding: 0;
    	font-weight: bold;
    	clear: both;
    }
    #detailedinfo div.content dd, #tracking div.content dd
    {
    	width: 65%;
    	float: left;
    	margin: 0 0 3px 0;
    	padding: 0;
    }
    #detailedinfo div.content dl.noborder
    {
    	border-bottom: 0;
    }
    #detailedinfo div.content dt.clear
    {
    	width: 100%;
    }
    .signature, .custom_fields_above_signature
    {
    	border-top: 1px #ccc solid;
    }
    .signature h5
    {
    	font-size: 0.85em;
    	margin-bottom: 10px;
    }
    #personal_picture
    {
    	display: block;
    	margin-bottom: 0.3em;
    }
    #avatar_server_stored div
    {
    	float: left;
    }
    
    #main_admsection #basicinfo, #main_admsection #detailedinfo
    {
    	width: 100%;
    }
    #main_admsection #basicinfo h4
    {
    	float: left;
    	width: 35%;
    }
    #main_admsection #basicinfo img.avatar
    {
    	float: right;
    	vertical-align: top;
    }
    #main_admsection #basicinfo ul
    {
    	clear: left;
    }
    #main_admsection #basicinfo span#userstatus
    {
    	clear: left;
    }
    #main_admsection #basicinfo p#infolinks
    {
    	display: none;
    	clear: both;
    }
    #main_admsection #basicinfo .botslice
    {
    	clear: both;
    }
    
    /* Simple feedback messages */
    div#profile_error, div#profile_success
    {
    	margin: 0 0 1em 0;
    	padding: 1em 2em;
    	border: 1px solid;
    }
    div#profile_error
    {
    	border-color: red;
    	color: red;
    	background: #fee;
    }
    
    div#profile_error span
    {
    	text-decoration: underline;
    }
    
    div#profile_success
    {
    	border-color: green;
    	color: green;
    	background: #efe;
    }
    
    /* Profile statistics */
    #generalstats div.content dt
    {
    	width: 50%;
    	float: left;
    	margin: 0 0 3px 0;
    	padding: 0;
    	font-weight: bold;
    	clear: both;
    }
    #generalstats div.content dd
    {
    	width: 50%;
    	float: left;
    	margin: 0 0 3px 0;
    	padding: 0;
    }
    
    /* Activity by time */
    #activitytime
    {
    	margin: 6px 0;
    }
    .activity_stats
    {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    }
    .activity_stats li
    {
    	margin: 0;
    	padding: 0;
    	width: 4.16%;
    	float: left;
    }
    .activity_stats li span
    {
    	display: block;
    	border: solid #000;
    	border-width: 1px 1px 0 0;
    	text-align: center;
    }
    .activity_stats li.last span
    {
    	border-right: none;
    }
    .activity_stats li div.bar
    {
    	margin: 0 auto;
    	width: 15px;
    }
    .activity_stats li div.bar div
    {
    	background: #6294CE;
    }
    .activity_stats li div.bar span
    {
    	position: absolute;
    	top: -1000em;
    	left: -1000em;
    }
    
    /* Most popular boards by posts and activity */
    #popularposts
    {
    	width: 49.5%;
    	float: left;
    }
    #popularactivity
    {
    	width: 49.5%;
    	float: right;
    }
    
    #popularposts div.content dt, #popularactivity div.content dt
    {
    	width: 65%;
    	float: left;
    	margin: 0 0 3px 0;
    	padding: 0;
    	font-weight: bold;
    	clear: both;
    }
    #popularposts div.content dd, #popularactivity div.content dd
    {
    	width: 35%;
    	float: left;
    	margin: 0 0 3px 0;
    	padding: 0;
    }
    
    .profile_pie
    {
    	background-image: url(../images/stats_pie.png);
    	float: left;
    	height: 20px;
    	width: 20px;
    	margin: 0 1em 0 0;
    	padding: 0;
    	text-indent: -1000em; 
    }
    
    /* View posts */
    .topic .time
    {
    	float: right;
    }
    
    .counter
    {
    	margin: 0 0 0 0;
    	padding: 0.2em 0.5em 0.1em 0.2em;
    	font-size: 2.2em;
    	font-weight: bold;
    	color: #3f3f3f;
    	float: left;
    }
    .list_posts
    {
    	border-top: 2px solid #b3b3bf;
    	padding-top: 12px;
    	margin-top: 6px;
    }
    
    .core_posts
    {
    	margin-bottom: 3px;
    }
    
    .topic h4
    {
    	margin: 3px 0;
    }
    
    .topic .post
    {
    	margin: 0 1em;
    	min-height: 80px;
    	height: auto !important;
    	height: 80px;
    }
    
    .topic .mod_icons
    {
    	text-align: right;
    	margin-right: 1em;
    }
    
    #permissions dt
    {
    	width: 48%;
    	float: left;
    	line-height: 1.2em;
    	margin: 0;
    	padding: 1%;
    	clear: both;
    	border-top: 1px solid #fff;
    }
    
    #permissions dd
    {
    	width: 48%;
    	float: left;
    	margin: 0;
    	padding: 1%;
    	border-top: 1px solid #fff;
    }
    
    #tracking div.content dl
    {
    	border-bottom: 0;
    	margin: 0;
    	padding: 0;
    }
    
    #creator dl
    {
    	margin: 0;
    }
    #creator dt
    {
    	width: 40%;
    	float: left;
    	clear: both;
    	margin: 0 0 10px 0;
    }
    #creator dd
    {
    	float: left;
    	width: 60%;
    	margin: 0 0 10px 0;
    }
    
    .ignoreboards
    {
    	margin: 0;
    	padding: 0;
    	width: 49%;
    	overflow: auto;
    }
    .ignoreboards a
    {
    	text-decoration: underline;
    }
    .ignoreboards ul
    {
    	overflow: auto;
    	margin: 0 0 0 1em;
    	padding: 0;
    }
    .ignoreboards li
    {
    	list-style: none;
    	float: left;
    	clear: both;
    }
    
    #theme_settings
    {
    	overflow: auto;
    	margin: 0;
    	padding: 0;
    }
    
    #theme_settings li
    {
    	list-style: none;
    	margin: 10px 0;
    	padding: 0;
    }
    /*Paid Subscriptions*/
    #paid_subscription
    {
    	width: 100%;
    }
    #paid_subscription dl.settings
    {
    	margin-bottom: 0;
    }
    #paid_subscription dl.settings dd, #paid_subscription dl.settings dt
    {
    	margin-bottom: 4px;
    }
    /*pick theme*/
    #pick_theme
    {
    	width: 100%;
    	float: left;
    }

  • #8
    New Coder
    Join Date
    Oct 2010
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Code:
    /* Styles for the statistics center.
    ------------------------------------------------- */
    #statistics
    {
    	padding: 0.5em 0;
    }
    #statistics div.title_bar
    {
    	margin: 4px 0 -2px 0;
    }
    #statistics h3.catbg
    {
    	text-align: center;
    }
    #statistics div.content
    {
    	min-height: 210px;
    }
    #statistics div.top_row
    {
    	min-height: 150px;
    }
    #stats_left, #top_posters, #top_topics_replies, #top_topics_starter
    {
    	float: left;
    	width: 49.5%;
    }
    #stats_right, #top_boards, #top_topics_views, #most_online
    {
    	float: right;
    	width: 49.5%;
    }
    dl.stats
    {
    	clear: both;
    	overflow: hidden;
    	margin: 0;
    	padding: 0;
    }
    dl.stats dt
    {
    	width: 49%;
    	float: left;
    	margin: 0 0 4px 0;
    	line-height: 16px;
    	padding: 0;
    	clear: both;
    	font-size: 1em;
    }
    dl.stats dd
    {
    	text-align: right;
    	width: 50%;
    	font-size: 1em;
    	float: right;
    	margin: 0 0 4px 0;
    	line-height: 16px;
    	padding: 0;
    }
    .statsbar div.bar
    {
    	float: left;
    	background: url(../images/bar_stats.png) no-repeat;
    	display: block;
    	margin: 0 4px;
    	height: 16px;
    }
    .statsbar div.bar div
    {
    	position: relative;
    	right: -4px;
    	padding: 0 4px 0 0;
    	background: url(../images/bar_stats.png) no-repeat 100%;
    	height: 16px;
    }
    
    /* Styles for the personal messages section.
    ------------------------------------------------- */
    
    #personal_messages h3 span#author, #personal_messages h3 span#topic_title
    {
    	float: left;
    }
    #personal_messages h3 span#author
    {
    	margin: 0 0 0 0.5em;
    }
    #personal_messages h3 span#topic_title
    {
    	margin: 0 0 0 9em;
    }
    #personal_messages div.labels
    {
    	padding: 0 1em 0 0;
    }
    #personal_messages .capacity_bar
    {
    	background: #f0f4f7;
    	display: block;
    	margin: 0.5em 0 0 1em;
    	height: 1em;
    	border: 1px solid #adadad;
    	width: 10em;
    }
    #personal_messages .capacity_bar span
    {
    	border-right: 1px solid #adadad;
    	display: block;
    	height: 1em;
    }
    #personal_messages .capacity_bar span.empty
    {
    	background: #a6d69d;
    }
    #personal_messages .capacity_bar span.filled
    {
    	background: #eea800;
    }
    #personal_messages .capacity_bar span.full
    {
    	background: #f10909;
    }
    #personal_messages .reportlinks
    {
    	padding: 0.5em 1.3em;
    }
    
    /* Styles for the calendar section.
    ------------------------------------------------- */
    .calendar_table
    {
    	margin-bottom: 0.7em;
    }
    
    /* Used to indicate the current day in the grid. */
    .calendar_today
    {
    	background-color: #fff;
    }
    
    #month_grid
    {
    	width: 200px;
    	text-align: center;
    	float: left;
    }
    #month_grid h3.catbg
    {
    	height: 23px;
    	line-height: 27px;
    }
    #month_grid table
    {
    	width: 200px;
    }
    #main_grid table
    {
    	width: 100%;
    	padding-bottom: 4px;
    }
    #main_grid table h3.catbg
    {
    	text-align: center;
    	height: 29px;
    	border-top: 2px solid #fff;
    	border-bottom: none;
    }
    #main_grid table.weeklist td.windowbg
    {
    	text-align: center;
    	height: 49px;
    	width: 25px;
    	font-size: large;
    	padding: 0 7px;
    	border-bottom: 2px solid #fff;
    }
    #main_grid table.weeklist td.weekdays
    {
    	height: 49px;
    	width: 100%;
    	padding: 4px;
    	text-align: left;
    	vertical-align: middle;
    	border-bottom: 2px solid #fff;
    }
    #main_grid h3.weekly
    {
    	text-align: center;
    	padding-left: 0;
    	font-size: large;
    	height: 29px;
    }
    #main_grid h3 span.floatleft, #main_grid h3 span.floatright
    {
    	display: block;
    	font-weight: bold;
    }
    #main_grid table th.days
    {
    	width: 14%;
    	padding: 4px 0;
    }
    #main_grid table.weeklist h4.titlebg
    {
    	margin: 2px 0 0 0;
    	height: 23px;
    	line-height: 27px;
    }
    #main_grid table td.weeks
    {
    	vertical-align: middle;
    	text-align: center;
    	font-weight: bold;
    	font-size: large;
    }
    #main_grid table td.days
    {
    	vertical-align: top;
    	text-align: center;
    }
    
    a.modify_event
    {
    	color: red;
    }
    
    span.hidelink
    {
    	font-style: italic;
    }
    
    #calendar_navigation
    {
    	text-align: center;
    }
    
    /* Styles for the memberlist section.
    ------------------------------------------------- */
    #mlist_search
    {
    	margin: auto;
    	width: 500px;
    }
    
    /* Styles for the basic search section.
    ------------------------------------------------- */
    #searchform, #simple_search p
    {
    	padding: 0.5em;
    	margin: 0;
    }
    #simple_search, #simple_search p, #advanced_search
    {
    	text-align: center !important;
    	margin: 0;
    }
    #search_error
    {
    	font-style: italic;
    	padding: 0.3em 1em;
    }
    #search_term_input
    {
    	font-size: 115%;
    	margin: 0 0 1em;
    }
    
    /* Styles for the advanced search section.
    ------------------------------------------------- */
    #searchform fieldset
    {
    	text-align: left;
    	padding: 0;
    	margin: 0.5em 0;
    	border: none;
    }
    #advanced_search dl#search_options
    {
    	margin: 0 auto;
    	width: 600px;
    	padding-top: 1em;
    	overflow: hidden;
    }
    #advanced_search dt
    {
    	clear: both;
    	float: left;
    	padding: 0.2em;
    	text-align: right;
    	width: 20%;
    }
    #advanced_search dd
    {
    	width: 75%;
    	float: left;
    	padding: 0.2em;
    	margin: 0 0 0 0.5em;
    	text-align: left;
    }
    #searchform p.clear
    {
    	clear: both;
    }
    
    /* Boards picker */
    #searchform fieldset div#searchBoardsExpand ul
    {
    	overflow: auto;
    	margin: 0 0 0 1em;
    	padding: 0;
    	width: 48%;
    }
    #searchform fieldset div#searchBoardsExpand ul ul
    {
    	width: auto;
    }
    #searchform fieldset div#searchBoardsExpand a
    {
    	font-weight: bold;
    	line-height: 1.5em;
    	border-bottom: 1px solid #334466;
    }
    #searchform fieldset div#searchBoardsExpand li
    {
    	list-style: none;
    	float: left;
    	clear: both;
    }
    #searchform fieldset p
    {
    	padding: 4px;
    	text-align: left;
    	margin-top: 5px;
    }
    
    /* Styles for the search results page.
    ------------------------------------------------- */
    .topic_table td blockquote, .topic_table td .quoteheader
    {
    	margin: 0.5em;
    }
    .search_results_posts
    {
    	overflow: hidden;
    }
    .search_results_posts .buttons
    {
    	padding: 5px 1em 0 0;
    }
    
    /* Styles for the help section.
    ------------------------------------------------- */
    
    #help_container
    {
    	margin: 8px 0 0 0;
    	padding: 0 0 8px 0;
    }
    #helpmain
    {
    	padding: 0 1em;
    }
    
    /* Samples should be easily distinguishable. */
    #helpmain .help_sample
    {
    	border: 1px solid #99a;
    	background: #fff;
    	padding: 1em;
    	overflow: auto;
    	margin-bottom: 1em;
    }
    #helpmain .help_sample .navigate_section
    {
    	margin: 0;
    }
    #helpmain .help_sample .navigate_section ul
    {
    	padding-top: 0;
    	border: none;
    }
    
    /* We need some air between the lines */
    #helpmain p
    {
    	margin: 0 0 1.5em 0;
    	line-height: 1.5em;
    }
    #helpmain ol
    {
    	font-weight: bold;
    	list-style-type: disc;
    	margin-bottom: 1em;
    	margin-top: 1em;
    	line-height: 1.5em;
    }
    #helpmain ol.la
    {
    	font-weight: normal;
    	list-style-type: circle;
    	margin: 0.5em 0 1em 0;
    	padding-left: 1.5em;
    }
    ul.basic_helplist
    {
    	padding: 0.8em 1.5em;
    	line-height: 1.5em;
    }
    #helpmain #messageindex
    {
    	clear: right;
    }

  • #9
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,956
    Thanks
    9
    Thanked 727 Times in 721 Posts
    The link on its own would have been fine, actually. However, I don't see a gap corresponding to your screenshot in FF3/IE7/IE8 or Chrome.

    Is there a different page, or are you using a different browser to those listed?

  • #10
    Regular Coder
    Join Date
    Jul 2010
    Posts
    149
    Thanks
    0
    Thanked 5 Times in 5 Posts

    Re write your id img#upshrink in css file

    change index.css?rc3 online 1367

    Your old id value in css like below:

    img#upshrink{
    float:right;
    margin:1em;
    }

    new css for img#upshrink like below:

    img#upshrink{
    float:left;
    }

  • #11
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    <span style="font-size: 1.8em; font-family: Geneva,verdana,sans-serif; margin: 0pt; padding: 0pt; float: left; font-weight: bold;"><h1 class="forumtitle">
    <a href="http://www.thechristianidentityforum.net/smf/index.php?PHPSESSID=gpornvedv6hhrfarpnnrrgl3s7"><img alt="The Christian Identity Forum" src="http://www.thechristianidentityforum.net/smf/downloads/pix/banner7.png"></a>
    </h1>
    <img style="cursor: pointer;" title="Shrink or expand the header." alt="Shrink or expand the header." src="http://www.thechristianidentityforum.net/smf/Themes/default/images/upshrink2.png" id="upshrink">

    </span>
    Off topic: Nesting a block level element inside an inline element is invalid.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #12
    New Coder
    Join Date
    Oct 2010
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by SB65 View Post
    The link on its own would have been fine, actually. However, I don't see a gap corresponding to your screenshot in FF3/IE7/IE8 or Chrome.

    Is there a different page, or are you using a different browser to those listed?
    That's interesting.

    I'm using the very latest version of Firefox, which I presume is the same one you're using.

    Is everyone else seeing the header sans big white gap?

    I cleared out my cache, but the gap persists for me.

  • #13
    New Coder
    Join Date
    Oct 2010
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by phpdeveloper View Post
    change index.css?rc3 online 1367

    Your old id value in css like below:

    img#upshrink{
    float:right;
    margin:1em;
    }

    new css for img#upshrink like below:

    img#upshrink{
    float:left;
    }
    That did it! That did it!

    Free at last! I'm free (of frustratingly persistent blank white space) at last!!!!

    Phpdeveloper, I cannot thank you enough. What a simple but, as they say in the coding world, elegant fix. These things are easy when you really know what you're doing.

    While I've got you fine people here, I've started reading a book called "Head First HTML With CSS and XHTML". I'm only up to about page 70, but from what I've read so far, it's a very simple and very clear guide to these coding languages, which is ideal for a beginner like me. Are there any other similar books you can recommend or is Head First all I really need?

    Once I've got the hang of these languages, I'd like to try my hand at Javascript. Is there a good beginner's guide to Java you can recommend?

    Many thanks!

  • #14
    Regular Coder
    Join Date
    Jul 2010
    Posts
    149
    Thanks
    0
    Thanked 5 Times in 5 Posts

    Add Firebug addons in your firefox

    Please find addons Firebug and install in your Firefox.

    Its really very help full to solve any html css problem.
    And you really satisfied with my help so please give me thanks.

  • Users who have thanked phpdeveloper for this post:

    Kibtwane (11-03-2010)

  • #15
    New Coder
    Join Date
    Oct 2010
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by phpdeveloper View Post
    Please find addons Firebug and install in your Firefox.

    Its really very help full to solve any html css problem.
    And you really satisfied with my help so please give me thanks.
    I did thank you in my last post ("can't thank you enough" means "thank you"), but just so there's no mistake about it...

    THANK YOU!!!


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •