Subfora w dwóch kolumnach

**Kogz** · 8 Maja 2015

Witam.

Chciałbym aby na moim forum subfora widnaiły w dwóch kolumnach, coś takiego: http://scr.hu/4047/dabgt

Gdy korzystam z jednego poradnika wyszukanego w google wszystko PRAWIE się udaje, bo wygląda to tak: http://scr.hu/4047/5nd7r

Co robię źle?

Edytowane 8 Maja 2015 przez Kogz

**aXen** · 8 Maja 2015

http://forum.invisionize.pl/topic/4550-subfora-w-dw%C3%B3ch-kolumnach/

**Kogz** · 8 Maja 2015

http://scr.hu/4047/oosbs

Styl Pulse. ^^

Jakby był ktoś na tyle miły i pomógł mi podmieniając kody byłbym bardzo wdzięczny.

boardindexTemplate:




{parse js_module="board"}

{parse variable="sidebar_enabled" default="$show_side_blocks"}

<if test="boardIndexTop:|:true"></if>

<div id='board_index' class='ipsLayout <if test="sideBarEnabledL:|:$this->templateVars['sidebar_enabled']">ipsLayout_withright</if> ipsLayout_largeright clearfix <if test="sidebarclosed:|:IPSCookie::get('hide_sidebar') == '1'">no_sidebar</if>'> 

<div id='categories' class='ipsLayout_content clearfix'>

<!-- CATS AND FORUMS -->

<if test="cats_forums:|:is_array( $cat_data ) AND count( $cat_data )">

<foreach loop="categories:$cat_data as $_data">

<if test="cat_has_forums:|:is_array( $_data['forum_data'] ) AND count( $_data['forum_data'] )">

<div id='category_{$_data['cat_data']['id']}' class='category_block block_wrap'>

<h3 class='maintitle'>

<a class='toggle right' href='#' title="{parse expression="sprintf( $this->lang->words['toggle_cat'], IPSText::striptags( IPSText::htmlspecialchars($_data['cat_data']['name'] ) ) )"}">{parse expression="sprintf( $this->lang->words['toggle_cat'], IPSText::striptags( IPSText::htmlspecialchars($_data['cat_data']['name'] ) ) )"}</a> <a href="{parse url="showforum={$_data['cat_data']['id']}" seotitle="{$_data['cat_data']['name_seo']}" template="showforum" base="public"}" title='{parse expression="sprintf( $this->lang->words['view_cat'], $_data['cat_data']['name'] )"}'>{$_data['cat_data']['name']}</a>

</h3>

 

<if test="$this->settings['pulseEnableForumIcons']=='0'">

<div class='ipsBox table_wrap'>

<div class='ipsBox_container'>

<table class='ipb_table' summary="{$this->lang->words['forums_in_cat']} '{$_data['cat_data']['name']}'">

<tr class='header hide'>

<th scope='col' class='col_c_forum'>{$this->lang->words['cat_name']}</th>

<th scope='col' class='col_c_stats stats'>{$this->lang->words['stats']}</th>

<if test="canSeeLastInfoHeader:|:$this->memberData['gbw_view_last_info']"><th scope='col' class='col_c_post'>{$this->lang->words['last_post_info']}</th></if>

</tr>

<!-- / CAT HEADER -->

<foreach loop="forums:$_data['forum_data'] as $forum_id => $forum_data">

<if test="forumRedirect:|:$forum_data['redirect_on']">

<tr class='redirect_forum' id='f_{$forum_data['id']}'>

<td <if test="canSeeLastInfoRedirect:|:$this->memberData['gbw_view_last_info']">colspan='2'</if> class='col_c_forum'>

<h4><a href="{parse url="showforum={$forum_data['id']}" seotitle="{$forum_data['name_seo']}" template="showforum" base="public"}" title='{parse expression="IPSText::striptags( IPSText::htmlspecialchars( $forum_data['name'] ) )"}'>{$forum_data['name']}</a></h4>

<p class='desc'>{$forum_data['description']}</p>

</td>

<td class='desc'>

<ul class='last_post ipsType_small'>

<li class='desc lighter'><em>{parse format_number="$forum_data['redirect_hits']"} {$this->lang->words['rd_hits']}</em></li>

</ul>

</td>

</tr>

<else />

<tr class='<if test="$this->settings['pulseRemoveFade']=='0'">tableFade</if> <if test="hasUnreadClass:|:$forum_data['_has_unread']">unread</if>'>

<td class='col_c_forum'>

 

<h4>

<if test="hasQueuedAndCanSeeIcon:|:!empty($forum_data['_has_queued_and_can_see_icon'])">

<a href='{parse url="showforum={$forum_data['id']}&modfilter=unapproved" seotitle="{$forum_data['name_seo']}" template="showforum" base="public"}' title='{$this->lang->words['view_unapproved']}' class='ipsBadge ipsBadge_orange' data-tooltip="{parse expression="sprintf( $this->lang->words['f_queued'], $forum_data['queued_topics'], $forum_data['queued_posts'])"}" style='vertical-align: top'>{$this->lang->words['f_queued_badge']}</a>

</if>

<a href="{parse url="showforum={$forum_data['id']}" seotitle="{$forum_data['name_seo']}" template="showforum" base="public"}" title='{$forum_data['name']}'><if test="$forum_data['_name']">{$forum_data['_name']}<else />{$forum_data['name']}</if></a>

</h4>

 

<!-- Tom's No new & new posts icons -->

<if test="hasUnread:|:$forum_data['_has_unread']">

<span class="icon_new_posts"><a id='forum_img_{$forum_data['id']}' href="{parse url="app=forums&module=forums&section=markasread&marktype=forum&forumid={$forum_data['id']}&returntoforumid={$this->request['f']}&i=1" base="public"}" data-tooltip="{$this->lang->words['bi_markread']}" class='forum_marker'>New Posts</a></span>

<else />

<span class="icon_hide"></span>

</if>

<!-- /Tom's No new & new posts icons -->

 

<if test="showSubForums:|:$forum_data['show_subforums'] AND count( $forum_data['subforums'] ) AND $forum_data['show_subforums']">

 

<br />

 

<ol class='ipsList_inline ipsType_small subforums' id='subforums_{$forum_data['id']}'>

 

<foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">

 

<if test="showSubForumsLit:|:$__data[3]"><li class='unread'><else /><li></if>

 

<a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{$__data[1]}'>{$__data[1]}</a><if test="isNotLast:|: empty($__data[4] )">,</if>

 

</li>

 

</foreach>

 

</ol>

 

</if>

 

 

 

<p class='desc __forum_desc ipsType_small'>{$forum_data['description']}</p>

</td>

<td class='fadeStats col_c_stats ipsType_small'>

<ul>

<li><strong>{$forum_data['topics']}</strong> {$this->lang->words['topics']}</li>

<li><strong>{$forum_data['posts']}</strong> {$this->lang->words['replies']}</li>

</ul>

</td>

<if test="canSeeLastInfo:|:$this->memberData['gbw_view_last_info']">

<td class='fadeLastPost col_c_post'>

<if test="hideLastInfo:|:$forum_data['hide_last_info']">

<ul class='last_post ipsType_small'>

<li class='desc lighter'><em>{$this->lang->words['f_protected']}</em></li>

</ul>

<else />

<if test="hideTopicInTitle:|:$forum_data['_hide_last_date']">

{parse template="userSmallPhoto" group="global" params="array('member_id' => $forum_data['last_poster_id'], 'members_seo_name' => $forum_data['seo_last_name'], 'pp_small_photo' => $forum_data['pp_small_photo'], 'alt' => '' )"}

<else />

{parse template="userSmallPhoto" group="global" params="array('member_id' => $forum_data['last_poster_id'], 'members_seo_name' => $forum_data['seo_last_name'], 'pp_small_photo' => $forum_data['pp_small_photo'], 'alt' => sprintf( $this->lang->words['bindex_userphoto_alt'], $forum_data['last_title'], $forum_data['members_display_name'] ) )"}

</if>

<ul class='last_post ipsType_small'>

<if test="!$forum_data['last_id']">

<li class='desc lighter'><em>{$this->lang->words['f_none']}</em></li>

<else />

<li>

{$forum_data['last_topic_title']}

</li>

<if test="lastPosterID:|:$forum_data['last_poster_id']">

<li>{$this->lang->words['by']} {parse template="userHoverCard" group="global" params="$forum_data"}</li>

</if>

<if test="hideDateUrl:|:$forum_data['_hide_last_date']">

<li class='desc lighter blend_links'>{parse date="$forum_data['last_post']" format="DATE"}</li>

<else />

<li class='desc lighter blend_links'><a href='{parse url="showtopic={$forum_data['last_id']}&view=getlastpost" base="public" template="showtopic" seotitle="{$forum_data['seo_last_title']}"}' title='{$this->lang->words['view_last_post']}'>{parse date="$forum_data['last_post']" format="DATE"}</a></li>

</if>

</if>

</ul>

</if>

</td>

</if>

</tr>

</if>

</foreach>

</table>

</div>

</div>

<else />

<div class='ipsBox table_wrap'>

<div class='ipsBox_container'>

<table class='ipb_table' summary="{$this->lang->words['forums_in_cat']} '{$_data['cat_data']['name']}'">

<tr class='header hide'>

<th scope='col' class='col_c_icon'> </th>

<th scope='col' class='col_c_forum'>{$this->lang->words['cat_name']}</th>

<th scope='col' class='col_c_stats stats'>{$this->lang->words['stats']}</th>

<if test="canSeeLastInfoHeader:|:$this->memberData['gbw_view_last_info']"><th scope='col' class='col_c_post'>{$this->lang->words['last_post_info']}</th></if>

</tr>

<!-- / CAT HEADER -->

<foreach loop="forums:$_data['forum_data'] as $forum_id => $forum_data">

<if test="forumRedirect:|:$forum_data['redirect_on']">

<tr class='redirect_forum' id='f_{$forum_data['id']}'>

<td class='col_c_icon'>

<img src='{$this->settings['img_url']}/f_redirect.png' />

</td>

<td <if test="canSeeLastInfoRedirect:|:$this->memberData['gbw_view_last_info']">colspan='2'</if> class='col_c_forum'>

<h4><a href="{parse url="showforum={$forum_data['id']}" seotitle="{$forum_data['name_seo']}" template="showforum" base="public"}" title='{parse expression="IPSText::striptags( IPSText::htmlspecialchars( $forum_data['name'] ) )"}'>{$forum_data['name']}</a></h4>

<p class='desc'>{$forum_data['description']}</p>

</td>

<td class='desc'>

<ul class='last_post ipsType_small'>

<li class='desc lighter'><em>{parse format_number="$forum_data['redirect_hits']"} {$this->lang->words['rd_hits']}</em></li>

</ul>

</td>

</tr>

<else />

<tr class='<if test="hasUnreadClass:|:$forum_data['_has_unread']">unread</if>'>

<td class='col_c_icon'>          

<if test="hasUnread:|:$forum_data['_has_unread']">

<a id='forum_img_{$forum_data['id']}' href="{parse url="app=forums&module=forums&section=markasread&marktype=forum&forumid={$forum_data['id']}&returntoforumid={$this->request['f']}&i=1" base="public"}" data-tooltip="{$this->lang->words['bi_markread']}" class='forum_marker'><if test="$forum_data['icon'] != '' AND $forum_data['icon'] !='0'">{$forum_data['icon']}<else /><img src='{$this->settings['img_url']}/f_icon.png' /></if></a> 

<else />

<if test="$forum_data['icon'] != '' AND $forum_data['icon'] !='0'">{$forum_data['icon']}<else /><img src='{$this->settings['img_url']}/f_icon_read.png' /></if>

</if>   

</td>

<td class='col_c_forum'>

 

<h4>

<if test="hasQueuedAndCanSeeIcon:|:!empty($forum_data['_has_queued_and_can_see_icon'])">

<a href='{parse url="showforum={$forum_data['id']}&modfilter=unapproved" seotitle="{$forum_data['name_seo']}" template="showforum" base="public"}' title='{$this->lang->words['view_unapproved']}' class='ipsBadge ipsBadge_orange' data-tooltip="{parse expression="sprintf( $this->lang->words['f_queued'], $forum_data['queued_topics'], $forum_data['queued_posts'])"}" style='vertical-align: top'>{$this->lang->words['f_queued_badge']}</a>

</if>

<a href="{parse url="showforum={$forum_data['id']}" seotitle="{$forum_data['name_seo']}" template="showforum" base="public"}" title='{parse expression="IPSText::striptags( IPSText::htmlspecialchars( $forum_data['name'] ) )"}'>{$forum_data['name']}</a>

</h4>

 

<if test="showSubForums:|:$forum_data['show_subforums'] AND count( $forum_data['subforums'] ) AND $forum_data['show_subforums']">

<br />

<ol class='ipsList_inline ipsType_small subforums' id='subforums_{$forum_data['id']}'>

<foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">

<if test="showSubForumsLit:|:$__data[3]"><li class='unread'><else /><li></if>

<a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{parse expression="IPSText::striptags( IPSText::htmlspecialchars($__data[1]) )"}'>{$__data[1]}</a><if test="isNotLast:|: empty($__data[4] )">,</if>

</li>

</foreach>

</ol>

</if>

 

<p class='desc __forum_desc ipsType_small'>{$forum_data['description']}</p> 

</td>

<td class='col_c_stats ipsType_small'>

<ul>

<li><strong>{$forum_data['topics']}</strong> {$this->lang->words['topics']}</li>

<li><strong>{$forum_data['posts']}</strong> {$this->lang->words['replies']}</li>

</ul>

</td>

<if test="canSeeLastInfo:|:$this->memberData['gbw_view_last_info']">

<td class='col_c_post'>

<if test="hideLastInfo:|:$forum_data['hide_last_info']">

<ul class='last_post ipsType_small'>

<li class='desc lighter'><em>{$this->lang->words['f_protected']}</em></li>

</ul>

<else />

<if test="hideTopicInTitle:|:$forum_data['_hide_last_date']">

{parse template="userSmallPhoto" group="global" params="array('member_id' => $forum_data['last_poster_id'], 'members_seo_name' => $forum_data['seo_last_name'], 'pp_small_photo' => $forum_data['pp_small_photo'], 'alt' => '' )"}

<else />

{parse template="userSmallPhoto" group="global" params="array('member_id' => $forum_data['last_poster_id'], 'members_seo_name' => $forum_data['seo_last_name'], 'pp_small_photo' => $forum_data['pp_small_photo'], 'alt' => sprintf( $this->lang->words['bindex_userphoto_alt'], $forum_data['last_title'], $forum_data['members_display_name'] ) )"}

</if>

<ul class='last_post ipsType_small'>

<if test="!$forum_data['last_id']">

<li class='desc lighter'><em>{$this->lang->words['f_none']}</em></li>

<else />

<li>

{$forum_data['last_topic_title']}

</li>

<if test="lastPosterID:|:$forum_data['last_poster_id']">

<li>{$this->lang->words['by']} {parse template="userHoverCard" group="global" params="$forum_data"}</li>

</if>

<if test="hideDateUrl:|:$forum_data['_hide_last_date']">

<li class='desc lighter blend_links'>{parse date="$forum_data['last_post']" format="DATE"}</li>

<else />

<li class='desc lighter blend_links'><a href='{parse url="showtopic={$forum_data['last_id']}&view=getlastpost" base="public" template="showtopic" seotitle="{$forum_data['seo_last_title']}"}' title='{$this->lang->words['view_last_post']}'>{parse date="$forum_data['last_post']" format="DATE"}</a></li>

</if>

</if>

</ul>

</if>

</td>

</if>

</tr>

</if>

</foreach>

</table>

</div>

</div>

</if> 

<br />

</div>

</if>

</foreach>

</if>

</div>

<if test="sideBarEnabled2:|:$this->templateVars['sidebar_enabled']">

<div id='index_stats' class='ipsLayout_right clearfix' <if test="sidebarclosed2:|:IPSCookie::get('hide_sidebar') == '1'">style='display: none'</if>>

<foreach loop="side_blocks:$side_blocks as $block">

{$block}

</foreach>

</div>

<a href='#' id='toggle_sidebar' title='{$this->lang->words['toggle_sidebar']}' data-closed="{$this->lang->words['_laquo']}" data-open="×"> </a>

</if>

</div>

<script type='text/javascript'>

//<![CDATA[

var markerURL  = ipb.vars['base_url'] + "app=forums&module=ajax&section=markasread&i=1"; // Ajax URL so don't use &

var unreadIcon = "<span class="readHideMe"></span>";

 

<if test="markercatforums:|:is_array( $cat_data ) AND count( $cat_data )">

<foreach loop="markercategories:$cat_data as $_data">

<if test="markerhasforums:|:is_array( $_data['forum_data'] ) AND count( $_data['forum_data'] )">

<foreach loop="markerforums:$_data['forum_data'] as $forum_id => $forum_data">

<if test="markernotredirect:|:!$forum_data['redirect_on']">

<if test="markerhasunread:|:$forum_data['_has_unread']">

<if test="$this->settings['dp3_fi_mode'] == 'replace'">var unreadIcon = "{$forum_data['icon_read']}";</if>

ipb.global.registerMarker( "forum_img_{$forum_data['id']}", "{$forum_data['img_new_post']}", markerURL + "&forumid={$forum_data['id']}" );

</if>

</if>

</foreach>

</if>

</foreach>

</if>

//]]>

</script>

<if test="showTotals:|:$this->settings['show_totals']">

<div id='board_stats'> 

<ul class='ipsType_small ipsList_inline'>

<li class='clear'>

<span class='value'>{$stats['info']['total_posts']}</span>

{$this->lang->words['total_posts']}

</li>

<li class='clear'>

<span class='value'>{$stats['info']['mem_count']}</span>

{$this->lang->words['total_members']}

</li>

<li class='clear'>

{IPSMember::makeProfileLink( $stats['info']['last_mem_name'], $stats['info']['last_mem_id'], $stats['info']['last_mem_seo'], 'value' )}

{$this->lang->words['newest_member']}

</li>

<li class='clear' data-tooltip="{$stats['info']['most_time']}">

<span class='value'>{$stats['info']['most_online']}</span>

{$this->lang->words['online_at_once']}

</li>

</ul>

</div>

</if>

<div id='board_statistics' class='statistics clearfix'>

<ul id='stat_links' class='ipsList_inline right ipsType_small'>

<if test="statsLinks:|:1==1"> <!-- Hook point -->

<li><a href="{parse url="app=forums&module=extras&section=stats&do=leaders" base="public"}" title="{$this->lang->words['sm_forum_leaders_title']}">{$this->lang->words['sm_forum_leaders']}</a></li>

<li><a href="{parse url="app=forums&module=extras&section=stats" base="public"}" title="{$this->lang->words['sm_all_posters_title']}">{$this->lang->words['sm_today_posters']}</a></li>

<li><a href="{parse url="app=members&module=list&max_results=20&sort_key=posts&sort_order=desc&filter=ALL" base="public" seotitle="false"}" title="{$this->lang->words['sm_overall_posters_title']}">{$this->lang->words['sm_overall_posters']}</a></li>

<if test="reputationEnabled:|:$this->settings['reputation_enabled']">

<li>

<a href="{parse url="app=members&module=reputation&section=most" base="public" template="most_liked" seotitle="most_liked"}">

<if test="reputationType:|:$this->settings['reputation_point_types'] == 'like'">

{$this->lang->words['most_rep_likes']}

<else />

{$this->lang->words['most_rep_rep']}

</if>

</a>

</li>

</if>

</if>

</ul>

 

<if test="showActive:|:$this->settings['show_active'] && $this->memberData['gbw_view_online_lists']">

<h4 class='statistics_head'>{parse expression="sprintf( $this->lang->words['online_right_now'], $stats['TOTAL'] )"} {$this->lang->words['active_users']}</h4>

<p class='statistics_brief desc'>

{parse expression="sprintf( $this->lang->words['active_users_detail'], $stats['MEMBERS'], $stats['GUESTS'], $stats['ANON'] )"}

<if test="onlineListEnabled:|:$this->settings['allow_online_list']">  <a href='{parse url="app=members&module=online&sort_order=desc" base="public"}'>({$this->lang->words['online_link']})</a></if>

</p>

</if>

<if test="activeNames:|:count($stats['NAMES']) && $this->settings['show_active']">

<br />

<p>

<span class='name'>{parse expression="implode( ",</span> <span class='name'>", $stats['NAMES'] )"}</span>

</p>

</if>

</div>

styles.css




/************************************************************************/

/* Pulse - IP.Board 3 Skin by Tom Christian - ipb_styles.css    */

/************************************************************************/

/* tomchristian.co.uk */

/************************************************************************/

 

/* RESET (Thanks to YUI) */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 

table { border-collapse:collapse; border-spacing:0; }

fieldset,img { border:0; }

address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }

ol,ul { list-style:none; }

caption,th { text-align:left; }

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

q:before,q:after { content:''; }

abbr,acronym { border:0; }

hr { display: none; }

address{ display: inline; }

 

/************************************************************************/

/* CORE ELEMENT STYLES */

 

html, body { /* Safari has trouble with bgcolor on body. Apply to html tag too. */

background-color: #d8dde8;

color: #5a5a5a;

}

 

body {

background: #F4F4F6;/*#E8EDF6*/

color: #5a5a5a;

/*font: normal 13px helvetica, arial, sans-serif;*/

position: relative;

}

 

input, select {

font: normal 13px helvetica, arial, sans-serif;

}

 

h3, strong { font-weight: bold; }

em { font-style: italic; }

img, .input_check, .input_radio { vertical-align: middle; }

legend { display: none; }

table { width: 100%; }

td { padding: 3px; }

 

 

a {

color: #45515b;

text-decoration: none;

}

 

a:hover { color: #1d2023; }

 

 

/************************************************************************/

/* LISTS */

 

.ipsList_inline > li {

display: inline-block;

margin: 0 3px;

}

.ipsList_inline > li:first-child { margin-left: 0; }

.ipsList_inline > li:last-child { margin-right: 0; }

.ipsList_inline.ipsList_reset > li:first-child { margin-left: 3px; }

.ipsList_inline.ipsList_reset > li:last-child { margin-right: 3px; }

.ipsList_inline.ipsList_nowrap { white-space: nowrap; }

 

.ipsList_withminiphoto > li { margin-bottom: 2px; padding: 3px 3px 5px; border-bottom: 1px solid #ebebeb; }

.ipsList_withmediumphoto > li .list_content { margin-left: 60px; }

.ipsList_withminiphoto > li .list_content { margin-left: 40px; }

.ipsList_withtinyphoto > li .list_content { margin-left: 30px; }

.list_content { word-wrap: break-word; }

 

.ipsList_data li { margin-bottom: 6px; line-height: 1.8; font-size: 14px; }

.ipsList_data .row_data { display: inline-block; color: #333; word-wrap: break-word; max-width: 100%; }

.ipsList_data .row_title, .ipsList_data .ft {

display: inline-block;

float: left;

width: 120px;

font-weight: normal;

text-align: right;

padding-right: 15px;

    color: #888888;

}

 

.ipsList_data.ipsList_data_thin .row_title, .ipsList_data.ipsList_data_thin .ft {

width: 80px;

}

 

/************************************************************************/

/* TYPOGRAPHY */

 

.ipsType_pagetitle, .ipsType_subtitle {

font: 300 32px/1.3 Helvetica, Arial, sans-serif;

color: #323232;

        margin: 1px 0 3px;

}

.ipsType_subtitle { font-size: 18px; }

.ipsType_sectiontitle { 

font-size: 16px;

font-weight: normal;

color: #595959;

padding: 5px 0;

border-bottom: 1px solid #ececec;

}

 

.ipsType_pagedesc {

color: #7f7f7f;

line-height: 1.5;

}

 

.ipsType_pagedesc a { text-decoration: underline; }

 

.ipsType_textblock { line-height: 1.5; color: #282828; }

 

.ipsType_small { font-size: 12px; }

.ipsType_smaller, .ipsType_smaller a { font-size: 11px !important; }

.ipsType_smallest, .ipsType_smallest a { font-size: 10px !important; }

 

.ipsReset { margin: 0px !important; padding: 0px !important; }

 

/************************************************************************/

/* LAYOUT */

#content, .main_width {

margin: 0 auto;

/* Uncomment for fixed */

/*width: 980px;*/

/* Fluid */

/*width: 80% !important;*/

    min-width: 975px;

}

 

/*#branding, #header_bar, #primary_nav { min-width: 980px; }*/

#header_bar .main_width, #branding .main_width, #primary_nav .main_width, #breadcrumbs { padding: 0; }

 

 

#content {

background: #fff;

margin-bottom: 35px;

padding: 15px 10px 10px;

line-height: 120%;

box-shadow: 0 1px 2px #DBDBDB;

-webkit-box-shadow: 0 1px 2px #DBDBDB;

-moz-box-shadow: 0 1px 2px #DBDBDB;

}

 

/************************************************************************/

/* COLORS */

 

 

.row1, .post_block.row1 { background-color: #fff;  }

 

 

.row2, .post_block.row2 {  background-color: #f1f1f1; }

 

 

 

.unread  { background-color: #edf5fb; }

 

 

.unread .altrow, .unread.altrow { background-color: #E2F1D7; }

 

/* primarily used for topic preview header */

.highlighted, .highlighted .altrow { background-color: #d6e4f0; }

 

 

.ipsBox { background: #C4CBD4; }

 

.ipsBox_notice, .ipsBox_highlight {

background: #f4fcff;

border-bottom: 1px solid #cae9f5;

}

 

/* mini badges */

a.ipsBadge:hover { color: #fff; }

 

.ipsBadge_green { background: #7ba60d; }

.ipsBadge_purple { background: #af286d; }

.ipsBadge_grey { background: #5b5b5b; }

.ipsBadge_lightgrey { background: #b3b3b3; }

.ipsBadge_orange { background: #ED7710; }

.ipsBadge_red { background: #bf1d00; }

 

 

.bar {

background: #eff4f7;

padding: 8px 10px;

}

 

.bar.altbar {

background: #b6c7db;

color: #1d3652;

}

 

 

.header {

background: #edf1f5;

color: #1d3652;

}

 

 

body .ipb_table .header a,

body .topic_options a {

color: #1d3652;

}

 

 

.post_block {

background: #fff;

border-bottom: 1px solid #D6E2EB;

}

 

.post_body .post { color: #282828; }

 

.bbc_url, .bbc_email {

color: #0f72da;

text-decoration: underline;

}

 

/* Dates */

.date, .poll_question .votes {

color: #747474;

font-size: 11px;

}

 

 

.no_messages {

background-color: #f6f6f6;

color: #111;

padding: 15px 10px;

}

 

/* Tab bars */

.tab_bar {

background-color: #e4ebf2;

color: #4a6784;

}

 

.tab_bar li.active {

background-color: #243f5c;

color: #fff;

}

 

.tab_bar.no_title.mini {

border-bottom: 8px solid #243f5c;

}

 

/* Menu popups */

.ipbmenu_content, .ipb_autocomplete {

background-color: #f7f9fb;

/*border: 1px solid #d5dde5;*/

-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;

box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;

}

 

.ipbmenu_content li, .ipb_autocomplete li {

border-bottom: 1px solid #d5dde5;

}

 

.ipb_autocomplete li.active {

background: #d5dde5;

}

 

.ipbmenu_content a:hover { background: #e7ebef; }

 

/* Forms */

.input_submit {

background: #212121 url({style_images_url}/topic_button.png ) repeat-x top;

color: #fff;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

border-color: #222;

}

 

.input_submit:hover {

background: #212121 url({style_images_url}/topic_button.png ) repeat-x top;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

border-color: #000;

}

 

.input_submit:active {

-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 1px rgba(0, 0, 0, 0.3) inset;

-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 1px rgba(0, 0, 0, 0.3) inset;

box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 1px rgba(0, 0, 0, 0.3) inset;

}

 

.input_submit.alt {

        background: #b0c4cd;

        background: -moz-linear-gradient(top, #b9ccd4 0%, #b0c4cd 100%);

        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9ccd4), color-stop(100%,#b0c4cd));

        border-color: #a8bdc5;

color: #fff;

/*-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);

-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);

box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);*/

}

 

.input_submit.alt:hover {

        background: #b0c4cd;

        background: -moz-linear-gradient(top, #b9ccd4 0%, #b0c4cd 100%);

        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9ccd4), color-stop(100%,#b0c4cd));

        border-color: #97abb2;

-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

}

 

.input_submit.alt:active {

        background: #b0c6cd;

-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 1px rgba(0, 0, 0, 0.1) inset;

-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 1px rgba(0, 0, 0, 0.1) inset;

box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 1px rgba(0, 0, 0, 0.1) inset;

}

 

.input_submit.delete {

background-color: #ad2930;

border-color: #C8A5A4 #962D29 #962D29 #C8A5A4;

color: #fff;

}

 

.input_submit.delete:hover { color: #fff; }

 

body#ipboard_body fieldset.submit,

body#ipboard_body p.submit {

background-color: #f1f1f1;

        border-bottom: 1px solid #EBEBEB;

        border-top: 1px solid #EBEBEB;

}

 

/* Moderated styles */

.moderated, body .moderated td, .moderated td.altrow, .post_block.moderated,

body td.moderated, body td.moderated {

background-color: #f8f1f3;

}

 

.post_block.moderated { border-color: #e9d2d7; } 

.moderated .row2 { background-color: #f0e0e3; }

.moderated, .moderated a { color: #6f3642; }

 

body#ipboard_body.redirector {

background: #fff !important;

}

 

/************************************************************************/

/* HEADER */

 

#header_bar {

background: url({style_images_url}/_custom/header_border.png) repeat-x bottom;

height: 28px;

margin: 33px 0 6px; 

text-align: right;

        min-width: 615px;

        float: right;

}

 

#admin_bar { font-size: 12px; font-weight: bold; text-shadow: 0 1px 0 #000000 !important; }

#admin_bar li.active a { color: #fc6d35 !important; }

#admin_bar a { color: #8db282 !important; outline: 0 none; }

#admin_bar a:hover { color: #bee2b4 !important; }

#admin_bar a:active{ color: #78996e !important; }

 

#user_navigation { color: #78818E; font-size: 11px; text-shadow: 0 1px 0 #000000; width: 100%; float: right; }

#user_navigation a { color: #ACB5C3; }

#user_navigation a:hover { color: #E8ECF3; }

#user_navigation a:active{ color: #78818E; }

 

#user_navigation .ipsList_inline li { margin: 0;} /* remove spacing from default ipsList_inline */

 

#user_navigation.not_logged_in {

height: 26px; padding: 0 0 4px;

}

 

#user_link {

/*font-size: 12px;*/

color: #fff;

padding: 10px 7px;

outline: 0;

}

 

#user_link_dd, .dropdownIndicator {

display: inline-block;

width: 9px; height: 5px;

background: url({style_images_url}/header_dropdown.png ) no-repeat left;

}

 

/*#user_link:hover, #notify_link:hover, #inbox_link:hover { background-color: #323232; }*/

 

#user_link_menucontent #links li { 

width: 50%;

float: left;

margin: 3px 0;

text-shadow: 0px 1px 0 rgba(255,255,255,1);

white-space: nowrap;

}

 

 

#user_link.menu_active {

background: #fff;

color: #000;

        padding-top: 9px;

        text-shadow: 0 1px 0 #fff;

}

 

#user_link.menu_active #user_link_dd, .menu_active .dropdownIndicator, li.active .dropdownIndicator { background-position: right; }

#community_app_menu .menu_active .dropdownIndicator { background-position: left; }

#community_app_menu li.active .menu_active .dropdownIndicator { background-position: right; }

#user_link_menucontent #statusForm { margin-bottom: 15px; }

#user_link_menucontent #statusUpdate { margin-bottom: 5px; }

 

#user_link_menucontent > div {

margin-left: 15px;

width: 265px;

text-align: left;

}

 

 

#statusSubmitGlobal { margin-top: 3px; }

 

#user_link.menu_active, #notify_link.menu_active, #inbox_link.menu_active {

background-position: center 7px;

background-color: #fff;

-moz-border-radius: 3px 3px 0 0;

-webkit-border-top-left-radius: 3px;

-webkit-border-top-right-radius: 3px;

border-radius: 3px 3px 0 0;

}

 

#notify_link, #inbox_link, #admin_link, .popnav_link {

/*vertical-align: middle;*/

width: 18px; height: 14px;

padding: 8px 18px 6px 11px;

position: relative;

}

 

#inbox_link { background: url({style_images_url}/_custom/icon_messenger.png ) no-repeat center 5px; }

#notify_link { background: url({style_images_url}/_custom/icon_notify.png ) no-repeat center 4px; }

#admin_link { background: url({style_images_url}/_custom/sprite_icons.png ) no-repeat 0 -107px; height: 18px; width: 23px; }

.popnav_link { background: url({style_images_url}/_custom/sprite_icons.png ) no-repeat -30px -95px; height: 18px; width: 23px; ; }

 

#user_navigation #register_link { 

background: #7ba60d; 

color: #fff;

display: inline-block;

padding: 3px 8px;

border: 1px solid #7ba60d;

-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);

-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);

box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);

text-shadow: 0px 1px 2px rgba(0,0,0,0.3);

border-radius: 3px;

-moz-border-radius: 3px;

}

 

 

#branding {

background:url({style_images_url}/_custom/sprite_header.jpg) 0 -189px;

min-height: 164px;

}

 

#logo { display: inline; }

 

#primary_nav {

background: url({style_images_url}/_custom/sprite_nav.jpg) 0 0 repeat-x;

border:1px solid #1f2124;

clear: both;

display:block;

height:43px;

min-width: 615px;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px; 

}

 

#community_app_menu > li { margin: 0; position: relative; }

 

#community_app_menu > li:hover {

background:url({style_images_url}/_custom/sprite_nav.jpg) 0 -43px repeat-x;

color:#b1c0cd;

}

 

#community_app_menu > li:active {

background: #181C1F url({style_images_url}/_custom/sprite_nav.jpg) -30px -86px repeat-x;

}

 

#community_app_menu > li > a {

color:#b1c0cd;

font-family:helvetica;

font-size:10pt;

font-weight: bold;

text-decoration:none;

text-shadow:1px 1px 2px #181f26;

display: block;

padding: 13px 13px 14px;

}

 

#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active { color: #fff; }

 

 

/*#community_app_menu > li.active > a {

background: #fff;

color: #0b5794;

font-weight: bold;

margin-top: 0;

text-shadow: none;

}*/

 

#community_app_menu .active {

background: #181C1F url({style_images_url}/_custom/sprite_nav.jpg) -30px -86px repeat-x;

}

 

#community_app_menu .active:hover {

background:url({style_images_url}/_custom/sprite_nav.jpg) -30px -86px repeat-x !important;

} 

 

/*#quickNavLaunch span { 

background: url({style_images_url}/icon_quicknav.png ) no-repeat top;

width: 13px;

height: 13px;

display: inline-block;

}

#quickNavLaunch:hover span { background: url({style_images_url}/icon_quicknav.png ) no-repeat bottom; }

#primary_nav #quickNavLaunch { padding: 6px 8px 8px; }*/

 

#more_apps_menucontent, .submenu_container {

background: #1F2124;

font-size: 12px;

border: 1px solid #191919;

min-width: 140px;

-moz-border-radius: 0 4px 4px 4px;

-webkit-border-radius: 0 4px 4px 4px;

border-radius: 0 4px 4px 4px;

box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

;

}

#more_apps_menucontent li, .submenu_container li { padding: 0; border: 0; float: none !important; min-width: 150px; }

#more_apps_menucontent a, .submenu_container a { 

display: block;

padding: 8px 10px;

color: #fff !important;

text-shadow: 0px 1px 1px rgba(0,0,0,0.5);

}

 

#more_apps_menucontent li:hover, .submenu_container li:hover { background: none !important; color: #d6e1ec; border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }

 

/*#more_apps_menucontent li:hover a, .submenu_container li:hover a { color: #000; text-shadow: none; }*/

 

#community_app_menu .submenu_container,

#more_apps_menucontent.submenu_container {

width: 260px;

}

 

#community_app_menu .submenu_container li,

#more_apps_menucontent.submenu_container li {

width: 260px;

}

 

.breadcrumb {

color: #444;

font-size: 17px;

}

.breadcrumb a { color: #777; }

.breadcrumb li .nav_sep { margin: 0 5px 0 0; font-size: 17px; }

.breadcrumb li:first-child{ margin-left: 0; }

.breadcrumb.top { margin-bottom: 10px; }

.breadcrumb.bottom { margin-top: 10px; width: 100% }

 

.ipsHeaderMenu {

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 70%, #ededed 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(70%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */

padding: 10px;

-moz-border-radius: 0 0 6px 6px;

-webkit-border-radius: 0 0 6px 6px;

border-radius: 0 0 6px 6px;

overflow: hidden;

width: 360px;

}

 

.ipsHeaderMenu .ipsType_sectiontitle { margin-bottom: 8px; }

 

#user_notifications_link_menucontent.ipsHeaderMenu,

#user_inbox_link_menucontent.ipsHeaderMenu {

width: 300px;

}

 

/************************************************************************/

/* SEARCH */ 

 

#search { margin: 0; } 

#main_search {

font-size: 12px;

border: 0;

padding: 0;

background: transparent;

width: 130px;

outline: 0;

}

 

#main_search.inactive { color: #bcbcbc; }

 

#search_wrap {

position: relative;

background: #fff;

display: block;

padding: 0 26px 0 4px;

height: 26px;

line-height: 25px;

-moz-border-radius: 3px 4px 4px 3px;

-webkit-border-radius: 3px 4px 4px 3px;

border-radius: 3px 4px 4px 3px;

-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);

-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);

box-shadow: 0px 2px 4px rgba(0,0,0,0.2);

min-width: 230px;

}

 

#adv_search {

width: 16px;

height: 16px;

background: url({style_images_url}/advanced_search.png) no-repeat right 50%;

text-indent: -3000em;

display: inline-block;

margin: 4px 0 4px 4px;

}

 

 

#search .submit_input {

background: #7ba60d url({style_images_url}/search_icon.png) no-repeat 50%;

text-indent: -3000em;

padding: 0; border: 0;

border: 1px solid #7ba60d;

display: block;

width: 26px;

height: 26px;

position: absolute;

right: 0; top: 0; bottom: 0;

-moz-border-radius: 0 3px 3px 0;

-webkit-border-top-right-radius: 3px;

-webkit-border-bottom-right-radius: 3px;

border-radius: 0 3px 3px 0;

-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);

-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);

box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);

}

 

#search_options {

font-size: 10px;

height: 20px;

line-height: 20px;

margin: 3px 3px 3px 0;

padding: 0 6px;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

background: #eaeaea;

display: inline-block;

float: right;

max-width: 80px;

text-overflow:ellipsis;

overflow: hidden;

}

 

#search_options_menucontent { min-width: 100px; white-space: nowrap; border-radius: 5px; -moz-border-radius: 5px; }

#search_options_menucontent input { margin-right: 10px; }

#search_options_menucontent li { border-bottom: 0; }

#search_options_menucontent label { cursor: pointer; }

 

/************************************************************************/

/* FOOTER */ 

 

.backtotop {

width: 24px;

height: 24px;

line-height: 20px;

left: 50%;

;

position: absolute;

display: inline-block;

background: rgba(255,255,255,0.1);

text-align: center;

-moz-border-radius: 16px;

-webkit-border-radius: 16px;

border-radius: 16px;

outline: 0;

}

 

.backtotop:hover { 

background: #3C742B;

color: #fff;

opacity: 1;

}

 

#footer_utilities { 

padding-top: 38px; 

font-size: 11px;

position: relative;

}

 

#footer_utilities .ipsList_inline > li > a { margin-right: 0px; padding: 0 5px 0 3px; border-right: 1px solid #3C494E; }

#footer_utilities a.menu_active { 

/*background: #F7F9FB;*/

margin-top: -5px;

/*padding: 3px 9px 4px !important;*/

z-index: 20000;

position: relative;

display: inline-block;

border: 0px solid #D5DDE5;

border-bottom: 0;

}

 

#copyright {

color: #525e6b;

text-align: right;

text-shadow: 0px -1px 0px #000;

}

 

#copyright a { color: #cbdef1; }

 

#ipsDebug_footer {

width: 900px;

margin: 8px auto 0px auto;

text-align: center;

color: #404040;

text-shadow: 0px 1px 0px #fff;

font-size: 11px;

}

#ipsDebug_footer strong { margin-left: 20px; }

#ipsDebug_footer a { color: #404040; }

 

#rss_menu {

background-color: #fef3d7;

border: 1px solid #ed7710;

}

 

#rss_menu li { border-bottom: 1px solid #fce19b; }

#rss_menu a {

color: #ed7710;

padding: 5px 8px;

}

 

#rss_menu a:hover {

background-color: #ed7710;

color: #fff;

}

 

/************************************************************************/

/* GENERAL CONTENT */

 

.ipsUserPhoto {

padding: 0;

border: 1px solid #262B2F;

background: #fff;

-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);

-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);

box-shadow: 0px 2px 2px rgba(0,0,0,0.1);

}

 

.ipsUserPhotoLink:hover .ipsUserPhoto {

border-color: #262B2F;

}

 

.ipsUserPhoto_variable { max-width: 155px; }

.ipsUserPhoto_large { max-width: 90px; max-height: 90px; }

.ipsUserPhoto_medium { width: 50px; height: 50px; }

.ipsUserPhoto_mini { width: 30px; height: 30px; }

.ipsUserPhoto_tiny { width: 20px; height: 20px; }

.ipsUserPhoto_icon { width: 16px; height: 16px; }

 

 

.general_box {

background: #fcfcfc;

margin-bottom: 10px;

}

 

 

.general_box h3 {

font: normal 14px helvetica, arial, sans-serif;

padding: 8px 10px;

background: #f5f5f5;

color: #555;

}

 

.general_box .none {

color: #555;

}

 

.ipsBox, .ipsPad { padding: 9px; }

.ipsPad_double { padding: 9px 19px; } /* 19px because it's still only 1px border to account for */

.ipsBox_withphoto { margin-left: 65px; }

 

 

.ipsBox_container {

background: #ffffff;

border: 1px solid #a3b0c1;

    }

    .ipsBox_container.moderated { 

        background: #f8f1f3;

        border: 1px solid #d6b0bb;

    }

.ipsBox_notice {

padding: 10px;

line-height: 1.6;

margin-bottom: 10px;

}

.ipsBox_container .ipsBox_notice { margin: -10px -10px 10px -10px; }

.ipsPad_half { padding: 4px !important; }

.ipsPad_left { padding-left: 9px; }

.ipsPad_top { padding-top: 9px; }

.ipsPad_top_slimmer { padding-top: 7px; }

.ipsPad_top_half { padding-top: 4px; }

.ipsPad_top_bottom { padding-top: 9px; padding-bottom: 9px; }

.ipsPad_top_bottom_half { padding-top: 4px; padding-bottom: 4px; }

.ipsMargin_top { margin-top: 9px; }

 

.ipsBlendLinks_target .ipsBlendLinks_here {

opacity: 0.5;

-webkit-transition: all 0.1s ease-in-out;

-moz-transition: all 0.2s ease-in-out;

}

.ipsBlendLinks_target:hover .ipsBlendLinks_here { opacity: 1; }

 

.block_list > li {

padding: 5px 10px;

border-bottom: 1px solid #f2f2f2;

}

 

.ipsModMenu {

width: 15px;

height: 15px;

display: inline-block;

text-indent: -2000em;

background: url({style_images_url}/moderation_cog.png ) no-repeat;

margin-right: 5px;

vertical-align: middle;

}

 

.ipsBadge {

display: inline-block;

height: 16px;

line-height: 16px;

padding: 0 5px;

font-size: 9px;

font-weight: bold;

text-transform: uppercase;

color: #fff;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

border-radius: 4px;

margin-top: 2px;

}

 

    .ipsBadge.has_icon img {

        max-height: 7px;

        vertical-align: baseline;

    }

 

#nav_app_ipchat .ipsBadge { position: absolute; }

 

#ajax_loading {

background: #95C715;

background: -moz-linear-gradient(top, #95C715 0%, #7BA60D 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95C715), color-stop(100%,#7BA60D));

background: linear-gradient(top, #95C715 0%,#7BA60D 100%);

border: 1px solid #7BA60D;

color: #fff;

text-align: center;

padding: 5px 0 8px;

width: 8%;

top: 0px;

left: 46%;

-moz-border-radius: 0 0 5px 5px;

-webkit-border-bottom-right-radius: 5px;

-webkit-border-bottom-left-radius: 5px;

border-radius: 0 0 5px 5px;

z-index: 10000;

position: fixed;

-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2);

-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2);

box-shadow: 0px 3px 5px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2);

}

 

#ipboard_body.redirector {

width: 500px;

margin: 150px auto 0 auto;

}

 

#ipboard_body.minimal { margin-top: 40px; }

#ipboard_body.minimal #content {

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px;

padding: 20px 30px;

}

#ipboard_body.minimal h1 { font-size: 32px; }

#ipboard_body.minimal .ipsType_pagedesc { font-size: 16px; }

 

.progress_bar {

background-color: #fff;

border: 1px solid #d5dde5;

}

 

.progress_bar span {

background: #243f5c url({style_images_url}/gradient_bg.png) repeat-x left 50%;

color: #fff;

font-size: 0em;

font-weight: bold;

text-align: center;

text-indent: -2000em; /* Safari fix */

height: 10px;

display: block;

overflow: hidden;

}

 

.progress_bar.limit span {

background: #b82929 url({style_images_url}/progressbar_warning.png) repeat-x center;

}

 

.progress_bar span span {

display: none;

}

 

.progress_bar.user_warn { 

margin: 0 auto;

width: 80%;

}

 

.progress_bar.user_warn span {

height: 6px;

}

 

.progress_bar.topic_poll {

border: 1px solid #d5dde5;

margin-top: 2px;

width: 40%;

}

 

li.rating a {

outline: 0;

}

 

.antispam_img { margin: 0 3px 5px 0; }

 

span.error {

color: #ad2930;

font-weight: bold;

clear: both;

}

 

#recaptcha_widget_div { max-width: 350px; }

#recaptcha_table { border: 0 !important; }

 

.mediatag_wrapper {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

}

 

.mediatag_wrapper iframe,  

.mediatag_wrapper object,  

.mediatag_wrapper embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

 

/************************************************************************/

/* GENERIC REPEATED STYLES */

/* Inline lists */

.tab_filters ul, .tab_filters li, fieldset.with_subhead span.desc, fieldset.with_subhead label,.user_controls li {

display: inline;

}

 

/* Utility styles */

.right { float: right; }

.left { float: left; }

.hide { display: none; }

.short { text-align: center; }

.clear { clear: both; }

.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.faded { opacity: 0.5 }

.clickable { cursor: pointer; }

.reset_cursor { cursor: default; }

 

/* Bullets */

.bullets ul, .bullets ol,

ul.bullets, ol.bullets {

list-style: disc;

margin-left: 30px;

line-height: 150%;

list-style-image: none;

}

 

 

.maintitle {

background: #1F2124 url({style_images_url}/_custom/sprite_main.jpg) repeat-x 0 0;

color: #fff;

padding: 10px 10px 11px;

font-size: 14px;

font-weight: 300;

text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);

-moz-border-radius: 4px 4px 0 0;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

border-radius: 4px 4px 0 0;

-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.15);

-moz-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.15);

box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.15);

border-width: 1px 1px 0 1px;

border-color: #1F2124;

border-style: solid;

}

 

.maintitle a { color: #fff; }

 

.collapsed .maintitle {

opacity: 0.2;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

border-radius: 4px;

}

 

.collapsed .maintitle:hover { opacity: 0.4; }

 

.maintitle .toggle { 

visibility: hidden;

background: url({style_images_url}/_custom/sprite_icons.png) no-repeat -33px -58px;

text-indent: -3000em;

width: 25px; height: 17px;

display: block;

outline: 0;

        -moz-transition: all 0ms ease 0s;

        -webkit-transition: all 0ms ease 0s;

}

.maintitle:hover .toggle { visibility: visible; }

 

.collapsed .toggle {

background: url({style_images_url}/_custom/sprite_icons.png) no-repeat -33px -75px;

} 

 

/* Rounded corners */

#user_navigation #new_msg_count, .poll_question h4,

.rounded {

border-radius: 6px;

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

}

 

 

.desc, .desc.blend_links a, p.posted_info {

font-size: 12px;

color: #777777;

}

 

 

.desc.lighter, .desc.lighter.blend_links a {

color: #a4a4a4;

}

 

/* Cancel */

.cancel {

color: #ad2930;

font-size: 0.9em;

font-weight: bold;

}

 

/* Moderation */

em.moderated {

font-size: 11px;

font-style: normal;

font-weight: bold;

}

 

/* Positive/Negative */

.positive { color: #6f8f52; }

.negative { color: #c7172b; }

 

/* Search highlighting */

.searchlite

{

background-color: yellow;

color: red;

font-size:14px;

}

 

/* Users posting */

.activeuserposting {

font-style: italic;

}

 

/************************************************************************/

/* COLUMN WIDTHS FOR TABLES */

/* col_f = forums; col_c = categories; col_m = messenger; col_n = notifications */

 

.col_f_post { width: 250px !important; }

.is_mod .col_f_post { width: 210px !important; }

 

td.col_c_post { 

padding-top: 10px !important;

width: 250px;

}

 

.col_f_icon {

padding: 10px 0 0 0 !important;

width: 24px !important;

text-align: center;

vertical-align: top;

}

 

.col_n_icon { 

vertical-align: middle;

width: 24px;

padding: 0 !important;

}

 

.col_f_views, .col_m_replies {

width: 100px !important;

text-align: right;

white-space: nowrap;

}

 

.col_f_mod, .col_m_mod, .col_n_mod { width: 40px; text-align: right; }

.col_f_preview { 

width: 20px !important; 

text-align: right;

}

 

.col_c_icon { padding: 10px 5px 10px 5px !important; width: 30px; vertical-align: middle; text-align: middle; }

.col_c_post .ipsUserPhoto { margin-top: 3px; }

 

.col_n_date { width: 250px; }

.col_m_photo, .col_n_photo { width: 30px; }

.col_m_mod { text-align: right; }

.col_r_icon { width: 3%; }

.col_f_topic, .col_m_subject { width: 49%; }

.col_f_starter, .col_r_total, .col_r_comments { width: 10%; }

.col_m_date, .col_r_updated, .col_r_section { width: 18%; }

.col_c_stats { width: 15%; text-align: right; }

.col_c_forum { width: auto; }

.col_mod, .col_r_mod { width: 3%; }

.col_r_title { width: 26%; }

 

/*.col_c_forum, .col_c_stats, .col_c_icon, .col_c_post { vertical-align: top; }*/

 

/************************************************************************/

/* TABLE STYLES */

 

table.ipb_table {

width: 100%;

line-height: 1.3;

border-collapse: collapse;

}

 

 

table.ipb_table td {

margin-top: 3px;

                float: left; 

                width: 50%;

 

}

 

 

table.ipb_table tr.unread h4 { font-weight: bold; }

table.ipb_table tr.highlighted td { border-bottom: 0; }

 

table.ipb_table th {

font-size: 11px;

font-weight: bold;

padding: 8px 6px;

}

 

.last_post { margin-left: 40px; }

 

table.ipb_table h4,

table.ipb_table .topic_title {

font-size: 14px;

display: inline-block;

}

 

table.ipb_table  .unread .topic_title { font-weight: bold; }

table.ipb_table .ipsModMenu { visibility: hidden; }

table.ipb_table tr:hover .ipsModMenu, table.ipb_table tr .ipsModMenu.menu_active { visibility: visible; }

 

#announcements h4 { display: inline; }

#announcements td { border-bottom: 1px solid #fff; }

 

.forum_data {

font-size: 11px;

color: #5c5c5c;

display: inline-block;

white-space: nowrap;

margin: 0px 0 0 8px;

}

 

.desc_more {

background: url({style_images_url}/desc_more.png ) no-repeat top;

display: inline-block;

width: 13px; height: 13px;

text-indent: -2000em;

}

.desc_more:hover { background-position: bottom; }

 

.category_block .ipb_table h4 { font-size: 15px; word-wrap: break-word; }

 

table.ipb_table .subforums {

margin: 2px 0 3px 5px;

padding-left: 20px;

background: url({style_images_url}/subforum_stem.png ) no-repeat left 4px;

}

table.ipb_table .subforums li.unread { font-weight: bold; }

 

table.ipb_table .expander { 

visibility: hidden;

width: 16px;

height: 16px;

display: inline-block;

}

table.ipb_table tr:hover .expander { visibility: visible; opacity: 0.2; }

table.ipb_table td.col_f_preview { cursor: pointer; }

table.ipb_table tr td:hover .expander, .expander.open, .expander.loading { visibility: visible !important; opacity: 1; }

table.ipb_table .expander.closed { background: url({style_images_url}/icon_expand_close.png ) no-repeat top; }

table.ipb_table .expander.open { background: url({style_images_url}/icon_expand_close.png ) no-repeat bottom; }

table.ipb_table .expander.loading { background: url({style_images_url}/loading.gif ) no-repeat; }

table.ipb_table .preview td {

padding: 20px 10px 20px 29px;

z-index: 20000;

border-top: 0;

}

 

table.ipb_table .preview td > div {

line-height: 1.4;

position: relative; 

}

 

table.ipb_table .preview td {

-webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.15);

-moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.15);

box-shadow: 0px 4px 5px rgba(0,0,0,0.15);

border: 1px solid #D6E4F0;

}

 

.preview_col {

margin-left: 80px;

}

 

.preview_info {

border-bottom: 1px solid #eaeaea;

padding-bottom: 3px;

margin: -3px 0 3px;

}

 

table.ipb_table .mini_pagination { opacity: 0.5; }

table.ipb_table tr:hover .mini_pagination { opacity: 1; }

 

/************************************************************************/

/* LAYOUT SYSTEM */

 

.ipsLayout.ipsLayout_withleft { padding-left: 210px; }

.ipsBox.ipsLayout.ipsLayout_withleft { padding-left: 220px; }

.ipsLayout.ipsLayout_withright { padding-right: 210px; clear: left; }

.ipsBox.ipsLayout.ipsLayout_withright { padding-right: 220px; }

 

/* Panes */

.ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right { position: relative; }

.ipsLayout_content { width: 100%; float: left; }

.ipsLayout .ipsLayout_left { width: 200px; ; float: left; }

.ipsLayout .ipsLayout_right { width: 200px; margin-right: -210px; float: right; }

 

/* Wider sidebars */

.ipsLayout_largeleft.ipsLayout_withleft { padding-left: 280px; }

.ipsBox.ipsLayout_largeleft.ipsLayout_withleft { padding-left: 290px; }

.ipsLayout_largeleft.ipsLayout .ipsLayout_left { width: 270px; ; }

.ipsLayout_largeright.ipsLayout_withright { padding-right: 280px; }

.ipsBox.ipsLayout_largeright.ipsLayout_withright { padding-right: 290px; }

.ipsLayout_largeright.ipsLayout .ipsLayout_right { width: 253px; margin-right: -277px; }

 

/* Narrow sidebars */

.ipsLayout_smallleft.ipsLayout_withleft { padding-left: 150px; }

.ipsBox.ipsLayout_smallleft.ipsLayout_withleft { padding-left: 160px; }

.ipsLayout_smallleft.ipsLayout .ipsLayout_left { width: 140px; ; }

.ipsLayout_smallright.ipsLayout_withright { padding-right: 150px; }

.ipsBox.ipsLayout_smallright.ipsLayout_withright { padding-right: 160px; }

.ipsLayout_smallright.ipsLayout .ipsLayout_right { width: 140px; margin-right: -150px; }

 

/* Tiny sidebar */

.ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 50px; }

.ipsBox.ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 60px; }

.ipsLayout_tinyleft.ipsLayout .ipsLayout_left { width: 40px; ; }

.ipsLayout_tinyright.ipsLayout_withright { padding-right: 50px; }

.ipsBox.ipsLayout_tinyright.ipsLayout_withright { padding-right: 60px; }

.ipsLayout_tinyright.ipsLayout .ipsLayout_right { width: 40px; margin-right: -50px; }

 

/* Big sidebar */

.ipsLayout_bigleft.ipsLayout_withleft { padding-left: 330px; }

.ipsBox.ipsLayout_bigleft.ipsLayout_withleft { padding-left: 340px; }

.ipsLayout_bigleft.ipsLayout .ipsLayout_left { width: 320px; ; }

.ipsLayout_bigright.ipsLayout_withright { padding-right: 330px; }

.ipsBox.ipsLayout_bigright.ipsLayout_withright { padding-right: 340px; }

.ipsLayout_bigright.ipsLayout .ipsLayout_right { width: 320px; margin-right: -330px; }

 

/* Even Wider sidebars */

.ipsLayout_hugeleft.ipsLayout_withleft { padding-left: 380px; }

.ipsBox.ipsLayout_hugeleft.ipsLayout_withleft { padding-left: 390px; }

.ipsLayout_hugeleft.ipsLayout .ipsLayout_left { width: 370px; ; }

.ipsLayout_hugeright.ipsLayout_withright { padding-right: 380px; }

.ipsBox.ipsLayout_hugeright.ipsLayout_withright { padding-right: 390px; }

.ipsLayout_hugeright.ipsLayout .ipsLayout_right { width: 370px; margin-right: -380px; }

 

/************************************************************************/

/* NEW FORMS */

 

.ipsField .ipsField_title { 

font-weight: bold;

font-size: 15px;

}

 

.ipsForm_required {

color: #ab1f39;

font-weight: bold;

}

 

.ipsForm_horizontal .ipsField_title {

float: left;

width: 185px;

padding-right: 15px;

text-align: right;

line-height: 1.8;

}

 

.ipsForm_horizontal .ipsField { margin-bottom: 15px; }

.ipsForm_horizontal .ipsField_content, .ipsForm_horizontal .ipsField_submit { margin-left: 200px; }

.ipsForm_horizontal .ipsField_checkbox { margin: 0 0 5px 200px; }

.ipsForm_horizontal .ipsField_select .ipsField_title { line-height: 1.6; }

 

.ipsForm_vertical .ipsField { margin-bottom: 10px; }

.ipsForm_vertical .ipsField_content { margin-top: 3px; }

 

.ipsForm .ipsField_checkbox .ipsField_content { margin-left: 25px; }

.ipsForm .ipsField_checkbox input { float: left; margin-top: 3px; }

 

.ipsField_primary input { font-size: 18px; }

 

.ipsForm_submit {

background: #e4e4e4;

background: -moz-linear-gradient(top, #e4e4e4 0%, #cccccc 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#cccccc));

padding: 5px 10px;

text-align: right;

border-top: 1px solid #cccccc;

margin-top: 25px;

}

 

.ipsForm_right { text-align: right; }

.ipsForm_left { text-align: left; }

.ipsForm_center { text-align: center; }

 

/************************************************************************/

/* SETTINGS SCREENS */

.ipsSettings_pagetitle { font-size: 20px; }

.ipsSettings { padding: 0 0px; }

.ipsSettings_section {

margin: 0 0 15px 0;

border-top: 1px solid #eaeaea;

padding: 15px 0 0 0;

}

 

.ipsSettings_section > div { margin-left: 175px; }

.ipsSettings_section > div ul li { margin-bottom: 10px; }

.ipsSettings_section .desc { margin-top: 3px; }

 

.ipsSettings_sectiontitle {

font: bold 14px Helvetica, Arial, sans-serif;

color: #151515;

width: 165px;

padding-left: 10px;

float: left;

}

 

.ipsSettings_fieldtitle { 

min-width: 100px;

margin-right: 10px;

font-size: 14px;

display: inline-block;

vertical-align: top;

padding-top: 3px;

}

 

/************************************************************************/

/* TOOLTIPS */

 

.ipsTooltip { padding: 5px; z-index: 25000;}

.ipsTooltip_inner {

padding: 8px;

background: #333333;

border: 1px solid #333333;

color: #fff;

-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;

-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;

box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

border-radius: 4px;

font-size: 12px;

text-align: center;

max-width: 250px;

}

.ipsTooltip_inner a { color: #fff; }

.ipsTooltip_inner span { font-size: 11px; color: #d2d2d2 }

.ipsTooltip.top  { background: url({style_images_url}/stems/tooltip_top.png) no-repeat bottom center; }

.ipsTooltip.top_left  { background-position: bottom left; }

.ipsTooltip.bottom { background: url({style_images_url}/stems/tooltip_bottom.png) no-repeat top center; }

.ipsTooltip.left  { background: url({style_images_url}/stems/tooltip_left.png) no-repeat center right; }

.ipsTooltip.right { background: url({style_images_url}/stems/tooltip_right.png) no-repeat center left; }

 

/************************************************************************/

/* AlertFlag */

 

.ipsHasNotifications {

padding: 0px 4px;

height: 12px;

line-height: 12px;

background: #cf2020;

color: #fff !important;

font-size: 9px;

text-align: center;

-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;

-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;

box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

border-radius: 2px;

position: absolute;

left: 21px;

top: -2px;

}

 

.ipsHasNotifications_blank { display: none; }

#chat-tab-count.ipsHasNotifications { left: auto; top: 0px; right: -1px; text-shadow: none !important; position: absolute; }

 

/************************************************************************/

/* SIDEBAR STYLE */

 

.ipsSideMenu { padding: 10px 0; }

.ipsSideMenu h4 { 

margin: 0 10px 5px 25px;

font-weight: bold;

color: #383838;

}

 

.ipsSideMenu ul {

border-top: 1px solid #EDF1F5;

margin-bottom: 20px;

}

 

.ipsSideMenu ul li {

font-size: 11px;

border-bottom: 1px solid #EDF1F5;

}

 

.ipsSideMenu ul li a {

padding: 5px 10px 5px 25px;

display: block;

}

 

 

.ipsSideMenu ul li.active a {

background: #5a9321 url({style_images_url}/icon_check_white.png ) no-repeat 6px 8px;

color: #fff;

font-weight: bold;

}

 

/***************************************************************************/

/* WIZARDS */

.ipsSteps {

border-bottom: 1px solid #fff;

background: #DBE2EC;

overflow: hidden;

} 

.ipsSteps ul li {

float: left;

padding: 11px 33px 11px 18px;

color: #323232;

background-image: url({style_images_url}/wizard_step_large.png );

background-repeat: no-repeat;

background-position: bottom right;

position: relative;

max-height: 53px;

}

 

.ipsSteps .ipsSteps_active {

background-position: top right;

color: #fff;

text-shadow: 0px -1px 0 rgba(0,0,0,0.7);

}

 

.ipsSteps .ipsSteps_done { color: #aeaeae; }

.ipsSteps_desc { font-size: 11px; } 

.ipsSteps_arrow { display: none; }

 

.ipsSteps_title {

display: block;

font-size: 14px;

}

 

.ipsSteps_active .ipsSteps_arrow {

display: block;

position: absolute;

left: -23px;

top: 0;

width: 23px;

height: 54px;

background: url({style_images_url}/wizard_step_extra.png ) no-repeat;

}

 

.ipsSteps ul li:first-child .ipsSteps_arrow { display: none !important; }

 

/************************************************************************/

/* VERTICAL TABS (profile etc.) */

 

.ipsVerticalTabbed { }

 

.ipsVerticalTabbed_content {

min-height: 400px;

}

 

.ipsVerticalTabbed_tabs > ul {

width: 176px !important;

margin-top: 17px;

border-top: 1px solid #A3B0C1;

border-left: 1px solid #A3B0C1;

}

 

.ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs > ul { width: 40px !important; }

 

 

.ipsVerticalTabbed_tabs li {

background: #f5f5f5;

color: #808080;

border-bottom: 1px solid #A3B0C1;

font-size: 13px;

}

 

 

.ipsVerticalTabbed_tabs li a {

display: block;

padding: 10px 8px;

outline: 0;

color: #8d8d8d;

-webkit-transition: background-color 0.1s ease-in-out;

-moz-transition: background-color 0.3s ease-in-out;

}

 

 

.ipsVerticalTabbed_tabs li a:hover {

background: #f3f3f3;

color: #808080;

}

 

 

.ipsVerticalTabbed_tabs li.active a {

width: 134px;

position: relative;

z-index: 8000;

border-right: 0px solid #fff;

background: #fff;

color: #353535;

font-weight: bold;

}

 

.ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active a {

width: 24px;

}

 

/************************************************************************/

/* 'LIKE' FUNCTIONS */

 

.ipsLikeBar { margin: 10px 0; font-size: 11px; }

 

.ipsLikeBar_info {

line-height: 19px;

background: #f4f4f4;

padding: 0 10px;

display: inline-block;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

border-radius: 2px;

}

 

.ipsLikeButton {

line-height: 17px;

padding: 0 6px 0 24px;

font-size: 11px;

display: inline-block;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

border-radius: 2px;

color: #fff !important;

}

.ipsLikeButton:hover { color: #fff !important; }

 

.ipsLikeButton.ipsLikeButton_enabled {

background: #7b96bb url({style_images_url}/like_button.png ) no-repeat top left;

border: 1px solid #7b96bb;

}

 

.ipsLikeButton.ipsLikeButton_disabled {

background: #acacac url({style_images_url}/like_button.png ) no-repeat bottom left;

border: 1px solid #acacac;

}

 

/************************************************************************/

/* TAG LIST */

 

.ipsTag {

display: inline-block;

background: url({style_images_url}/tag_bg.png );

height: 20px;

line-height: 20px;

padding: 0 7px 0 15px;

margin: 5px 5px 0 0;

font-size: 11px;

color: #656565;

text-shadow: 0 1px 0 rgba(255,255,255,1);

-moz-border-radius: 0 3px 3px 0;

-webkit-border-top-right-radius: 3px;

-webkit-border-bottom-right-radius: 3px;

border-radius: 0 3px 3px 0;

}

 

/************************************************************************/

/* TAG EDITOR STYLES */

 

.ipsTagBox_wrapper {

min-height: 18px;

width: 350px;

line-height: 1.3;

display: inline-block;

}

 

.ipsTagBox_hiddeninput { background: #fff; }

.ipsTagBox_hiddeninput.inactive {

font-size: 11px;

min-width: 200px;

}

 

.ipsTagBox_wrapper input { border: 0px; outline: 0; }

.ipsTagBox_wrapper li { display: inline-block; }

 

.ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child {

background: #dbf3ff;

border-color: #a8e3ff;

color: #136db5;

}

 

.ipsTagBox_tag {

padding: 2px 1px 2px 4px;

background: #f4f4f4;

border: 1px solid #dddddd;

margin: 0 3px 2px 0;

font-size: 11px;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

border-radius: 2px;

cursor: pointer;

}

 

.ipsTagBox_tag:hover {

border-color: #bdbdbd;

}

 

.ipsTagBox_tag.selected {

background: #e2e2e2 !important;

border-color: #c0c0c0 !important;

color: #424242 !important;

}

 

.ipsTagBox_closetag {

margin-left: 2px;

display: inline-block;

padding: 0 3px;

color: #c7c7c7;

font-weight: bold;

}

.ipsTagBox_closetag:hover { color: #454545; }

.ipsTagBox_tag.selected .ipsTagBox_closetag { color: #424242; }

.ipsTagBox_tag.selected .ipsTagBox_closetag:hover { color: #2f2f2f; }

.ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag { color: #4f87bb; }

.ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag:hover { color: #003b71; }

 

.ipsTagBox_addlink {

font-size: 10px;

margin-left: 3px;

outline: 0;

}

 

.ipsTagBox_dropdown {

height: 100px;

overflow: scroll;

background: #fff;

border: 1px solid #dddddd;

-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);

-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);

box-shadow: 0px 5px 10px rgba(0,0,0,0.2);

z-index: 16000;

}

 

.ipsTagBox_dropdown li {

padding: 4px;

font-size: 12px;

cursor: pointer;

}

.ipsTagBox_dropdown li:hover {

background: #dbf3ff;

color: #003b71;

}

 

/************************************************************************/

/* TAG CLOUD */

.ipsTagWeight_1 { opacity: 1.0; }

.ipsTagWeight_2 { opacity: 0.9; }

.ipsTagWeight_3 { opacity: 0.8; }

.ipsTagWeight_4 { opacity: 0.7; }

.ipsTagWeight_5 { opacity: 0.6; }

.ipsTagWeight_6 { opacity: 0.5; }

.ipsTagWeight_7 { opacity: 0.4; }

.ipsTagWeight_8 { opacity: 0.3; }

 

/************************************************************************/

/* NEW FILTER BAR */

 

.ipsFilterbar li {

margin: 0px 15px 0px 0;

font-size: 11px;

}

 

.ipsFilterbar li a {

color: #fff;

opacity: 0.5;

text-shadow: 0px 1px 0px #0d273e;

-webkit-transition: all 0.3s ease-in-out;

-moz-transition: all 0.3s ease-in-out;

}

.ipsFilterbar.bar.altbar li a { color: #244156; text-shadow: none; opacity: .8; }

 

.ipsFilterbar:hover li a { opacity: 0.8; }

 

.ipsFilterbar li a:hover {

color: #fff;

opacity: 1;

}

 

        .ipsFilterbar li img { margin-top: -3px; }

 

.ipsFilterbar li.active { opacity: 1; }

 

 

.ipsFilterbar li.active a, .ipsFilterbar.bar.altbar li.active a {

background: #1c2023;

opacity: 1;

color: #fff;

padding: 4px 10px;

font-weight: bold;

-moz-border-radius: 10px;

-webkit-border-radius: 10px !important;

border-radius: 10px;

-webkit-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.2);

-moz-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.2);

box-shadow: inset 0px 2px 2px rgba(0,0,0,0.2);

}

 

/************************************************************************/

/* POSTING FORM STYLES */

/* Additional form styles for posting forms */

 

.ipsPostForm { }

 

.ipsPostForm.ipsLayout_withright {

padding-right: 260px !important;

}

 

.ipsPostForm .ipsLayout_content {

z-index: 900;

-webkit-box-shadow: 2px 0px 4px rgba(0,0,0,0.1);

-moz-box-shadow: 2px 0px 4px rgba(0,0,0,0.1);

box-shadow: 2px 0px 4px rgba(0,0,0,0.1);

float: none;

}

 

.ipsPostForm .ipsLayout_right {

width: 250px;

margin-right: -251px;

border-left: 0;

z-index: 800;

}

 

.ipsPostForm_sidebar .ipsPostForm_sidebar_block.closed h3 {

background-image: url({style_images_url}/folder_closed.png );

background-repeat: no-repeat;

background-position: 10px 9px;

padding-left: 26px;

margin-bottom: 2px;

}

 

/************************************************************************/

/* MEMBER LIST STYLES */

.ipsMemberList .ipsButton_secondary { opacity: 0.3; }

.ipsMemberList li:hover .ipsButton_secondary, .ipsMemberList tr:hover .ipsButton_secondary { opacity: 1; }

.ipsMemberList li .reputation { margin: 5px 10px 0 0; }

.ipsMemberList > li .ipsButton_secondary { margin-top: 15px; }

.ipsMemberList li .rating { display: inline; }

 

/************************************************************************/

/* COMMENT STYLES */

.ipsComment_wrap { margin-top: 10px; }

.ipsComment_wrap .ipsLikeBar { margin: 0; }

.ipsComment_wrap input[type='checkbox'] { vertical-align: middle; }

 

.ipsComment {

border-bottom: 1px solid #e9e9e9;

margin-bottom: 5px;

padding: 10px 0;

}

 

.ipsComment_author, .ipsComment_reply_user {

width: 160px;

text-align: right;

padding: 0 10px;

float: left;

line-height: 1.3;

}

 

.ipsComment_author .ipsUserPhoto { margin-bottom: 5px; }

 

.ipsComment_comment {

margin-left: 190px;

line-height: 1.5;

}

 

.ipsComment_comment > div { min-height: 33px; }

 

.ipsComment_controls { margin-top: 10px; }

.ipsComment_controls > li { opacity: 0.2; }

.ipsComment:hover .ipsComment_controls > li, .ipsComment .ipsComment_controls > li.right { opacity: 1; }

 

.ipsComment_reply_user_photo {

    margin-left: 115px;

}

 

/************************************************************************/

/* FLOATING ACTION STYLES (comment moderation, multiquote etc.) */

.ipsFloatingAction {

position: fixed;

right: 10px;

bottom: 10px;

background: #fff;

padding: 10px;

z-index: 15000;

border: 4px solid #464646;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);

-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);

box-shadow: 0px 3px 6px rgba(0,0,0,0.4);

}

 

    .ipsFloatingAction.left {

        right: auto;

        left: 10px;

    }

    

    .ipsFloatingAction .fixed_inner {

        overflow-y: auto;

        overflow-x: hidden;

    }

    

/* specifics for seo meta tags editor */

#seoMetaTagEditor { width: 480px; }

 

    #seoMetaTagEditor table { width: 450px; }

    #seoMetaTagEditor table td { width: 50%; padding-right: 0px }

 

/************************************************************************/

/* FORM STYLES */

 

body#ipboard_body fieldset.submit,

body#ipboard_body p.submit {

padding: 15px 6px 15px 6px;

text-align: center;

}

 

.input_text, .ipsTagBox_wrapper {

padding: 4px;

border-width: 1px;

border-style: solid;

border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;

background: #fff;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

border-radius: 2px;

}

 

.input_text:focus {

border-color: #4e4e4e #7c7c7c #a3a3a3 #7c7c7c;

-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);

-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);

box-shadow: 0px 0px 5px rgba(0,0,0,0.3);

}

 

input.inactive, select.inactive, textarea.inactive { color: #c4c4c4; }

 

.input_text.error {

background-color: #f3dddd;

}

.input_text.accept {

background-color: #f1f6ec;

}

 

.input_submit {

text-decoration: none;

border-width: 1px;

border-style: solid;

padding: 4px 10px;

cursor: pointer;

font-weight: bold;

}

 

.input_submit.alt {

text-decoration: none;

} 

 

p.field {

padding: 15px;

}

 

li.field {

padding: 5px;

margin-left: 5px;

}

 

li.field label,

li.field span.desc {

display: block;

}

 

li.field.error {

color: #ad2930;

}

 

li.field.error label {

font-weight: bold;

}

 

li.field.checkbox, li.field.cbox {

margin-left: 0;

}

 

li.field.checkbox .input_check,

li.field.checkbox .input_radio,

li.field.cbox .input_check,

li.field.cbox .input_radio {

margin-right: 10px;

vertical-align: middle;

}

 

li.field.checkbox label,

li.field.cbox label {

width: auto;

float: none;

display: inline;

}

 

li.field.checkbox p,

li.field.cbox p {

position: relative;

left: 245px;

display: block;

}

 

li.field.checkbox span.desc,

li.field.cbox span.desc {

padding-left: 27px;

margin-left: auto;

display: block;

}

 

/************************************************************************/

/* MESSAGE STYLES */

 

.message {

background: #ebfcdf;

padding: 10px;

border: 1px solid #a4cfa4;

color: #0e440e;

line-height: 1.6;

font-size: 12px;

}

 

.message h3 {

padding: 0;

color: #323232;

}

 

.message.error {

background-color: #f3e3e6;

border-color: #e599aa;

color: #80001c;

}

 

.message.error.usercp {

background-image: none;

padding: 4px;

float: right;

}

 

.message.unspecific {

background-color: #f3f3f3;

border-color: #d4d4d4;

color: #515151;

margin: 0 0 10px 0;

clear: both;

}

 

/************************************************************************/

/* MENU & POPUP STYLES */

 

.ipbmenu_content, .ipb_autocomplete {

font-size: 12px;

min-width: 85px;

z-index: 2000;

}

 

.ipbmenu_content li:last-child {

border-bottom: 0;

padding-bottom: 0px;

}

 

.ipbmenu_content li:first-child { padding-top: 0px; }

.ipbmenu_content.with_checks a { padding-left: 26px; } /* save room for a checkmark */

.ipbmenu_content a .icon { margin-right: 10px; }

.ipbmenu_content a { 

text-decoration: none;

text-align: left;

display: block;

padding: 6px 10px;

}

.ipbmenu_content.with_checks li.selected a {

background-image: url({style_images_url}/icon_check.png );

background-repeat: no-repeat;

background-position: 7px 10px;

}

 

.popupWrapper {

background-color: #464646;

background-color: rgba(70,70,70,0.6);

padding: 4px;

-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);

-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);

box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

border-radius: 4px;

}

 

.popupInner {

background: #fff;

width: 500px;

overflow: auto;

-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);

-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);

box-shadow: 0px 0px 3px rgba(0,0,0,0.4);

overflow-x: hidden;

}

 

.popupInner.black_mode {

background: #000;

border: 3px solid #b3bbc3; 

color: #eee;

border: 3px solid #555;

}

 

.popupInner.warning_mode {

border: 3px solid #7D1B1B; 

}

 

.popupInner h3 {

background: #1F2124 url({style_images_url}/maintitle.png) repeat-x top;

color: #fff;

border-width: 1px 1px 0 1px;

border-style: solid;

border-color: #1F2124;

padding: 9px 10px 10px;

font-size: 14px;

font-weight: 300;

text-shadow: 0 1px 2px rgba(0,0,0,0.3);

/*-webkit-box-shadow: inset 0px 1px 0 #528cbc;

box-shadow: inset 0px 1px 0 #528cbc;

-moz-box-shadow: inset 0px 1px 0 #528cbc;*/

}

 

.popupInner h3 a { color: #fff; }

 

.popupInner.black_mode h3 {

background-color: #545C66;

color: #ddd;

}

 

.popupInner.warning_mode h3 {

background-color: #7D1B1B;

padding-top: 6px;

padding-bottom: 6px;

color: #fff;

}

 

.popupInner.warning_mode input.input_submit {

background-color: #7D1B1B;

}

 

.popupClose {

position: absolute;

right: 16px;

top: 12px;

}

 

.popupClose.light_close_button {

background: transparent url({style_images_url}/close_popup_light.png) no-repeat top left;

opacity: 0.8;

width: 13px;

height: 13px;

top: 17px;

}

 

.popupClose.light_close_button img {

display: none;

}

 

.popup_footer {

padding: 15px;

position: absolute;

bottom: 0px;

right: 0px;

}

 

.popup_body {

padding: 10px;

}

 

.stem {

width: 31px;

height: 16px;

position: absolute;

}

 

.stem.topleft { background-image: url({style_images_url}/stems/topleft.png); }

.stem.topright { background-image: url({style_images_url}/stems/topright.png); }

.stem.bottomleft { background-image: url({style_images_url}/stems/bottomleft.png); }

.stem.bottomright { background-image: url({style_images_url}/stems/bottomright.png); }

 

.modal {

background-color: #3e3e3e;

}

 

.userpopup h3 { font-size: 17px; }

.userpopup h3, .userpopup .side + div { padding-left: 110px; }

.userpopup .side { position: absolute; margin-top: -40px; }

.userpopup .side .ipsButton_secondary { 

display: block;

text-align: center;

margin-top: 5px;

/*  #32468: hacky workaround to ensure these buttons work when translated */

max-width: 75px;

height: auto;

line-height: 1;

padding: 5px 10px;

white-space: normal;

}

.userpopup .user_controls { text-align: left; }

.userpopup .user_status { padding: 5px; margin-bottom: 5px; }

.userpopup .reputation {

display: block; 

text-align: center;

margin-top: 5px;

}

 

.userpopup {

overflow: hidden;

position: relative;

font-size: 0.9em;

}

 

.userpopup dl {

border-bottom: 1px solid #d4d4d4;

padding-bottom: 10px;

margin-bottom: 4px;

}

 

.info dt {

float: left;

font-weight: bold;

padding: 3px 6px;

clear: both;

width: 30%;

}

 

.info dd {

padding: 3px 6px;

width: 60%;

margin-left: 35%;

}

 

/************************************************************************/

/* BUTTONS STYLES */

 

.topic_buttons li {

float: right;

margin: 0 0 10px 10px;

}

 

 

.topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important,

.topic_buttons li a, .topic_buttons li span, .ipsButton {

background: #212121 url({style_images_url}/topic_button.png ) repeat-x top;

border: 1px solid #212121;

border-width: 1px 1px 0 1px;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);

-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);

box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);

color: #fff;

text-shadow: 0 -1px 0 #191919;

font: 300 12px/1.3 Helvetica, Arial, sans-serif;

line-height: 30px;

height: 30px;

padding: 0 10px;

text-align: center;

min-width: 125px;

display: inline-block;

cursor: pointer;

}

 

.topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .ipsButton.important {

background: #812200 url({style_images_url}/topic_button_closed.png ) repeat-x top;

border-color: #812200;

-moz-box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);

-webkit-box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);

box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);

}

 

.topic_buttons li a:hover, .ipsButton:hover { color: #fff; }

.topic_buttons li.non_button a {

background: transparent !important;

background-color: transparent !important;

border: 0;

box-shadow: none;

-moz-box-shadow: none;

-webkit-box-shadow: none;

text-shadow: none;

min-width: 0px;

color: #777777;

font-weight: normal;

}

 

.topic_buttons li.disabled a, .topic_buttons li.disabled span {

background: #ebebeb;

box-shadow: none;

-moz-box-shadow: none;

-webkit-box-shadow: none;

text-shadow: none;

border: 0;

color: #7f7f7f;

}

 

.topic_buttons li span { cursor: default !important; }

 

 

.ipsButton_secondary {

height: 25px;

line-height: 26px;

font-size: 12px;

padding: 0 10px;

background: #f6f6f6;

background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */

border: 1px solid #dbdbdb;

-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);

-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);

box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

color: #616161;

display: inline-block;

white-space: nowrap;

-webkit-transition: all 0.2s ease-in-out;

-moz-transition: all 0.2s ease-in-out;

}

.ipsButton_secondary a { color: #616161; }

.ipsButton_secondary:hover {

color: #4c4c4c;

border-color: #9a9a9a;

}

 

 

.ipsButton_secondary.important {

background: #9f2a00;

background: -moz-linear-gradient(top, #9f2a00 0%, #812200 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f2a00), color-stop(100%,#812200)); /* webkit */

border: 1px solid #812200;

color: #fbf4f4;

-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);

-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);

box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);

}

        .ipsButton_secondary .icon {

            margin-right: 4px;

            margin-top: -3px;

        }

        

        .ipsButton_secondary img.small {

            max-height: 12px;

            margin-left: 3px;

            margin-top: -2px;

            opacity: 0.5;

        }

 

.ipsButton_secondary.important a { color: #fbf4f4; }

.ipsButton_secondary.important a:hover { 

color: #fff !important;

border-color: #571700;

}

 

/* Used in post forms */

.ipsField.ipsField_checkbox.ipsButton_secondary

{

line-height: 18px;

}

 

.ipsField.ipsField_checkbox.ipsButton_secondary input

{

margin-top: 6px

}

 

.ipsField.ipsField_checkbox.ipsButton_secondary .ipsField_content

{

margin-left: 18px;

}

 

.ipsButton_extra {

line-height: 22px;

height: 22px;

font-size: 11px;

margin-left: 5px;

color: #5c5c5c;

}

 

.ipsButton_secondary.fixed_width{ min-width: 170px; }

 

.ipsButton.no_width { min-width: 0; }

.topic_controls { min-height: 30px; }

 

ul.post_controls {

padding: 6px;

margin: 0 0 10px 0;

clear: both;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

border-radius: 4px;

}

 

ul.post_controls li {

font-size: 12px;

float: right;

}

 

ul.post_controls a { 

height: 22px;

line-height: 22px;

padding: 0 8px;

color: #1d3652;

text-decoration: none;

margin-left: 4px;

display: block;

}

 

ul.post_controls a:hover { color: #3d70a3; }

 

ul.post_controls a.ipsButton_secondary {

height: 20px;

line-height: 20px;

        }

        

        ul.post_controls a.ipsButton_secondary.important:hover {

            color: #fff !important;

        }

 

ul.post_controls li.multiquote.selected a { 

background: #a1dc00; /* Old browsers */

background: -moz-linear-gradient(top, #a1dc00 0%, #7ba60d 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1dc00), color-stop(100%,#7ba60d)); /* Chrome,Safari4+ */

border-color: #7ba60d;

-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);

-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);

box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);

color: #fff;

}

 

.post_block .post_controls li a { 

opacity: 0.2;

-webkit-transition: all 0.2s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

}

 

.post_block .post_controls li a.ipsButton_secondary {

opacity: 1;

}

.post_block:hover .post_controls li a { opacity: 1; }

 

.hide_signature, .sigIconStay { float: right; }

.post_block:hover .signature a.hide_signature, .sigIconStay {

background: transparent url({style_images_url}/cross_sml.png) no-repeat top right;

width: 13px;

height: 13px;

opacity: 0.6;

position: absolute;

right: 0px;

}

 

/************************************************************************/

/* PAGINATION STYLES */

 

.pagination { padding: 5px 0; line-height: 20px; }

.pagination.no_numbers .page { display: none; }

.pagination .pages { text-align: center; }

.pagination .back { margin-right: 6px; }

.pagination .back li { margin: 0 2px 0 0; }

.pagination .forward { margin-left: 6px; }

.pagination .forward li { margin: 0 0 0 2px; }

 

 

.pagination .back a,

.pagination .forward a {

display: inline-block;

padding: 0px 6px;

height: 20px;

background: #eaeaea;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

border-radius: 2px;

text-transform: uppercase;

color: #5a5a5a;

font-size: 11px;

font-weight: bold;

}

 

 

.pagination .back a:hover,

.pagination .forward a:hover {

background: #5A9321;

color: #fff;

}

 

.pagination .disabled a {

opacity: 0.4;

display: none;

}

 

.pagination .pages {

font-size: 11px;

font-weight: bold;

}

 

.pagination .pages a, .pagejump {

display: inline-block;

padding: 1px 4px;

color: #999;

}

 

.pagination .pages .pagejump { padding: 0px; }

 

.pagination .pages a:hover {

background: #ececec;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

border-radius: 2px;

}

 

.pagination .pages li { margin: 0 1px; }

 

 

.pagination .pages li.active {

background: #7BA60D;

color: #fff;

font-weight: bold;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

border-radius: 2px;

padding: 1px 5px;

}

 

.pagination.no_pages span {

color: #acacac;

padding: 10px 0; 

height: 15px;

display: block;

}

 

ul.mini_pagination {

font-size: 10px;

display: inline;

margin-left: 7px;

}

 

ul.mini_pagination li a {

background: #fff;

border: 1px solid #d3d3d3;

padding: 1px 3px;

}

 

ul.mini_pagination li {

display: inline;

margin: 0px 2px;

}

 

/************************************************************************/

/* MODERATION & FILTER STYLES */

 

.moderation_bar {

text-align: right;

padding: 8px 10px;

/*background: #f7f7f7;*/

}

 

.moderation_bar.with_action {

background-image: url({style_images_url}/topic_mod_arrow.png);

background-repeat: no-repeat;

background-position: right center;

padding-right: 35px;

}

 

/************************************************************************/

/* AUTHOR INFO (& RELATED) STYLES */

 

.author_info {

width: 155px;

float: left;

font-size: 12px;

text-align: center;

padding: 15px 17px;

}

 

.author_info .group_title {

font-weight: bold;

color: #5a5a5a;

margin-top: 5px;

}

 

.author_info .member_title { margin-bottom: 5px; word-wrap: break-word; }

.author_info .group_icon { margin-bottom: 3px; }

 

.custom_fields {

color: #818181;

margin-top: 8px;

}

 

.custom_fields .ft { 

color: #505050;

margin-right: 3px;

}

 

.custom_fields .fc {

word-wrap: break-word;

}

 

 

.user_controls {

text-align: center;

margin: 6px 0;

}

 

.user_controls li a {

display: inline-block;

background: #f6f6f6;

background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */

border: 1px solid #dbdbdb;

-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);

-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);

box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

padding: 5px;

color: #616161;

}

 

/************************************************************************/

/* BOARD INDEX STYLES */

 

#board_index { position: relative; }

#board_index.no_sidebar { padding-right: 0px; }

#board_index.force_sidebar { padding-right: 280px; }

 

#toggle_sidebar {

position: absolute;

right: -5px;

top: -13px;

z-index: 8000;

background: #333333;

padding: 3px 7px;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

color: #fff;

opacity: 0;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

}

#index_stats:hover + #toggle_sidebar, #board_index.no_sidebar #toggle_sidebar { opacity: 0.1; }

#toggle_sidebar:hover { opacity: 1 !important; }

 

 

.ipsSideBlock {

padding: 5px;

margin-bottom: 0;

}

 

.ipsSideBlock h3 {

font: normal 13px helvetica, arial, sans-serif;

color: #fff;

padding: 7px 10px;

background: #1F2124 url({style_images_url}/_custom/sprite_main.jpg) repeat-x 0 0;

margin: 0;

}

 

.ipsSideBlock h3 .mod_links { opacity: 0.0; }

.ipsSideBlock h3:hover .mod_links { opacity: 1; }

 

.status_list .status_list { margin: 10px 0 0 50px; }

.status_list p.index_status_update { line-height: 120%; margin:4px 0px; }

.status_list li { position: relative; }

.status_reply {

margin-top: 8px;

}

 

.status_list li .mod_links { 

opacity: 0.1;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

}

.status_list li:hover .mod_links { opacity: 1; }

 

/* board stats */

#board_stats ul { text-align: center; }

#board_stats li { margin-right: 20px; }

#board_stats .value {

display: inline-block;

background: #e2e2e2;

color: #4a4a4a;

padding: 2px 6px;

font-weight: bold;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

border-radius: 2px;

margin-right: 3px;

}

 

.statistics {

margin: 20px 0 0 0;

padding: 10px 0;

border-top: 3px solid #d8d8d8;

line-height: 1.3;

overflow: hidden;

}

 

.statistics_head {

font-size: 14px;

font-weight: bold;

}

 

.friend_list ul li,

#top_posters li {

text-align: center;

padding: 8px 0 0 0;

margin: 5px 0 0 0;

min-width: 80px;

height: 70px;

float: left;

}

 

.friend_list ul li span.name,

#top_posters li span.name {

font-size: 0.8em;

}

 

#hook_watched_items ul li {

padding: 8px;

}

 

body#ipboard_body #hook_watched_items fieldset.submit {

padding: 8px;

}

 

#hook_birthdays .list_content {

padding-top: 8px;

}

 

#hook_calendar .ipsBox_container { padding: 10px; }

#hook_calendar td, #hook_calendar th { text-align: center; }

#hook_calendar th { font-weight: bold; padding: 5px 0;}

 

/************************************************************************/

/* FORUM VIEW (& RELATED) STYLES */

 

#more_topics {

text-align: center;

font-weight: bold;

}

#more_topics a { display: block; padding: 10px 0;}

 

/* Result of the 'load more topics' link */

.dynamic_update { border-top: 2px solid #b3b3b3; }

 

.topic_preview,

ul.topic_moderation {

margin-top: -2px;

z-index: 300;

}

ul.topic_moderation li {

float: left;

}

 

.topic_preview a,

ul.topic_moderation li a {

padding: 0 3px;

display: block;

float: left;

}

 

span.mini_rate {

margin-right: 12px;

display: inline-block;

}

 

img.mini_rate {

margin-right: -5px;

}

 

/************************************************************************/

/* TOPIC VIEW (& RELATED) STYLES */

 

/* Post share pop-up */

#postShareUrl { width: 95%; font-size: 18px; color: #999; }

 #postShareStrip { height: 25px; margin: 10px 0px 0px 30px; }

 

body .ip { color: #475769; }

span.post_id { margin-left: 4px; }

input.post_mod { margin:12px 5px 0px 10px; }

 

.post_id a img.small {

    max-height: 12px;

    margin-left: 3px;

    margin-top: -2px;

    opacity: 0.5;

}

 

.signature {

clear: right;

color: #a4a4a4;

font-size: 0.9em;

border-top: 1px solid #d5d5d5;

padding: 10px 0;

margin: 6px 0 4px;

position: relative;

}

 

.signature a { text-decoration: underline; }

 

.post_block {

position: relative;

}

 

.post_block.no_sidebar {

background-image: none;

    }

    

    .post_block.solved {

        background-color: #eaf8e2;

    }

    

    .post_block.feature_box {

        background-color: #eaf8e2;

        border:1px dotted #333;

        padding: 6px;

        min-height: 60px;

word-wrap: break-word;

    }

    

    .post_block.feature_box .ipsType_sectiontitle {

        border-color: #ddd;

        font-size: 12px;

}

 

.post_block h3 {

background: #E5E8EC;

padding: 0 10px;

height: 33px;

line-height: 32px;

font-weight: normal;

font-size: 16px;

        text-shadow: 0 1px 0 #FFFFFF;

}

 

.post_wrap { top: 0px; } 

 

.post_body {

margin: 0 0 0 190px;

padding: 15px 15px 1px;

}

 

.post_body .post {

line-height: 1.6;

font-size: 14px;

}

 

.post_block.no_sidebar .post_body { margin-left: 10px !important; }

 

.posted_info {

padding: 2px 5px;

}

 

.posted_info strong.event {

color: #1c2837;

font-size: 1.2em;

}

 

.post_ignore { 

background: #fafbfc;

color: #777;

font-size: 0.9em;

padding: 15px; 

}

 

.post_ignore .reputation {

text-align: center;

padding: 2px 6px;

float: none;

display: inline;

}

 

.rep_bar {

white-space: nowrap;

margin: 6px 4px;

}

 

.rep_bar .reputation {

font-size: 10px;

padding: 2px 10px !important;

}

 

p.rep_highlight {

float: right;

display: inline-block;

margin: 5px 10px 10px 10px;

background: #D5DEE5;

color: #1d3652;

padding: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

font-size: 0.8em;

font-weight: bold;

text-align: center;

}

 

p.rep_highlight img {

margin-bottom: 4px;

}

 

.edit {

padding: 2px 0 0 24px;

background: url({style_images_url}/icon_warning.png ) no-repeat left 4px;

font-size: 12px;

margin-top: 15px;

line-height: 14px;

color: #7c7c7c;

}

 

.poll fieldset {

padding: 9px;

}

 

.poll_question {

padding: 10px;

margin: 10px 10px 10px 20px;

}

 

.poll_question h4 {

background-color: #e4ebf2;

margin: 0 -7px;

padding: 5px;

}

 

.poll_question ol {

padding: 8px;

background-color: #fafbfc;

}

 

.poll_question li {

font-size: 0.9em;

margin: 6px 0;

}

 

.poll_question .votes {

margin-left: 5px;

}

 

.snapback { 

margin-right: 5px;

padding: 1px 0 1px 1px;

}

 

.rating { display: block; margin-bottom: 4px; line-height: 16px; } 

.rating img { vertical-align: top; }

#rating_text { margin-left: 4px; }

 

/************************************************************************/

/* POSTING FORM (& RELATED) STYLES */

 

div.post_form label {

text-align: right;

padding-right: 15px;

width: 275px;

float: left;

clear: both;

}

 

div.post_form span.desc,

fieldset#poll_wrap span.desc {

margin-left: 290px;

display: block;

clear: both;

}

 

div.post_form .checkbox input.input_check,

#mod_form .checkbox input.input_check {

margin-left: 295px;

}

 

div.post_form .antispam_img {

margin-left: 290px;

}

 

div.post_form .captcha .input_text {

float: left;

}

 

div.post_form fieldset {

padding-bottom: 15px;

}

 

div.post_form h3 {

margin-bottom: 10px;

}

 

fieldset.with_subhead {

margin-bottom: 0;

padding-bottom: 0;

}

 

fieldset.with_subhead h4 {

text-align: right; 

margin-top: 6px;

width: 300px;

float: left;

}

 

fieldset.with_subhead ul {

border-bottom: 1px solid #d5dde5;

padding-bottom: 6px;

margin: 0 15px 6px 320px;

}

 

fieldset.with_subhead span.desc,

fieldset.with_subhead label {

margin: 0;

width: auto;

}

 

fieldset.with_subhead #post_icons {

border: 0;

margin-left: 326px;

}

 

fieldset.with_subhead #post_icons li {

margin-right: 15px;

margin-bottom: 6px;

float: left;

}

 

fieldset.with_subhead .checkbox input.input_check {

margin-left: 0px;

}

 

#toggle_post_options {

background: transparent url({style_images_url}/add.png) no-repeat;

font-size: 0.9em;

padding: 2px 0 2px 22px;

margin: 15px;

display: block;

}

 

#poll_wrap .question {

margin-bottom: 10px;

}

 

#poll_wrap .question .wrap ol {

margin-left: 25px; 

list-style: decimal;

}

#poll_wrap .question .wrap ol li {

margin: 5px;

}

 

.question_title { margin-left: 30px; padding-bottom: 0; }

.question_title .input_text { font-weight: bold }

 

#poll_wrap { position: relative; }

#poll_footer { }

#poll_container_wrap { overflow: auto; }

#poll_popup_inner { overflow: hidden; }

 

.poll_control { margin-left: 20px; }

.post_form .tag_field ul { margin-left: 290px; }

 

/************************************************************************/

/* ATTACHMENT MANAGER (& RELATED) STYLES */

 

.swfupload {

position: absolute;

z-index: 1;

}

 

#attachments { }

 

#attachments li {

background-color: #e4ebf2;

border: 1px solid #d5dde5;

padding: 6px 20px 6px 42px;

margin-bottom: 10px;

position: relative;

}

 

#attachments li p.info {

color: #69727b;

font-size: 0.8em;

width: 300px;

}

 

#attachments li .links, #attachments li.error .links, #attachments.traditional .progress_bar {

display: none;

}

 

#attachments li.complete .links {

font-size: 0.9em;

margin-right: 15px;

right: 0px;

top: 12px;

display: block;

position: absolute;

}

 

#attachments li .progress_bar {

margin-right: 15px;

width: 200px;

right: 0px;

top: 15px;

position: absolute;

}

 

#attachments li.complete, #attachments li.in_progress, #attachments li.error {

background-repeat: no-repeat;

background-position: 12px 12px;

}

 

#attachments li.in_progress {

background-image: url({style_images_url}/loading.gif);

}

 

#attachments li.error {

background-image: url({style_images_url}/exclamation.png);

background-color: #e8caca;

border: 1px solid #ddafaf;

}

 

#attachments li.error .info {

color: #8f2d2d;

}

 

#attachments li.complete {

background-image: url({style_images_url}/accept.png);

}

 

#attachments li .thumb_img {

left: 6px;

top: 6px;

width: 30px;

height: 30px;

overflow: hidden;

position: absolute;

}

 

.attach_controls {

background: url({style_images_url}/icon_attach.png ) no-repeat 3px top;

padding-left: 30px;

min-height: 82px;

}

 

.attach_controls .ipsType_subtitle { margin-bottom: 5px; }

.attach_controls iframe { display: block; margin-bottom: 5px; }

 

.attach_button { font-weight: bold;  }

#help_msg { margin-top: 8px; }

 

#attach_wrap {

/*background: #eef3f8;

padding: 6px;*/

margin-top: 10px;

overflow: hidden;

}

 

#attach_wrap h4 {

font-size: 16px;

padding-left: 0px;

}

 

#attach_wrap li {

margin: 5px 0;

float: left;

}

#attach_wrap .attachment {

float: none;

}

 

#attach_wrap .desc.info {

margin-left: 24px;

}

 

#attach_error_box { margin-bottom: 10px; }

 

.resized_img {

margin: 0 5px 5px 0;

display: inline-block;

}

 

/************************************************************************/

/* REPUTATION STYLES */

 

.reputation {

font-weight: bold;

padding: 3px 8px;

display: inline-block;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

}

 

.reputation.positive, .members li.positive {

background: #6f8f52;

}

 

.reputation.negative, .members li.negative {

background: #b82929;

}

 

.reputation.positive, .reputation.negative {

color: #fff;

}

 

.reputation.zero {

background: #dedede;

color: #6e6e6e;

}

 

 

.status_main_content { white-space: break-word; }

 

.status_main_content h4 {

font-weight:normal;

font-size:1.2em;

}

 

.status_main_content h4 .su_links a { font-weight: normal; }

 

.status_main_content p {

padding: 6px 0px 6px 0px;

}

 

.status_main_content h4 a {

font-weight:bold;

text-decoration: none;

}

 

.status_mini_wrap {

padding: 7px;

font-size: 0.95em;

margin-top: 2px;

}

.status_mini_photo {

float: left;

}

 

 

.status_textarea {

width: 99%;

}

 

.status_replies_many {

height: 300px;

overflow: auto;

}

 

 

.status_update {

background: #D4DDCA;

color: #fff;

padding: 15px 12px;

border: 1px solid #C2CFB3;

margin: 6px;

}

 

.status_update .input_text { width: 70%; padding: 6px 4px; }

.status_update .status_inactive { color: #bbbbbb; } 

#status_wrapper h4 { font-weight: bold; font-size: 14px; }

.status_content { line-height: 1.4; }

.status_content .mod_links { opacity: 0.2; }

.status_content:hover .mod_links { opacity: 1; }

.status_content .h4, .status_content .status_status { font-size: 14px; word-wrap: break-word; }

.status_feedback { margin: 10px 0 0 -10px; }

.status_feedback .row2 { margin-bottom: 1px; }

 

/* Favorites */

.ips_like {

background-color: #f1f4f7;

padding: 8px 4px 4px 4px;

color: #878787;

font-size: 1em;

min-height: 18px;

font-size: 0.9em;

line-height: 130%;

clear: both;

}

.ips_like a {

color: #878787;

}

 

.ips_like a.ftoggle {

float: right;

/*background: #e4ebf2 url({style_images_url}/icons/thumb_up.png) no-repeat left 2px;*/

border:1px solid #CBCBCB;

padding: 3px 4px 2px 4px;

color: #656565;

font-size:0.8em;

text-decoration: none;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

margin-top: -4px;

}

 

.ips_like a.ftoggle.on {

/*background: #e4ebf2 url({style_images_url}/icons/fave_on_small.png) no-repeat left 2px;*/

margin-left: 3px;

}

 

.ips_like a.ftoggle._newline,

.ips_like a.ftoggle.on._newline {

float:none;

margin-top: 5px;

margin-left: auto;

margin-right: 0;

display: block;

width: 70px;

text-align: center;

}

 

.ips_like a:hover.ftoggle.on,

.ips_like a:hover.ftoggle {

background-color: #d5dde5;

}

 

.facebook-like { margin-top: 5px; }

 

.boxShadow {

-webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;

-moz-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;

box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;

}

 

/* New notification panel */

#ipsGlobalNotification {

position: fixed;

left: 50%;

;

top: 20px;

text-align: center;

font-weight: bold;

z-index: 10000;

}

 

#ips_NotificationCloseButton {

background: transparent url({style_images_url}/close_popup.png) no-repeat top left;

opacity: 0.8;

width: 13px;

height: 13px;

top: 5px;

left: 5px;

position: absolute;

cursor: pointer;

}

 

.googlePlusOne {

display: inline-block;

vertical-align:middle;

margin-top: 1px;

}

.fbLike {

float: right !important;

padding-left: 2px;

}

/************************************************************************/

/* SHARED MEDIA STYLES */

 

#mymedia_inserted {

position: absolute;

top: 100px; left: 50%;

;

width: 400px;

padding: 20px 0;

background: black;

font-size: 15px;

font-weight: bold;

color: #fff;

z-index: 20000;

text-align: center;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

border-radius: 4px;

}

 

#mymedia_toolbar { 

position: absolute;

bottom: 0; left: 0; right: 0;

height: 42px;

line-height: 42px;

padding: 0 5px;

background: #DBE4EF;

background: -moz-linear-gradient(top, #DBE4EF 0%, #c7d4e4 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DBE4EF), color-stop(100%,#c7d4e4)); /* webkit */

-webkit-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;

-moz-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;

box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;

border-top: 1px solid #DBE4EF;

}

 

#mymedia_finish { position: absolute; right: 5px; top: 5px; }

#mymedia_content { height: 339px; overflow: auto; }

 

.media_results li.result {

width: 20%;

height: 100px;

padding: 15px 0;

float: left;

text-align: center;

cursor: pointer;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

border-radius: 4px;

}

 

.media_results li:hover { 

background: #F9F9F9;

background: -moz-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EDEDED));

}

.media_results li:active { 

background: #EDEDED;

background: -moz-linear-gradient(top, #EDEDED 0%, #F9F9F9 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#F9F9F9));

}

 

.media_image {

padding: 1px;

border: 1px solid #d5d5d5;

margin-bottom: 5px;

}

 

/********************************************************/

/* Template Error */ 

 

.templateError {

background: #ffffff !important;

color: #000000 !important;

padding: 10px !important;

border: 1px dotted black !important;

margin: 0px !important;

}

 

/********************************************************/

/* ModCP styles */

 

.modcp_post_controls { padding-bottom: 15px; }

.modcp_post_controls .ipsButton_secondary { opacity: 0.5; }

.post_body:hover .modcp_post_controls .ipsButton_secondary { opacity: 1; }

 

#modcp_content .ipsFilterbar li.active a {

margin-bottom: 1px;

display: inline-block;

}

 

/********************************************************/

/* Advertisements from Nexus */

 

.nexusad { padding: 10px; clear: both; }

 

#bbcode-description {

color: #666 !important;

white-space: normal !important;

word-wrap: break-word;

}

 

/********************************************************/

/* iPad Specific */

@media only screen and (device-width: 768px) {

table.ipb_table .expander,

table.ipb_table .ipsModMenu { visibility: visible; opacity: 0.2; }

.post_block .post_controls { opacity: 1 !important; }

}

Edytowane 8 Maja 2015 przez Kogz

**Versusx3** · 8 Maja 2015

http://forum.grywamtu.pl/files/file/31-sos33-organize-subforums/

Zaloguj się

Subfora w dwóch kolumnach

Rekomendowane odpowiedzi

Kogz

aXen

Kogz

Versusx3

Ostatnio przeglądający 0 użytkowników

Pliki

Cała aktywność

Przeglądaj

Powiadomienie o plikach cookie