Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

Usunięcie podświetlanego tła w edytorze po modyfikacji


Rekonstruktor

Rekomendowane odpowiedzi

Moderator z jakichś absurdalnych powodów zablokował konto koledze, który pomaga nam przy forum - już w to nie wnikam.

Ale ponawiam temat - z prośbą o pomoc.

Jak uzyskać taki efekt ?

post-15423-0-13597300-1348676517_thumb.p

Oczywiście rozmiary pola tekstowego zmniejszone i ustawione na stały rozmiar - bez możliwości zmian.

Odnośnik do komentarza
Udostępnij na innych stronach

  • Manager

Hm, nie testowane.

W skinie w grupie bitów: Edytor :a: :a:

Znajdź i usuń:

    <script type="text/javascript">
       ipb.textEditor.initialize('{$options['editorName']}', { type: <if test="hasType:|:$options['type']">'{$options['type']}'<else />''</if>,
                                                               height: <if test="hasHeight:|:$options['height'] > 0">{$options['height']}<else /><if test="ismini:|:$options['type'] == 'mini'">150<else />300</if></if>,
                                                               minimize: <if test="hasMinimize:|:$options['minimize']">'{$options['minimize']}'<else />0</if>,
                                                               bypassCKEditor: {parse expression="intval( $options['bypassCKEditor'] )"},
                                                               delayInit: {parse expression="intval( $options['delayInit'] )"},
                                                               isHtml: {parse expression="intval( $options['isHtml'] )"},
                                                               isRte: {parse expression="intval( $options['isRte'] )"},
                                                               isTypingCallBack: <if test="hasCallback:|:$options['isTypingCallBack']">{$options['isTypingCallBack']}<else />''</if>,
                                                               ips_AutoSaveKey: <if test="hasSaveKey:|:$options['autoSaveKey']">'{$options['autoSaveKey']}'<else />''</if>,
                                              				 ips_AutoSaveData: {$jsonEncoded} } );
   </script>

intermedia - profesjonalne rozwiązania Invision Power Board

---

Chcesz uzyskać szybko i sprawnie pomoc? Uzupełnij wersję i adres w profilu.

Odnośnik do komentarza
Udostępnij na innych stronach

  • Manager

Naprawdę możesz mniesz poinformować PO wykonaniu danej rady, a nie PRZED, bo mi ani nikomu nic taka informacja nie daje.

  • Lubię to 1

intermedia - profesjonalne rozwiązania Invision Power Board

---

Chcesz uzyskać szybko i sprawnie pomoc? Uzupełnij wersję i adres w profilu.

Odnośnik do komentarza
Udostępnij na innych stronach

Nie chciałem, żeby temat z powodu braku aktywności w nim został zamknięty.

Po kliknięciu w poście "Edytuj" - wyświetla się okno i jest ok, ale nie ma reakcji po kliknięciu na anuluj.

Druga rzecz - po kliknięciu na pole tekstowe podświetla się ono na jasno szary kolor i można zmieniać wielkość okna - a wymiary mają być stałe.

Edytowane przez Rekonstruktor
Odnośnik do komentarza
Udostępnij na innych stronach

  • Manager

Raczej nie - musisz posiedzieć nad tym sam. Toż to wycinanie i sklejanie HTML, a nie jakieś skomplikowane OOP.

intermedia - profesjonalne rozwiązania Invision Power Board

---

Chcesz uzyskać szybko i sprawnie pomoc? Uzupełnij wersję i adres w profilu.

Odnośnik do komentarza
Udostępnij na innych stronach

Nie mogę edytować poprzedniego posta.

Może szukamy nie tam gdzie trzeba.

Może trzeba skupić się na tym pliku:

/**
* Wrapper for CKEditor based goodness
* Written by Matt Mecham for his sins.
* (c) 2011 IPS, Inc.
*/
ipsTextArea = {
/**
* Insert text at the cursor position
* Some code from
* @link http://bytes.com/topic/javascript/answers/149268-moving-cursor-end-textboxes-text
* @param editorId
* @param text
*/
insertAtCursor: function( editorId, text )
{
var te = $('cke_' + editorId).down('textarea');

var scrollPos = te.scrollTop;

if ( CKEDITOR.env.ie )
{
te.focus();
sel = document.selection.createRange();
sel.text = text;
sel.select();
}
else if ( te.selectionstart || te.selectionstart == '0' )
{
var startPos = te.selectionstart;
var endPos = te.selectionend;

te.value = te.value.substring(0, startPos) + text + te.value.substring(endPos, te.value.length);

if ( startPos == endPos )
{
this.setSelectionRange( te, startPos + text.length, endPos + text.length );
}
else
{
this.setCaretToPos( te, startPos + text.length );
}
}
else
{
te.value += text;
}

te.scrollTop = scrollPos;
},

/**
* Set selection range
* Some code from
* @link http://bytes.com/topic/javascript/answers/149268-moving-cursor-end-textboxes-text
*/
setSelectionRange: function(input, selectionstart, selectionend)
{
if ( input.setSelectionRange )
{
input.focus();
input.setSelectionRange(selectionstart, selectionend);
}
else if ( input.createTextRange )
{
var range = input.createTextRange();
range.collapse(true);
range.moveEnd('character', selectionend);
range.moveStart('character', selectionstart);
 range.select();
}
},
/**
* Set caret position
* Some code from
* @link http://bytes.com/topic/javascript/answers/149268-moving-cursor-end-textboxes-text
*/
setCaretToPos: function( input, pos )
{
this.setSelectionRange( input, pos, pos );
}
}
IPSCKTools = {
/**
* Get the selected HTML from the editor
* @param object
*/
getSelectionHtml: function( editor )
{
var selection = editor.getSelection();

if ( CKEDITOR.env.ie )
{
try {
if ( ! Prototype.Browser.IE8 )
{
 selection.unlock(true);
}
} catch(e){}

var text = selection.getNative().createRange().htmlText;

if ( text.toLowerCase().strip() == '<p> </p>' )
{
return false;
}

return text;
}
else if ( CKEDITOR.env.opera )
{
var selection = selection.getNative();

var range = selection ? selection.getRangeAt(0) : selection.createRange();
var div = document.createElement('div');
div.appendChild( range.cloneContents() );

return div.innerHTML.replace( /<p><\/p>/g, '<p><br /></p>' );
}
else
{
var range = selection.getNative().getRangeAt( selection.rangeCount -1 ).cloneRange();
var div = document.createElement('div');
div.appendChild( range.cloneContents() );

return div.innerHTML;
}
},
/**
* Clean HTML for inserting between tags
* @param object
*/
cleanHtmlForTagWrap: function( html, convert )
{
var text = ( typeof( html ) != 'undefined' ) ? html.replace( /<br( \/)?>$/, '' ) : '';

/* The text may have become double encoded */
if ( convert )
{
text = text.replace( /</g , '<' );
text = text.replace( />/g , '>' );
text = text.replace( /&/g , '&' );
text = text.replace( /'/g , "'" );
text = text.replace( /"/g, '"' );
}

return text;
},

/**
* Remove HTML formatting
* @param string
*/
stripHtmlTags: function( html )
{
return html.stripTags();
}
};
/*
* This is just a wrapper class around the objects to give it a global interface
*/
IPBoard.prototype.textEditor = {

mainStore: $H(),
lastSetUp: null,
htmlCheckbox: $H(),
_tmpContent: '',
IPS_TEXTEDITOR_POLLING: 10000, /* 10 seconds */
IPS_NEW_POST_POLLING: (2 * 60000), /* 2 mins */
IPS_SAVED_MSG: "<a href='javascript:void()' class='_as_explain desc'>" + ipb.lang['ck_auto_saved'] + "</a>",
IPS_AUTOSAVETEMPLATE: "<a href='javascript:void()' class='_as_launch desc'>" + ipb.lang['ck_view_saved'] + "</a>",
IPS_AUTOSAVEVIEW: "<div><h3>" + ipb.lang['ck_saved'] + "</h3><div class='row2' style='padding:4px'><div class='as_content'>#{content}</div><div class='as_buttons'><input type='button' class='input_submit _as_restore' value='" + ipb.lang['ck_restore'] + "' /></div>",
IPS_AUTOSAVEEXPLAIN: "<div><h3>" + ipb.lang['ck_saved_title'] + "</h3><div class='row2' style='padding:8px'>" + ipb.lang['ck_saved_desc'] + "</div>",
ajaxUrl: '',

initialize: function( editorId, options )
{
if ( inACP )
{
ipb.textEditor.ajaxUrl = ipb.vars['front_url'];
ipb.vars['secure_hash'] = ipb.vars['md5_hash'];
}
else
{
ipb.textEditor.ajaxUrl = ipb.vars['base_url'];
}

/* Insert into main store */
if ( ! ipb.textEditor.mainStore.get( editorId ) )
{
newEditorObject = new ipb.textEditorObjects( editorId, options );

ipb.textEditor.mainStore.set( editorId, newEditorObject );
}

/* Set up */
ipb.textEditor.lastSetUp = editorId;
},

/**
* Bind a HTML checkbox to the toggle stuffs
*/
bindHtmlCheckbox: function( elem, editorId )
{
editorId = ( editorId ) ? editorId : ipb.textEditor.getEditor().editorId;

if ( $( elem ) )
{
ipb.textEditor.htmlCheckbox[ editorId ] = $( elem );

$( elem ).writeAttribute( 'data-editorId', editorId );
$( elem ).observe('change', ipb.textEditor.htmlModeToggled.bindAsEventListener( this, $( elem ) ) );
}
},

/**
* HTML mode has been toggled so we force STD mode
*/
htmlModeToggled: function( e, elem )
{
textObj = ipb.textEditor.getEditor( $( elem ).readAttribute( 'data-editorId' ) );
isRte = textObj.isRte();
button = $( 'cke_' + textObj.editorId ).down('.cke_button_ipsswitch');

if ( elem.checked )
{
$('editor_html_message_' + textObj.editorId).show();

if ( isRte )
{
button.hide();

ipb.textEditor.switchEditor(true, textObj.editorId);
}
else
{
button.hide();
}
}
else
{
$('editor_html_message_' + textObj.editorId).hide();

if ( ! button.visible() )
{
button.show();
}
}
},
/**
* Switches an editor from rte to std or vice-versa
*/
switchEditor: function( noSaveChange, editorId )
{
editorId	 = ( editorId ) ? editorId : ipb.textEditor.getEditor().editorId;
textObj	 = ipb.textEditor.getEditor( editorId );
isRte	 = textObj.isRte();
ourcontent = textObj.getText();
saveCookie = ( noSaveChange ) ? false : true;
htmlOps	 = null;
noSmilies = 0;

if ( $( 'noSmilies_' + editorId ) )
{
noSmilies = parseInt( $F( 'noSmilies_' + editorId ) );
}

if ( $( ipb.textEditor.htmlCheckbox[ editorId ] ) )
{
htmlOps = ( ipb.textEditor.htmlCheckbox[ editorId ].checked ) ? 1 : 0;
}

var _url = ipb.textEditor.ajaxUrl + '&app=core&module=ajax&section=editor&do=switch&secure_key=' + ipb.vars['secure_hash'];

if ( htmlOps !== null )
{
_url += '&htmlStatus=' + htmlOps;
}

Debug.write( _url );
Debug.write( 'Fetched editor content: ' + ourcontent );
new Ajax.Request( _url,
 {
 method: 'post',
 parameters: { 'content' : ourcontent.encodeParam(),
		 'isRte'	 : isRte,
		 'noSmilies' : noSmilies },
 onSuccess: function(t)
 {
	 /* No Permission */
	 if ( t.responseText != 'nopermission' )
	 {
	 Debug.write( 'Converted to: ' + t.responseText );

	 /* Switch the text editor around */
	 if ( textObj.isRte() )
	 {
	 /* Reset flag */
	 textObj.setIsRte( false, noSaveChange );

	 textObj.CKEditor.setMode( 'source' );

	 /* Update */
	 $( textObj.editorId ).value = ipb.textEditor.stdPre( t.responseText );

	 try
	 {
	 Debug.write( $F( textObj.editorId ) );
	 textObj.CKEditor.setData( $F( textObj.editorId ) );
	 }
	 catch( err )
	 {
	 Debug.write( "CKEditor error: " + err );
	 }

	 if ( saveCookie )
	 {
	 ipb.Cookie.set( 'rteStatus', 'std' );
	 }

	 /* Update text-direction, since CKE forces LTR in 'source' mode */
	 if( isRTL )
	 {
	 $$('.cke_contents > textarea').each( function(elem) {
		 $(elem).setStyle( { textAlign: 'right' } );
	 });
	 }

	 if ( $('cke_' + textObj.editorId + '_stray') )
	 {
	 $('cke_' + textObj.editorId + '_stray').remove();

	 if ( $('ips_x_smile_show_all') )
	 {
		 $('ips_x_smile_show_all').remove();
	 }
	 }
	 }
	 else
	 {
	 /* Reset flag */
	 textObj.setIsRte( true, noSaveChange );

	 try
	 {
	 textObj.CKEditor.setData( ipb.textEditor.ckPre( t.responseText ) );
	 }
	 catch( err )
	 {
	 Debug.write( "CKEditor error: " + err );
	 }
	 /* Init editor */
	 textObj.CKEditor.setMode( 'wysiwyg' );

	 if ( saveCookie )
	 {
	 ipb.Cookie.set( 'rteStatus', 'rte' );
	 }
	 }
	 }
 }.bind(this),
 onException: function (t)
 {
	 Debug.dir( t );
 }
 } );

},

/*
* Change all editor modes besides the current one
* (current one is changed inside switchEditor)
*/
toggleEditors: function( mode )
{
return false;

/* We no longer use this as it doesn't ping ajax to convert! */
ipb.textEditor.mainStore.each( function( instance ){
if( instance.key != ipb.textEditor.lastSetUp )
{
_editor = ipb.textEditor.getEditor( instance.key );

if ( ! _editor.options.isHtml )
{
 if( mode == 'std' )
 {
 instance.value.setIsRte( false );
 instance.value.CKEditor.setMode( 'source' );

 if ( $('cke_' + _editor.editorId + '_stray') )
 {
 $('cke_' + _editor.editorId + '_stray').remove();

 if ( $('ips_x_smile_show_all') )
 {
 $('ips_x_smile_show_all').remove();
 }
 }
 }
 else
 {
 instance.value.setIsRte( true );
 instance.value.CKEditor.setMode( 'wysiwyg' );
 }
}
}
});
},

/*
* Fetches an editor by ID
*/
getEditor: function( editorId )
{
editorId = ( ! editorId ) ? ipb.textEditor.getCurrentEditorId() : editorId;
return ipb.textEditor.mainStore.get( editorId );
},

/**
* Fetches the current focused editor or the last one set up
* @returns string editor id
*/
getCurrentEditorId: function()
{
if ( typeof(CKEDITOR) == 'undefined' || Object.isUndefined( CKEDITOR ) )
{
return ipb.textEditor.lastSetUp;
}
else
{
if ( CKEDITOR.currentInstance && ipb.textEditor.mainStore.get( CKEDITOR.currentInstance.name ).CKEditor )
{
return CKEDITOR.currentInstance.name;
}
 else
 {
 return ipb.textEditor.lastSetUp;
 }
}
},

/**
* Make safe for CKEditor
*/
ckPre: function( text )
{
text = text.replace( '<script', '<script' );
text = text.replace( '</script', '</script' );

// If the first content is text and not an HTML element, CKEditor throws an error
// Error: body.getFirst().hasAttribute is not a function
// Similar to: http://dev.ckeditor.com/ticket/6152
// We'll just wrap in a span tab to be safe if it doesn't look like HTML is there
if( text.charAt(0) != '<' )
{
// Disabled as we're not using BR mode
//text = '<p>' + text + '</p>';

}

return text;
},

/**
* Make safe for std editor
*/
stdPre: function( text )
{
/* < / > is made safe by CKEditor */
text = text.replace( /</g, '<' );
text = text.replace( />/g, '>' );

/* Properly encoded HTML &#39; isn't parsed in the text area */
text = text.replace( /&/g, '&' );

if ( ! $(ipb.textEditor.htmlCheckbox) || ! $(ipb.textEditor.htmlCheckbox).checked )
{
//text = text.replace( /<br([^>]+?)?>(\n)?/g, '\n' );
}
return text;
},

/**
* 0 pad times
* @param n
* @returns
*/
pad: function(n)
{
return ("0" + n).slice(-2);
}
};
/*
* Each CKEditor object is referenced via this class
*/
IPBoard.prototype.textEditorObjects = Class.create( {

editorId: {},
popups: [],
cookie: 'rte',
timers: {},
options: {},
CKEditor: null,
EditorObj: null,

/*------------------------------*/
/* Constructor	 */
initialize: function( editorId, options )
{
this.editorId = editorId;
this.cookie = ipb.Cookie.get('rteStatus');

this.options = Object.extend( { type:			 'full',
	 ips_AutoSaveKey:	 false,
	 height:	 0,
	 minimize:			 0,
	 minimizeNowOpen:	 0,
	 isRte:	 1,
	 isHtml:	 0,
	 bypassCKEditor: 0,
	 isTypingCallBack:	 false,
	 delayInit:	 false,
	 noSmilies:	 false,
	 ips_AutoSaveData:	 {},
	 ips_AutoSaveTemplate: new Template( ipb.textEditor.IPS_AUTOSAVETEMPLATE ) }, arguments[1] );

/* Force */
if ( this.options.type == 'ipsacp' )
{
this.setIsRte( true );
}
else if ( this.options.isRte == 0 )
{
this.setIsRte( false );
}
else if ( this.options.isRte == 1 )
{
this.setIsRte( true );
}
else
{
/* Do we have an override? */
this.setIsRte( this.cookie == 'rte' ? 1 : ( this.cookie == 'std' ? 0 : 1 ) );
}

/* Force STD if iDevice */
if ( ipb.vars['is_touch'] !== false )
{
this.setIsRte( 0 );
this.options.bypassCKEditor = 1;
}

/* Create the CKEditor */
if ( ! this.options.delayInit )
{
this.initEditor();
}
},

/**
* Set RTe status of current editor
*/
setIsRte: function( value, noSaveChange )
{
value	 = ( value ) ? 1 : 0;
saveCookie = ( noSaveChange ) ? false : true;

this.options.isRte = value;

if ( $( 'isRte_' + this.editorId ) )
{
$( 'isRte_' + this.editorId ).value = value;
}

/* Set cookie */
if ( saveCookie )
{
ipb.Cookie.set( 'rteStatus', ( value ) ? 'rte' : 'std', 1 );
}
},

/**
* Returns whether current editor is RTE (ckeditor)
*/
isRte: function()
{
return this.options.isRte ? 1 : 0;
},

/**
* Fetch editor contents
*/
getText: function()
{
var val = '';

if ( ! this.options.bypassCKEditor && this.CKEditor )
{
val = this.CKEditor.getData();
}
else
{
/* If CKEditor isn't beingn used (iOS, etc) */
if( $( this.editorId ) )
{
val = $( this.editorId ).value;
}
}

return val;
},

/**
* Create the CKEditor
*/
initEditor: function(initContent)
{
/* Bypassing the CKEditor completely? Why so mean? */
if ( this.options.bypassCKEditor )
{
if ( this.options.minimize )
{
this.options.minimizeNowOpen = 1;
}

if ( typeof( initContent ) == 'string' )
{
$( this.editorId ).value = initContent;
}
return;
}

/* Start the process of initiating */
if ( $( this.editorId ).value && this.isRte() )
{
$( this.editorId ).value = ipb.textEditor.ckPre( $( this.editorId ).value );
}
else
{
$( this.editorId ).value = ipb.textEditor.stdPre( $( this.editorId ).value );
}

/* RTE init */
try
{
var config = {
 toolbar: ( this.options.type == 'ipsacp' ) ? 'ipsacp' : ( this.options.type == 'mini' ? 'ipsmini' : 'ipsfull' ),
 height: ( Object.isNumber( this.options.height ) && this.options.height > 0 ) ? this.options.height : ( this.options.type == 'mini' ? 150 : 300 ),
	 ips_AutoSaveKey: this.options.ips_AutoSaveKey
};
/* STD editor? */
if ( ! this.isRte() )
{
config.startupMode = 'source';
}

/* Minimized - force ipsmini */
if ( this.options.minimize )
{
config.toolbarStartupExpanded = false;
}

CKEDITOR.replace( this.editorId, config );
}
catch( err )
{
Debug.write( 'CKEditor error: ' + err );
}
this.CKEditor = CKEDITOR.instances[ this.editorId ];

/* Bug in ckeditor init which treats initContent as event object inside an .on() */
ipb.textEditor._tmpContent = ( Object.isString(initContent) || Object.isNumber(initContent) ) ? initContent : '';

/* Got any saved data to show? */
CKEDITOR.on( 'instanceReady', function( ev )
{
if ( ev.editor.name == this.editorId )
{
/* This is dumb and only way to access editor object */
this.EditorObj = ev;

/* Quickly make some changes if minimized */
if ( this.options.minimize )
{
 try
 {
 $('cke_top_' + this.editorId ).down('.cke_toolbox_collapser').hide();
 $('cke_bottom_' + this.editorId ).hide();

 $('cke_' + this.editorId ).down('.cke_wrapper').addClassName('minimized');

 if ( ! this.isRte() )
 {
 $('cke_' + this.editorId ).down('.cke_wrapper').addClassName('std');
 }
 else
 {
 /* IE bug when clicking the text editor to expand and it also registers a toolbar click*/
 if ( Prototype.Browser.IE9 )
 {
 $('cke_top_' + this.editorId ).down('.cke_toolbox').setStyle( { 'position': 'absolute', 'left': '-2000px' } );
 }
 }
 }catch(e){}

 ev.editor.on('focus', function()
 {
 try
 {
 if ( ! this.options.minimizeNowOpen )
 {
 this.showEditor().bind(this);
 }
 }catch(e){}
 }.bind(this) );
}

/* Fix for some tags */
new Array( 'p', 'ul', 'li', 'blockquote', 'div' ).each( function ( tag )
{
 ev.editor.dataProcessor.writer.setRules( tag, {
			 indent : false,
			 breakBeforeOpen : true,
			 breakAfterOpen : false,
			 breakBeforeClose : false,
			 breakAfterClose : true
			 } );
} );

/* Insert */
if ( ipb.textEditor._tmpContent.length )
{
 if ( ! this.isRte() )
 {
 ev.editor.setData( ipb.textEditor.stdPre( ipb.textEditor._tmpContent ) );
 }
 else
 {
 ev.editor.setData( ipb.textEditor.ckPre( ipb.textEditor._tmpContent ) );
 }
}

/* Clear tmp content */
ipb.textEditor._tmpContent = '';

this.displayAutoSaveData();

if ( this.options.isTypingCallBack !== false )
{
 this.timers['dirty'] = setInterval( this.checkForInput.bind(this), ipb.textEditor.IPS_TEXTEDITOR_POLLING );
}

/* Make sure our menus close */
if ( $('cke_contents_' + this.editorId ).down('iframe') )
{
 try
 {
 $('cke_contents_' + this.editorId ).down('iframe').contentwindow.document.onclick = parent.ipb.menus.docCloseAll;
 } catch( e ) { }
}

/* Some ACP styles conflict */
$$('.cke_top').each( function(elem) { elem.setStyle('background: transparent !important; padding: 0px !important'); } );
$$('.cke_bottom').each( function(elem) { elem.setStyle('background: transparent !important; padding: 0px !important'); } );
$$('.cke_contents').each( function(elem) { elem.setStyle('padding: 0px !important'); } );

/* CKEditor tends to add a bunch of inline styles to cke_top_x which messes up custom styles */
$('cke_top_' + this.editorId ).writeAttribute( 'style', '' );

/* Update text-direction, since CKE forces LTR in 'source' mode */
if( isRTL && !this.isRte() )
{
 $$('.cke_contents > textarea').each( function(elem) {
 $(elem).setStyle( { textAlign: 'right' } );
 });
}

/* Is HTML? */
if ( this.options.isHtml == 1 )
{
 if ( Object.isUndefined( ipb.textEditor.htmlCheckbox[ this.editorId ] ) || ipb.textEditor.htmlCheckbox[ this.editorId ] == null )
 {
 $('cke_' + this.editorId ).insert( new Element( 'input', { type: 'checkbox', id: 'cbx_' + this.editorId, checked: true } ).hide() );

 ipb.textEditor.bindHtmlCheckbox( $('cbx_' + this.editorId ), this.editorId );
 }

 $( ipb.textEditor.htmlCheckbox[ this.editorId ] ).checked = true;
}

/* HTML checkbox checked? */
if ( $( ipb.textEditor.htmlCheckbox[ this.editorId ] ) )
{
 /* Check status of HTML checkbox on load */
 ipb.textEditor.htmlModeToggled( this, ipb.textEditor.htmlCheckbox[ this.editorId ] );
}

if ( this.options.noSmilies )
{
 $('cke_top_' + this.editorId ).down('.cke_button_ipsemoticon').up('.cke_button').hide();
}

}
}.bind(this) );
},

/**
* Init CKEditor
*/
showEditor: function( content )
{
if ( this.options.minimize )
{	
this.options.minimizeNowOpen = 1;	

$('cke_top_' + this.editorId ).down('.cke_toolbox_collapser').show();
$('cke_bottom_' + this.editorId ).show();
$('cke_' + this.editorId ).down('.cke_wrapper').removeClassName('minimized');

this.EditorObj.editor.execCommand('toolbarCollapse');

/* IE bug when clicking the text editor to expand and it also registers a toolbar click*/
if ( Prototype.Browser.IE9 )
{
setTimeout( function() { $('cke_top_' + this.editorId ).down('.cke_toolbox').setStyle( { 'position': 'relative', 'left': '0px' } ) }.bind(this), 300 );
}

/* Shift screen if need be */
try
{
var dims	 = document.viewport.getDimensions();
var editorDims = $('cke_' + this.editorId).getDimensions();
var cOffset = $('cke_' + this.editorId).cumulativeScrollOffset();
var pOffset = $('cke_' + this.editorId).positionedOffset();

var bottomOfEditor = pOffset.top + editorDims.height;
var bottomOfScreen = cOffset.top + dims.height;

if ( bottomOfEditor > bottomOfScreen )
{
 var diff = bottomOfEditor - bottomOfScreen;

 /* Scroll but with 100 extra pixels for comfort */
 window.scrollTo( 0, cOffset.top + diff + 100 );
}
}
catch(e){ }
}
},

/**
* Check for dirty status and throw it to a callback then cancel timer
*/
checkForInput: function()
{
if ( this.options.minimize == 1 && this.options.minimizeNowOpen == 0 )
{
return false;
}
var content = this.getText();

if ( content && content.length && Object.isFunction( this.options.isTypingCallBack ) )
{
/* We have content, so throw to call back */
this.options.isTypingCallBack();

/* And cancel timer */
clearInterval( this.timers['dirty'] );
this.timers['dirty'] = '';
}
},

/**
* Close previously minimized editor
*/
minimizeOpenedEditor: function()
{
if ( this.options.minimize == 1 && this.options.minimizeNowOpen == 1 )
{
if ( ! this.options.bypassCKEditor && this.CKEditor )
{
if ( $('cke_' + CKEDITOR.plugins.ipsemoticon.editor.name + '_stray') )
{
 $('cke_' + CKEDITOR.plugins.ipsemoticon.editor.name + '_stray').remove();

 if ( $('ips_x_smile_show_all') )
 {
 $('ips_x_smile_show_all').remove();
 }
}

/* Re-shrink editor */
this.EditorObj.editor.execCommand('toolbarCollapse');
$('cke_top_' + this.editorId ).down('.cke_toolbox_collapser').hide();
$('cke_bottom_' + this.editorId ).hide();
$('cke_' + this.editorId ).down('.cke_wrapper').addClassName('minimized');

if ( this.isRte() )
{
 this.EditorObj.editor.setData('<p></p>');
 this.EditorObj.editor.focusManager.forceBlur();
}
else
{
 this.EditorObj.editor.setData('');

 try
 {
 $('cke_' + this.editorId).down('textarea').blur();
 }
 catch(error){ Debug.write( error ); }

}

this.options.minimizeNowOpen = 0;
}

if ( this.options.bypassCKEditor )
{
$( this.editorId ).value = '';
}

try
{
if ( ! Object.isUndefined( $H( this.timers ) ) )
{
 $H( this.timers ).each( function (timer)
 {
 var name = timer.key;

 if ( name.match( /^interval_/ ) )
 {
 clearInterval( this.timers[ name ] );
 Debug.write( 'Cleared Interval ' + name );
 }
 else
 {
 clearTimeout( this.timers[ name ] );
 Debug.write( 'Cleared Timeout ' + name );
 }

 this.timers[ name ] = '';
 }.bind(this) );
}
}
catch(e) { Debug.error(e); }
}
},

/**
* Make sure editor is in view
*
*/
scrollTo: function()
{
var dims = document.viewport.getDimensions();
var where = $( this.editorId ).positionedOffset();
var offsets = document.viewport.getScrollOffsets();
/* Is editor off the page? */
if ( offsets.top + dims.height < where.top )
{
window.scroll( 0, ( parseInt( where.top ) - 200 ) );
}
},

/**
* Remove editor completely
*/
remove: function()
{
this.CKEditor.destroy( true );

this.CKEditor = null;

/* Remove object */
ipb.textEditor.mainStore.unset( this.editorId );

/* Remove timers */
if ( ! Object.isUndefined( $H( this.timers ) ) )
{
$H( this.timers ).each( function (timer)
{
var name = timer.key;

if ( name.match( /^interval_/ ) )
{
 clearInterval( this.timers[ name ] );
 Debug.write( 'Cleared Interval ' + name );
}
else
{
 clearTimeout( this.timers[ name ] );
 Debug.write( 'Cleared Timeout ' + name );
}

this.timers[ name ] = '';
}.bind(this) );
}
},

/**
* Inserts content into the text editor
*/
insert: function( content, scrollOnInit, clearFirst )
{
/* Minimized... */
if ( this.options.minimize == 1 && this.options.minimizeNowOpen != 1 )
{
/* Scroll to editor when it loads? */
if ( scrollOnInit )
{
$( this.editorId ).scrollTo();
}

this.showEditor();
}
else
{
/* Scroll always? */
if ( scrollOnInit === 'always' )
{
if ( this.options.bypassCKEditor != 1 )
{
 $( 'cke_' + this.editorId ).scrollTo();
}
else
{
 $( this.editorId ).scrollTo();
}
}
}

if ( this.options.bypassCKEditor != 1 )
{
if ( this.isRte() )
{
// Using insertHtml() because if you have content in the editor and insert more (i.e. click reply on two posts in a topic),
// subsequent inserts will show the HTML instead of formatting it properly
this.CKEditor.insertHtml( content );
}
else
{
if ( this.CKEditor.getData() )
{
 if ( clearFirst )
 {
 this.CKEditor.setData( ipb.textEditor.stdPre( content ) );
 }
 else
 {
 ipsTextArea.insertAtCursor( this.editorId, ipb.textEditor.stdPre( content ) );
 //this.CKEditor.setData( this.CKEditor.getData() + ipb.textEditor.stdPre( content ) );
 }
}
else
{
 this.CKEditor.setData( ipb.textEditor.stdPre( content ) );
}
}
}
else
{
$( this.editorId ).value += content;
}
},

/**
* Show any display data we might have
*/
displayAutoSaveData: function()
{
if ( inACP )
{
return;
}

/* Keep looping until editor is ready */
try
{
if ( Object.isUndefined( this.CKEditor ) || ! this.CKEditor.name || ! $('cke_' + this.editorId ) )
{
setTimeout( this.displayAutoSaveData.bind(this), 1000 );
return;
}
} catch(e) { }

Debug.write( 'Ready to show saved data: ' + 'cke_' + this.editorId );

var sd = this.options.ips_AutoSaveData;

if ( sd.key )
{
html = this.options.ips_AutoSaveTemplate.evaluate( sd );

if ( $('cke_' + this.editorId ).down('.cke_bottom').select('.cke_path').length < 1 )
{
$('cke_' + this.editorId ).down('.cke_resizer').insert( { before: new Element('div').addClassName('cke_path').update(html) } );

ipb.delegate.register('._as_launch', this.launchViewContent.bind(this) );
}
}
},

/**
* Show the saved content in a natty little windah
*/
launchViewContent: function(e)
{
Event.stop(e);

if ( ! Object.isUndefined( this.popups['view'] ) )
{
this.popups['view'].show();
}
else
{
/* easy one this... */
this.popups['view'] = new ipb.Popup( 'view', { type: 'modal',
					 initial: new Template( ipb.textEditor.IPS_AUTOSAVEVIEW ).evaluate( { content: this.options.ips_AutoSaveData.parsed } ),
					 stem: false,
					 warning: false,
					 hideAtStart: false,
					 w: '600px' } );

ipb.delegate.register('._as_restore', this.restoreAutoSaveData.bind(this) );
}
},

/**
* Show the about saved content in a natty little windah
*/
launchExplain: function(e)
{
Event.stop(e);

var s = '__last_update_stamp_' + this.editorId;

if ( ! Object.isUndefined( this.popups['explain'] ) )
{
this.popups['explain'].kill();
}

/* easy one this... */
this.popups['explain'] = new ipb.Popup( 'explain', { type: 'balloon',
					 initial: ipb.textEditor.IPS_AUTOSAVEEXPLAIN,
					 stem: true,
					 warning: false,
					 hideAtStart: false,
					 attach: { target: $$('.' + s ).first() },
					 w: '300px' } );	

},

/**
* Restore auto saved content
*/
restoreAutoSaveData: function(e)
{
Event.stop(e);

this.popups['view'].hide();

if ( this.isRte() )
{
setTimeout( function() { this.CKEditor.setData( ipb.textEditor.ckPre( this.options.ips_AutoSaveData.restore_rte.replace( /&/g, '&' ) ) ); }.bind(this), 500 );
}
else
{
setTimeout( function() { this.CKEditor.setData( this.options.ips_AutoSaveData.restore_std ); }.bind(this), 500 );
}
},

/**
* Save contents of the editor
* @param object Current editor object (passed via plugin)
* @param object Current command object (passed via plugin)
*/
save: function( editor, command )
{
if ( inACP )
{
return;
}

var _url = ipb.textEditor.ajaxUrl + '&app=core&module=ajax&section=editor&do=autoSave&secure_key=' + ipb.vars['secure_hash'] + '&autoSaveKey=' + this.options.ips_AutoSaveKey;
Debug.write( _url );

/* Fetch data */
var content = this.CKEditor.getData();

Debug.write( 'Fetched editor content: ' + content );

new Ajax.Request( _url,
 {
 method: 'post',
 evalJSON: 'force',
 hideLoader: true,
 parameters: { 'content' : content.encodeParam() },
 onSuccess: function(t)
 {			
	 /* No Permission */
	 if ( t.responseJSON && ( t.responseJSON['status'] == 'ok' || t.responseJSON['status'] == 'nothingToSave' ) )
	 {
	 /* Reset 'dirty' */
	 editor.resetDirty();

	 /* No longer busy */
	 command.setState( CKEDITOR.TRISTATE_OFF );

	 if ( t.responseJSON['status'] == 'ok' )
	 {
	 this.updateSaveMessage();
	 }
	 }
 }.bind(this)
 } );

},

/**
* Display the time the post was last auto saved
*/
updateSaveMessage: function()
{
var s = '__last_update_stamp_' + this.editorId;
var d = new Date();
var c = new Template( ipb.textEditor.IPS_SAVED_MSG ).evaluate( { time: d.toLocaleTimeString() } );

/* remove old */
$$('.' + s ).invoke('remove');

/* Add new */
$('cke_' + this.editorId ).down('.cke_resizer').insert( { before: new Element('div').addClassName('cke_path ' + s).update(c) } );

ipb.delegate.register('._as_explain', this.launchExplain.bind(this) );
}
} );

Edytowane przez Jakub
Dodano spoiler
Odnośnik do komentarza
Udostępnij na innych stronach

A, oki.

W

body#ipboard_body fieldset.submit, body#ipboard_body p.submit

usuń padding

W

body#ipboard_body fieldset.submit, body#ipboard_body p.submit

wklep kolor backgroundu taki jaki masz w tle ( ten czarny )

I zarzuć screenem jak Ci to wyszło.

Znajdziesz mnie na LinkedIn

Odnośnik do komentarza
Udostępnij na innych stronach

body#ipboard_body fieldset.submit, body#ipboard_body p.submit - jest w wpliku ipb_styles.css

/************************************************************************/
/* IP.Board 3 CSS - By Rikki Tissier - (c)2011 Invision Power Services  */
/* Enhanced and modified by Ehren & Sebastian // http://www.skinbox.net */
/************************************************************************/
/* ipb_styles.css			  */
/************************************************************************/[/b][/b]
[b][b]/************************************************************************/
/* RESET (Thanks to YUI) */[/b][/b]
[b][b]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-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; border: 0; }
address{ display: inline; }[/b][/b]
[b][b]/************************************************************************/
/* CORE ELEMENT STYLES */[/b][/b]
[b][b]body {
background-color: #000;
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
color: #a8a8a8;
font: normal 12px "lucida grande", "lucida sans unicode", arial, verdana, tahoma, sans-serif;
position: relative;
padding-bottom: 20px;
}[/b][/b]
[b][b]/* body#ipboard_body.redirector {
background: #fff !important;
} */[/b][/b]
[b][b]input, select, textarea {
font: normal 12px tahoma, helvetica, arial, sans-serif;
}[/b][/b]
[b][b]h3, strong { font-weight: normal; }
em { font-style: italic; }
img, .input_check, .input_radio { vertical-align: middle; }
legend { display: none; }
table { width: 100%; }
td { padding: 3px; }[/b][/b]
[b][b]a {
color: #cecece;
text-decoration: none;
}[/b][/b]
[b][b]a:hover { color: #fff; }[/b][/b]
[b][b]::-moz-selection { color: #fff;  background: #757575; }
::selection	  { color: #fff;  background: #757575; }[/b][/b]
[b][b]/************************************************************************/
/* LISTS */[/b][/b]
[b][b].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: 8px;*/ padding: 7px; }
.ipsList_withmediumphoto > li .list_content { margin-left: 60px; }
.ipsList_withminiphoto > li .list_content { margin-left: 44px; }
#index_stats .ipsList_withtinyphoto .list_content,
.ipsList_withtinyphoto > li .list_content { margin-left: 32px; }
.list_content { word-wrap: break-word; }[/b][/b]
[b][b].ipsList_data li { padding: 6px; line-height: 1.3; }
.ipsList_data .row_data { display: inline-block; 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: 10px;
}[/b][/b]
[b][b].ipsList_data.ipsList_data_thin .row_title, .ipsList_data.ipsList_data_thin .ft {
width: 80px;
}[/b][/b]
[b][b]/************************************************************************/
/* TYPOGRAPHY */[/b][/b]
[b][b].ipsType_pagetitle, .ipsType_subtitle {
font: lucida grande,lucida sans unicode,arial,verdana,tahoma,sans-serif;
color: #eaeaea;
}
.ipsType_subtitle { font-size: 18px; }
.ipsType_sectiontitle {
font-size: 16px;
font-weight: normal;
color: #e0e0e0;
padding: 5px 0;
}[/b][/b]
[b][b].ipsType_pagedesc {
color: #e0e0e0;
line-height: 1.5;
}[/b][/b]
[b][b].ipsType_pagedesc a { text-decoration: underline; }[/b][/b]
[b][b].ipsType_textblock { line-height: 1.7; }[/b][/b]
[b][b].ipsType_small { font-size: 11px; }
.ipsType_smaller, .ipsType_smaller a { font-size: 11px !important; }[/b][/b]
[b][b].ipsBox_container .ipsType_pagetitle{ margin-bottom: 6px; }
.ipsReset { margin: 0px !important; padding: 0px !important; }[/b][/b]
[b][b]/************************************************************************/
/* LAYOUT */[/b][/b]
[b][b].wrapper{
margin: 0 auto;
min-width: 990px;
width: 70%;
}[/b][/b]
[b][b]#content {
padding: 10px 0px;
line-height: 120%;
}[/b][/b]
[b][b]/************************************************************************/
/* COLORS */[/b][/b]
[b][b]/*.row1, .post_block.row1 { background-color: #101010; }[/b][/b]
[b][b].row2, .post_block.row2 { background-color: #101010; }*/[/b][/b]
[b][b]/*.unread { background-color: #f7fbfc; }[/b][/b]
[b][b].unread .altrow, .unread.altrow { background-color: #E2E9F0; }*/[/b][/b]
[b][b].unread .highlight_unread{ font-weight: normal; }[/b][/b]
[b][b]#recentajaxcontent li,
#idm_categories a,
#index_stats .status_list li,
#panel_files .file_listing li,
#panel_screenshots #ss_linked li,
.file_listing,
#cart_totals td,
div#member_filters li,
#files li,
.ipsType_sectiontitle,
#order_review td,
#package_details .package_info,
.block_list li,
.package_view_top,
.member_entry,
#help_topics li,
.ipsBox_container .ipsType_pagetitle,
.userpopup dl,
#announcements td,
.sideVerticalList li,
fieldset.with_subhead ul,
.ipsList_data li,
.ipsList_withminiphoto li,
table.ipb_table td,
.store_categories li,
#mini_cart li,
#index_stats div[id*="statusReply"],
#ipg_category .ipg_category_row,
.gallery_pane h2,
.status_feedback li[id*="statusReply"],
.ipsSideMenu ul li,
.sb_login_row,
.sb_login .clearfix,
.articles .block-1,
.articles .type-1x2x2 .article_row,
#idm_category .idm_category_row,
#category_list li a,
.ipsComment{
border-top: 1px solid #363636;
border-bottom: 1px solid #000;
}[/b][/b]
[b][b].sb_login_row,
.gallery_pane h2,
.ipsBox_container .ipsType_pagetitle,
.ipsType_sectiontitle
/*#index_stats .status_list:first-of-type li:first-child,
.ipsList_data li:first-of-type,
.ipsList_withminiphoto li:first-of-type*/{
border-top: 0;
}[/b][/b]
[b][b].ipsSideMenu ul,
#register_form hr,
#login_form hr,
.ipsSettings_section,
#index_stats div[id*="statusReply"]:first-of-type{
border-top: 1px solid #000;
}[/b][/b]
[b][b].articles .type-1x2x2 .article_row:last-of-type,
.store_categories ul:last-of-type li:last-of-type,
#idm_categories li:last-of-type a,
#idm_category .idm_category_row:last-of-type,
.sideVerticalList li:last-of-type,
#index_stats div[id*="statusReply"].status_reply,
.ipsList_withminiphoto li:last-of-type,
.member_entry:last-of-type,
.ipsList_data li:last-of-type,
#help_topics li:last-of-type,
table.ipb_table tr:last-of-type td{
border-bottom: 0;
}[/b][/b]
[b][b]/* primarily used for topic preview header */
.highlighted, .highlighted .altrow { background-color: #232323; }[/b][/b]
[b][b].border,
/*.statistics,
.post_block,
.ipsComment,*/
.popupInner,
.no_messages,
.poll_question ol,
.ipsBox_container,
.ipsFloatingAction
/*.column_view .post_body*/{
background: #101010;
}[/b][/b]
[b][b]#idm_category .idm_category_row,
.store_categories li,
#idm_categories a,
.ipsList_data li,
.ipsList_withminiphoto li,
table.ipb_table tr td{
background: url('{style_images_url}/_custom/transblack.png');
background-color: rgba(0,0,0,0.1);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.09)), to(transparent));
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.09) 0%, transparent 100%);
background-image: linear-gradient(top, rgba(255,255,255,0.09), transparent);
}[/b][/b]
[b][b].ipsBox_container {
border: 1px solid #202020;
}[/b][/b]
[b][b].ipsBox { background: #171717; }

.ipsBox_notice, .ipsBox_highlight {
 background: #222222;
 border-bottom: 1px solid #393939;
}[/b][/b]
[b][b].border{ border: 1px solid #393939; border-top: 0; }
.removeDefault .ipsBox, .removeDefault.ipsBox{ padding: 0; background: none transparent; }
.removeDefault .ipsBox_container, .removeDefault.ipsBox_container{ border: 0; background: none transparent; }[/b][/b]
[b][b].maintitle {
background: url('{style_images_url}/_custom/bg-maintitle.png') repeat-x 0 50%;
color: #fff;
text-shadow: -1px -1px 1px #000;
padding: 12px;
font-size: 13px;
font-weight: normal;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
overflow: hidden;
margin-bottom: 5px;
}[/b][/b]
[b][b]h3.maintitle{ font-weight: bold; }[/b][/b]
[b][b].maintitle a { color: #fff; }

.collapsed .maintitle {
 opacity: 0.6;
}

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

.maintitle .toggle {
 visibility: hidden;
 background: url('{style_images_url}/cat_minimize.png') no-repeat;
 text-indent: -3000em;
 width: 32px; height: 22px;
 margin: -5px -5px -10px 0;
 display: block;
 outline: 0;
}

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

.collapsed .toggle {
 background-image: url('{style_images_url}/cat_maximize.png');
}[/b][/b]
[b][b].category_block.collapsed .border{ opacity: 0; }

.header_left{ background: url('{style_images_url}/header_left.png') no-repeat 0 0; }
.header_right{ background: url('{style_images_url}/header_right.png') no-repeat 100% 0; }
.maintitle_base{ background: #363636 url('{style_images_url}/maintitle_base.png') repeat-x 0 0; }[/b][/b]
[b][b].maintitle_base .maintitle{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 0;
background: none transparent;
}[/b][/b]
[b][b]/* mini badges */
a.ipsBadge:hover { color: #fff; }[/b][/b]
[b][b].ipsBadge_green { background: #7ba60d; }
.ipsBadge_purple { background: #af286d; }
.ipsBadge_grey { background: #515151; }
.ipsBadge_lightgrey { background: #848484; }
.ipsBadge_orange { background: #ED7710; }
.ipsBadge_red { background: #bf1d00; }[/b][/b]
[b][b].bar {

}

.bar.altbar {
 /*background: #b6c7db;
 color: #1d3652;*/
}[/b][/b]
[b][b].header {
color: #fff;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
background: #282828 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
}[/b][/b]
[b][b].header th{ border-bottom: 1px solid #393939; padding: 6px !important; }

body .ipb_table .header a,
body .topic_options a {
 color: #fff;
}[/b][/b]
[b][b].bbc_url, .bbc_email {
color: goldenrod;
text-decoration: underline;
}[/b][/b]
[b][b]/* Dates */
.date, .poll_question .votes {
color: #747474;
font-size: 11px;
}[/b][/b]
[b][b].no_messages {
padding: 15px 10px;
}[/b][/b]
[b][b]/* Tab bars */
.tab_bar {
background-color: #2a2a2a;
color: #818181;
}[/b][/b]
[b][b].tab_bar li.active {
 background-color: #454545;
 color: #fff;
}

.tab_bar.no_title.mini {
 border-bottom: 8px solid #454545;
}[/b][/b]
[b][b]/* Menu popups */
.ipbmenu_content, .ipb_autocomplete {
background: #1a1a1a;
border: 1px solid #393939;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
}[/b][/b]
[b][b].ipbmenu_content li, .ipb_autocomplete li {
 border-top: 1px solid #252525;
 border-bottom: 1px solid #111111;
 background: url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
}

.ipb_autocomplete li{ padding: 3px; }

 .ipb_autocomplete li.active {
  background-color: #252525;
 }

.ipbmenu_content a{ color: #fff; }

.ipbmenu_content a:hover { background: #202020 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; }

/* Forms */[/b][/b]
[b][b].input_submit {
background: #646464 url('{style_images_url}/highlight.png') repeat-x 0 0;
border-color: #3f3f3f;
color: #fff;
text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}[/b][/b]
[b][b].input_submit:hover {
background-color: #6f6f6f;
color: #fff;
text-shadow: #fff 0px 0px 4px;
}[/b][/b]
[b][b].input_submit.alt {
background: #393939 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
border-color: #585858;
color: #fff;
text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
}[/b][/b]
[b][b].input_submit.alt:hover {
background-color: #434343;
color: #fff;
}[/b][/b]
[b][b].input_submit.delete {
background: #ad2930 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
border-color: #962D29;
color: #fff;
text-shadow: #771c20 0px -1px 0px;
}[/b][/b]
[b][b].input_submit.delete:hover { background-color: #bf3631; color: #fff; }[/b][/b]
[b][b].input_submit:active{
-webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
position: relative;
top: 1px;
}[/b][/b]
[b][b].input_submit.alt:active{
-webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
}[/b][/b]
[b][b]#vnc_filter_popup_close,
body#ipboard_body fieldset.submit,
body#ipboard_body p.submit,
.ipsForm_submit{
background: #232323 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
border-top: 1px solid #373737;
}[/b][/b]
[b][b]/* Moderated styles */
.moderated, body .moderated td, .moderated td.altrow, .post_block.moderated, .post_block.moderated .post_body,
body td.moderated, body td.moderated {
background-color: #36120e;
}

.post_block.moderated { border: 0 !important; }
.post_block.moderated .post_wrap, .post_block.moderated h3, .moderated .row2, .moderated .post_controls { background-color: #4a1a14; border: 0; }
.moderated, .moderated a { color: #fcd9d9; }
.moderated h3, .moderated h3 a { color: #fff !important; }

/************************************************************************/
/* HEADER */[/b][/b]
[b][b]#header_bar {
background: #323232 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 1px;
padding: 0;
text-align: right;
}

#admin_bar {
font-size: 11px;
line-height: 28px;
padding: 0 12px;
background: #2e2e2e url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
margin-top: 10px;
}
#admin_bar li{ padding-left: 10px; padding-right: 10px; }
#admin_bar li.active a { color: #fc6d35; }
#admin_bar a { color: #8a8a8a; }
#admin_bar a:hover { color: #fff; }[/b][/b]
[b][b]#user_navigation {
float: left;
color: #9f9f9f;
text-shadow: -1px -1px 1px rgba(0,0,0,0.55);
font-size: 12px;
line-height: 36px;
height: 36px;
overflow: hidden;
}[/b][/b]
[b][b]#user_navigation a {
color: #e0e0e0;
float: left;
padding: 0 12px;
line-height: 36px;
outline: none;
height: 36px;
}[/b][/b]
[b][b]#user_navigation a:hover {
background: url('{style_images_url}/trans10.png') repeat;
background: rgba(0,0,0,0.1);
color: #fff;
}[/b][/b]
[b][b]#user_navigation .user_photo{
position: relative;
vertical-align: top;
padding: 0;
height: 24px;
width: auto;
margin: 6px -6px 0px -6px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}[/b][/b]
[b][b]#user_navigation #sign_in img,
#user_navigation #register_link img{ vertical-align: middle; position: relative; margin: -1px 2px 0 0; }[/b][/b]
[b][b]#user_navigation .ipsList_inline li { margin: 0; padding: 0; float: left; }

#user_link_dd, .dropdownIndicator {
display: inline-block;
width: 9px; height: 5px;
background: url('{style_images_url}/header_dropdown.png') no-repeat left;
}

#user_link_menucontent #links li {
width: 50%;
float: left;
margin: 3px 0;
white-space: nowrap;
}[/b][/b]
[b][b]#user_link_menucontent #links a{ display: block; }[/b][/b]
[b][b]#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; }[/b][/b]
[b][b]#user_link_menucontent > div {
margin-left: 15px;
width: 265px;
text-align: left;
}[/b][/b]
[b][b]#statusSubmitGlobal { margin-top: 3px; }[/b][/b]
[b][b]#user_navigation a#user_link.menu_active,
#user_navigation a#notify_link.menu_active,
#user_navigation a#inbox_link.menu_active {
background: #1d1d1d;
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;*/
position: relative;
z-index: 10000;
}[/b][/b]
[b][b]#notify_link, #inbox_link {
vertical-align: middle;
width: 20px;
padding: 0px 8px !important;
position: relative;
}[/b][/b]
[b][b]#notify_link img { background-image: url('{style_images_url}/icon_notify.png'); }
#inbox_link img { background-image: url('{style_images_url}/icon_inbox.png'); }[/b][/b]
[b][b]#notify_link img, #inbox_link img{
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: 0 0;
margin-top: -2px;
}[/b][/b]
[b][b]#notify_link.menu_active img, #inbox_link.menu_active img{ background-position: 0 -20px; }[/b][/b]
[b][b].services img{ margin: -1px -2px 0 -2px; }[/b][/b]
[b][b]#branding {
height: 86px;
padding-top: 37px;
}

#logo { float: left; }[/b][/b]
[b][b]#primary_nav {
background: url("{style_images_url}/primarynav_bg.png") repeat-x 0 50%;
font-size: 13px;
text-shadow: 1px 1px 2px #000;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 0 1px 10px rgba(0,0,0, 0.8), inset 0 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: 0 10px 10px rgba(0,0,0, 0.8), inset 0 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow: 0 1px 10px rgba(0,0,0, 0.8), inset 0 1px 0 rgba(255,255,255,0.2);
padding: 6px;
padding-right: 3px;
margin-top: 28px;
float: right;
}[/b][/b]
[b][b]#community_app_menu > li { margin: 0px 3px 0 0; position: relative; }

#community_app_menu > li > a {
 color: #a7a7a7;
 display: block;
 outline: none;
 padding: 0px 8px;
 line-height: 26px;
 height: 26px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}[/b][/b]
[b][b]#community_app_menu > li > a:hover,
#community_app_menu > li > a.menu_active,
#community_app_menu > li.active > a {
 background: #373737 url("{style_images_url}/highlight_faint.png") repeat-x 0 0;
 color: #fff;
 position: relative;
}

#community_app_menu > li.active > a{ font-weight: normal; }[/b][/b]
[b][b]#more_apps_menucontent, .submenu_container {
background: #173455;
font-size: 12px;
border: 0;
min-width: 140px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-radius: 0 0 4px 4px;
}
#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: #c5d5e2;
 text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
}

#more_apps_menucontent a:hover, .submenu_container a:hover { background: #1d3c5f; color: #fff; }

#more_apps_menucontent li:last-child a{
 -moz-border-radius: 0 0 4px 4px;
 -webkit-border-bottom-right-radius: 4px;
 -webkit-border-bottom-left-radius: 4px;
 border-radius: 0 0 4px 4px;
}[/b][/b]
[b][b]#community_app_menu .submenu_container { width: 260px; }
#community_app_menu .submenu_container li {width: 260px; }[/b][/b]
[b][b]#secondary_navigation{
background: url('{style_images_url}/_custom/bg-wrapper_top.png') repeat-x top left;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
border-radius: 8px 8px 0 0;
padding-top: 1px;
overflow: hidden;
line-height: 37px;
margin: -10px -10px 0px -10px;
clear: both;
}[/b][/b]
[b][b]#secondary_navigation a{
color: #d7d7d7;
line-height: 37px;
height: 37px;
}[/b][/b]
[b][b]#secondary_navigation a:hover{ color: #fff; }[/b][/b]
[b][b]#secondary_navigation #breadcrumb li {
 float: left;
}[/b][/b]
[b][b]#secondary_navigation #breadcrumb li a {
 padding-left: 12px;
 margin-left: -15px;
 background: url('{style_images_url}/secondary_nav.png') no-repeat 0 0;
 display: block;
 outline: none;
 text-decoration: none;
}

#secondary_navigation #breadcrumb li.first a{
 margin-left: 0;
 background: none;
 padding-left: 0px;
}

#secondary_navigation #breadcrumb li span{
 display: block;
 padding-right: 17px;
 padding-left: 4px;
 background: url('{style_images_url}/secondary_nav.png') no-repeat 100% 0;
}

#secondary_navigation #breadcrumb li > span{ padding-left: 4px; background: none transparent; color: #d7d7d7; }

#secondary_navigation #breadcrumb li.first a span{
 padding-left: 12px;
 -webkit-border-top-left-radius: 3px;
 -moz-border-radius: 3px 0px 0px 0px;
 border-radius: 3px 0px 0px 0px;
}

#secondary_navigation #breadcrumb li a:hover{
 background-position: 0 -43px;
}

#secondary_navigation #breadcrumb li a:hover span{
 background-position: 100% -43px;
}

#secondary_navigation #breadcrumb li a:active{
 background-position: 0 -86px;
}

#secondary_navigation #breadcrumb li a:active span{
 background-position: 100% -86px;
}[/b][/b]
[b][b]#secondary_links{ overflow: hidden; }
#secondary_links li{ float: left; margin: 0; }[/b][/b]
[b][b]#secondary_links a{
padding: 0 12px;
display: block;
}[/b][/b]
[b][b]a#quickNavLaunch{ padding: 0 15px 0 9px; }[/b][/b]
[b][b]a#quickNavLaunch img {
background: url('{style_images_url}/icon_quicknav.png') no-repeat top;
vertical-align: middle;
width: 16px;
height: 16px;
position: relative;
margin-top: -2px;
}[/b][/b]
[b][b]a#quickNavLaunch:hover img { background: url('{style_images_url}/icon_quicknav.png') no-repeat bottom; }[/b][/b]
[b][b].breadcrumb {
color: #d7d7d7;
font-size: 11px;
}
.breadcrumb a { color: #d7d7d7; }
.breadcrumb li .nav_sep { margin: 0 5px 0 0; }
.breadcrumb li:first-child{ margin-left: 0; }
/*.breadcrumb.top { margin-bottom: 10px; }*/
.breadcrumb.bottom { margin-top: 10px; width: 100%; display: none; }[/b][/b]
[b][b].ipsHeaderMenu {
background: #1d1d1d;
padding: 10px;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
border-radius: 0 0 6px 6px;
overflow: hidden;
width: 340px;
}[/b][/b]
[b][b].ipsHeaderMenu.boxShadow{
-webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
-moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
}[/b][/b]
[b][b].ipsHeaderMenu .ipsType_sectiontitle { margin-bottom: 8px; }

#user_notifications_link_menucontent.ipsHeaderMenu,
#user_inbox_link_menucontent.ipsHeaderMenu {
 width: 300px;
}

/************************************************************************/
/* SEARCH */ [/b][/b]
[b][b]#search { margin: 5px 0 0 0; }[/b][/b]
[b][b]#main_search {
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 138px;
outline: 0;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.55);
color: #cdcdcd;
}[/b][/b]
[b][b]#main_search.inactive { color: #bcbcbc; }[/b][/b]
[b][b]#search_wrap {
position: relative;
background: url("{style_images_url}/trans10.png") repeat;
background: rgba(0,0,0,0.1);
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 2px 6px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 2px 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 2px 6px rgba(0,0,0,0.3);
min-width: 230px;
}[/b][/b]
[b][b]#adv_search {
width: 26px;
height: 26px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url('{style_images_url}/advanced_search.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}[/b][/b]
[b][b]#adv_search:hover{ background-color: rgba(0,0,0,0.2); }[/b][/b]
[b][b]#search .submit_input {
background: url('{style_images_url}/search_icon.png') no-repeat 50%;
background: rgba(0,0,0,0.2) url('{style_images_url}/search_icon.png') no-repeat 50%;
text-indent: -3000em;
padding: 0; border: 0;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0; top: 0; bottom: 0;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 4px 4px 0;
}[/b][/b]
[b][b]#search .submit_input:hover{ background-color: rgba(0,0,0,0.35); }[/b][/b]
[b][b]#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: url('{style_images_url}/trans20.png') repeat;
background: rgba(0,0,0,0.2);
color: #cdcdcd;
display: inline-block;
float: right;
}[/b][/b]
[b][b]#search_options_menucontent { min-width: 130px; padding: 0; background: #1a1a1a; border: 1px solid #393939; }
#search_options_menucontent input { margin-right: 10px; }
#search_options_menucontent li { border-top: 1px solid #252525; border-bottom: 1px solid #111111; background: url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; white-space: nowrap; }
#search_options_menucontent li:last-of-type{ border-bottom: 0; }
#search_options_menucontent label:hover{ background: #202020 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; }
#search_options_menucontent label { cursor: pointer; display: block; padding: 0 6px; }
#search_options_menucontent li.title{ padding: 3px 6px; }

/************************************************************************/
/* FOOTER */ [/b][/b]
[b][b]#backtotop,
#bottomScroll{
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
position: absolute;
display: inline-block;
background: #4a4a4a;
background: rgba(145,145,145,1);
-webkit-box-shadow: inset rgba(255,255,255,0.35) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.35) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.35) 0px 1px 0px;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}[/b][/b]
[b][b]#bottomScroll:hover, #backtotop:hover {
 background: #9f9f9f;
 color: #fff;
 opacity: 1;
}[/b][/b]
[b][b]#footer_utilities {
padding: 8px;
position: relative;
border-top: 1px solid #222;
}[/b][/b]
[b][b]#footer_utilities, #footer_utilities a{ color: #848484; }
#footer_utilities .ipbmenu_content a{ color: #fff; }

#footer_utilities .ipsList_inline{ clear: left; float: left; }
#footer_utilities .ipsList_inline > li{ margin: 0; }
#footer_utilities .ipsList_inline > li > a { margin-right: 0px; padding: 4px 10px; display: inline-block; }
#footer_utilities a.menu_active {
 background: url('{style_images_url}/trans30.png') repeat;
 background: rgba(0,0,0,0.3);
 color: #fff;
 text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
 -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
 box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
}

#copyright {
 /*color: #848484;*/
 text-align: right;
 line-height: 22px;
 float: right;
}

 /*#copyright a { color: #848484; }*/[/b][/b]
[b][b]#ipsDebug_footer {
width: 900px;
margin: 8px auto 0px auto;
text-align: center;
color: #404040;
font-size: 11px;
}
#ipsDebug_footer strong { margin-left: 20px; }
#ipsDebug_footer a { color: #404040; }

#rss_menu {
background-color: #f78e30;
border: 0;
}

#rss_menu li { border: 0; border-bottom: 1px solid #fbb969; }
#rss_menu li:last-of-type{ border-bottom: 0; }
#rss_menu a {
 color: #fff;
 text-shadow: #dc7214 0px -1px 0px;
 padding: 5px 8px;
 background: url("{style_images_url}/highlight_faint.png") repeat-x 0 -1px;
}[/b][/b]
[b][b]  #rss_menu a:hover {
  background: #f89f37 url("{style_images_url}/highlight_faint.png") repeat-x 0 -1px;
  color: #fff;
 }[/b][/b]
[b][b]/************************************************************************/
/* GENERAL CONTENT */[/b][/b]
[b][b].ipsUserPhoto {
padding: 1px;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
-webkit-border-radius: 3px;
border-radius: 3px;
}

.ipsUserPhotoLink:hover .ipsUserPhoto {
 /*-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
 -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
 box-shadow: 0px 2px 2px rgba(0,0,0,0.2);*/
}

.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; }[/b][/b]
[b][b].general_box {

}[/b][/b]
[b][b].general_box .none {
color: #bcbcbc;
}[/b][/b]
[b][b].general_box.poll{ margin: 0; border-width: 0 0 1px 0; }[/b][/b]
[b][b].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_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; }[/b][/b]
[b][b].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;
}[/b][/b]
[b][b].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;
}[/b][/b]
[b][b].ipsBadge {
vertical-align: middle;
display: inline-block;
height: 16px;
line-height: 16px;
padding: 0 5px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-image: url('{style_images_url}/highlight.png');
background-repeat: repeat-x;
background-position: 0 -1px;
}[/b][/b]
[b][b]#nav_app_ipchat .ipsBadge { position: absolute; }

#ajax_loading {
background: #000;
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);
-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
opacity:0.6;
}[/b][/b]
[b][b]#ipboard_body.redirector {
width: 500px;
margin: 150px auto 0 auto;
}[/b][/b]
[b][b]#ipboard_body.minimal { padding-top: 40px; }
#ipboard_body.minimal #ipbwrapper{
width: 900px;
margin: 0 auto;
}
#ipboard_body.minimal #content {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 20px 30px;
margin-bottom: 10px;
}
#ipboard_body.minimal h1 { font-size: 32px; }
#ipboard_body.minimal .ipsType_pagedesc { font-size: 16px; }[/b][/b]
[b][b].progress_bar {
background-color: #262626;
border: 1px solid #2e2e2e;
}[/b][/b]
[b][b].progress_bar span {
 background: #a9a9a9 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
 color: #fff;
 font-size: 0em;
 font-weight: bold;
 text-align: center;
 text-indent: -2000em;
 height: 10px;
 display: block;
 overflow: hidden;
}[/b][/b]
[b][b].progress_bar.limit span {
 background: #b13c3c url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
}[/b][/b]
[b][b].progress_bar span span {
 display: none;
}[/b][/b]
[b][b].progress_bar.user_warn {
margin: 0 auto;
width: 80%;
}[/b][/b]
[b][b].progress_bar.user_warn span {
 height: 6px;
}[/b][/b]
[b][b].progress_bar.topic_poll {
margin-top: 2px;
width: 40%;
}[/b][/b]
[b][b]li.rating a {
outline: 0;
}[/b][/b]
[b][b].antispam_img { margin: 0 3px 5px 0; }

span.error {
color: #ad2930;
font-weight: bold;
clear: both;
}[/b][/b]
[b][b]#recaptcha_widget_div { max-width: 350px; }
#recaptcha_table { border: 0 !important; }[/b][/b]
[b][b]/************************************************************************/
/* 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;
}[/b][/b]
[b][b]/* 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; overflow: hidden;}
.faded { opacity: 0.5 }
.clickable { cursor: pointer; }
.reset_cursor { cursor: default; }[/b][/b]
[b][b]/* Bullets */
.bullets ul, .bullets ol,
ul.bullets, ol.bullets {
list-style: disc;
margin-left: 30px;
line-height: 150%;
list-style-image: none;
}[/b][/b]
[b][b].bullets li{ padding: 2px; }[/b][/b]
[b][b]/* Rounded corners */
#user_navigation #new_msg_count, .rounded {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}[/b][/b]
[b][b].desc, .desc.blend_links a, p.posted_info {
font-size: 11px;
color: #898989;
}[/b][/b]
[b][b].desc.lighter, .desc.lighter.blend_links a {
color: #646464;
}[/b][/b]
[b][b]/* Cancel */
.cancel {
font-size: 0.9em;
font-weight: bold;
}[/b][/b]
[b][b].cancel, .cancel:hover{
color: #ad2930;
}[/b][/b]
[b][b]/* Moderation */
em.moderated {
font-size: 11px;
font-style: normal;
font-weight: bold;
}[/b][/b]
[b][b]/* Positive/Negative */
.positive { color: #6f8f52; }
.negative { color: #c7172b; }[/b][/b]
[b][b]/* Search highlighting */
.searchlite
{
background-color: yellow;
color: red;
font-size:14px;
}[/b][/b]
[b][b]/* Users posting */
.activeuserposting {
font-style: italic;
}

/************************************************************************/
/* COLUMN WIDTHS FOR TABLES */
/* col_f = forums; col_c = categories; col_m = messenger; col_n = notifications */[/b][/b]
[b][b].col_f_post { width: 250px !important; }
.is_mod .col_f_post { width: 210px !important; }[/b][/b]
[b][b]td.col_c_post {
 padding-top: 10px !important;
 width: 250px;
}[/b][/b]
[b][b].col_f_icon {
padding: 0 0 0 3px !important;
width: 24px !important;
text-align: center;
vertical-align: middle;
}[/b][/b]
[b][b].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;
}[/b][/b]
[b][b].col_f_mod, .col_m_mod, .col_n_mod { width: 40px; text-align: right; }
.col_f_preview {
width: 20px !important;
text-align: right;
}[/b][/b]
[b][b].col_c_icon { padding: 10px 2px 10px 8px !important; width: 33px; vertical-align: middle; }
.col_c_post .ipsUserPhoto { margin-top: 3px; }[/b][/b]
[b][b].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%; }[/b][/b]
[b][b]/*.col_c_forum, .col_c_stats, .col_c_icon, .col_c_post { vertical-align: top; }*/[/b][/b]
[b][b]/************************************************************************/
/* TABLE STYLES */[/b][/b]
[b][b]table.ipb_table {
width: 100%;
line-height: 1.3;
}

table.ipb_table td {
 padding: 10px;
}

 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: 45px; }
.last_post, .col_c_stats, .col_f_views, .line_height, .ipsList_withminiphoto .list_content{ line-height: 18px; }
#user_notifications_link_menucontent .list_content{ line-height: 130%; }
.col_c_post .ipsUserPhotoLink{ margin-top: -1px; }
.forum_desc{ padding-top: 5px; }[/b][/b]
[b][b]table.ipb_table h4,
table.ipb_table .topic_title {
font-size: 12px;
display: inline-block;
}[/b][/b]
[b][b]table.ipb_table .col_c_forum h4{ font-size: 13px; }[/b][/b]
[b][b]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; }[/b][/b]
[b][b]#announcements h4 { display: inline; }
#announcements td {  }
.announcement img{ margin-right: 4px; }[/b][/b]
[b][b].forum_data {
font-size: 11px;
color: #5c5c5c;
display: inline-block;
white-space: nowrap;
margin: 0px 0 0 8px;
}[/b][/b]
[b][b].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; }[/b][/b]
[b][b].category_block .ipb_table h4 { /*font-size: 15px; word-wrap: break-word;*/ }[/b][/b]
[b][b]table.ipb_table .subforums {
margin: 7px 0 3px 0px;
overflow: hidden;
}[/b][/b]
[b][b]table.ipb_table .subforums li{
background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;
padding: 0 15px 0 15px;
margin: 0;
float: left;
}[/b][/b]
[b][b]table.ipb_table .subforums li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }[/b][/b]
[b][b]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 0 0; }
table.ipb_table .expander.open { background: url('{style_images_url}/icon_expand_close.png') no-repeat 0 -19px; }
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;
}[/b][/b]
[b][b]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);
}[/b][/b]
[b][b].preview_col {
   margin-left: 80px;
}[/b][/b]
[b][b].preview_info {
padding-bottom: 3px;
margin: -3px 0 3px;
}[/b][/b]
[b][b]table.ipb_table .mini_pagination { opacity: 0.5; }
table.ipb_table tr:hover .mini_pagination { opacity: 1; }[/b][/b]
[b][b]/************************************************************************/
/* LAYOUT SYSTEM */[/b][/b]
[b][b].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; margin-left: -210px; float: left; }
.ipsLayout .ipsLayout_right { width: 200px; margin-right: -210px; float: right; }[/b][/b]
[b][b]/* Wider sidebars */
.ipsLayout_largeleft.ipsLayout_withleft { padding-left: 280px; }
.ipsBox.ipsLayout_largeleft.ipsLayout_withleft { padding-left: 290px; }
.ipsLayout_largeleft.ipsLayout .ipsLayout_left { width: 270px; margin-left: -280px; }
.ipsLayout_largeright.ipsLayout_withright { padding-right: 280px; }
.ipsBox.ipsLayout_largeright.ipsLayout_withright { padding-right: 290px; }
.ipsLayout_largeright.ipsLayout .ipsLayout_right { width: 270px; margin-right: -280px; }[/b][/b]
[b][b]/* Narrow sidebars */
.ipsLayout_smallleft.ipsLayout_withleft { padding-left: 150px; }
.ipsBox.ipsLayout_smallleft.ipsLayout_withleft { padding-left: 160px; }
.ipsLayout_smallleft.ipsLayout .ipsLayout_left { width: 140px; margin-left: -150px; }
.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; }[/b][/b]
[b][b]/* Tiny sidebar */
.ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 50px; }
.ipsBox.ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 60px; }
.ipsLayout_tinyleft.ipsLayout .ipsLayout_left { width: 40px; margin-left: -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: -40px; }[/b][/b]
[b][b]/* Big sidebar */
.ipsLayout_bigleft.ipsLayout_withleft { padding-left: 330px; }
.ipsBox.ipsLayout_bigleft.ipsLayout_withleft { padding-left: 340px; }
.ipsLayout_bigleft.ipsLayout .ipsLayout_left { width: 320px; margin-left: -330px; }
.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; }[/b][/b]
[b][b]/* 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; margin-left: -380px; }
.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; }[/b][/b]
[b][b]/************************************************************************/
/* NEW FORMS */[/b][/b]
[b][b].ipsField .ipsField_title {
font-weight: bold;
font-size: 12px;
line-height: 1.6;
}[/b][/b]
[b][b].ipsForm_required {
color: #ab1f39;
font-weight: bold;
}[/b][/b]
[b][b].ipsForm_horizontal .ipsField_title {
float: left;
width: 185px;
padding-right: 15px;
padding-top: 3px;
text-align: right;
line-height: 1.8;
}[/b][/b]
[b][b].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; }[/b][/b]
[b][b].ipsForm_vertical .ipsField { margin-bottom: 10px; }
.ipsForm_vertical .ipsField_content { margin-top: 3px; }[/b][/b]
[b][b].ipsForm .ipsField_checkbox .ipsField_content { margin-left: 25px; }
.ipsForm .ipsField_checkbox input { float: left; margin-top: 3px; }[/b][/b]
[b][b].ipsField_primary input { font-size: 18px; }[/b][/b]
[b][b].ipsForm_submit {
padding: 5px 10px;
text-align: right;
margin-top: 25px;
}[/b][/b]
[b][b].ipsForm_right { text-align: right; }
.ipsForm_left { text-align: left; }
.ipsForm_center { text-align: center; }[/b][/b]
[b][b]/************************************************************************/
/* SETTINGS SCREENS */
.ipsSettings_pagetitle { font-size: 20px; margin-bottom: 5px; }
.ipsSettings { padding: 0 0px; }
.ipsSettings_section {
margin: 0 0 15px 0;
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 13px Helvetica, Arial, sans-serif;
width: 165px;
padding-left: 10px;
line-height: 18px;
float: left;
}[/b][/b]
[b][b].ipsSettings_fieldtitle {
min-width: 100px;
margin-right: 10px;
font-size: 14px;
display: inline-block;
vertical-align: top;
padding-top: 3px;
}[/b][/b]
[b][b]/************************************************************************/
/* TOOLTIPS */[/b][/b]
[b][b].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 */[/b][/b]
[b][b].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;
top: 4px;
left: 3px;
}[/b][/b]
[b][b].ipsHasNotifications_blank { display: none; }
#chat-tab-count.ipsHasNotifications { left: auto; top: 3px; right: 3px; text-shadow: none !important; }[/b][/b]
[b][b]/************************************************************************/
/* SIDEBAR STYLE */[/b][/b]
[b][b].ipsSideMenu { padding: 10px 0; }
.ipsSideMenu h4 {
margin: 0 10px 5px 25px;
font-weight: bold;
color: #dddddd;
}[/b][/b]
[b][b].ipsSideMenu ul {
margin-bottom: 20px;
}[/b][/b]
[b][b].ipsSideMenu ul li {
font-size: 11px;
}[/b][/b]
[b][b].ipsSideMenu ul li a {
padding: 5px 10px 5px 25px;
display: block;
}[/b][/b]
[b][b].ipsSideMenu ul li a:hover{
background-color: rgba(0,0,0,0.03);
}[/b][/b]
[b][b].ipsSideMenu ul li.active a {
background: #282828 url('{style_images_url}/icon_check_white.png') no-repeat 6px 8px;
color: #fff;
font-weight: bold;
}[/b][/b]
[b][b]/***************************************************************************/
/* WIZARDS */[/b][/b]
[b][b].ipsSteps {
background: #2a2a2a;
height: 55px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}[/b][/b]
[b][b].ipsSteps li:first-child{
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}[/b][/b]
[b][b].ipsSteps ul li {
 float: left;
 padding: 11px 33px 5px 18px;
 color: #c3c3c3;
 background-image: url('{style_images_url}/wizard_step.png');
 background-repeat: no-repeat;
 background-position: 100% -56px;
 position: relative;
 height: 39px;
 text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
}

.ipsSteps .ipsSteps_active {
 background-position: 100% 0;
 color: #fff;
 text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
}

.ipsSteps .ipsSteps_done { }
.ipsSteps_desc { font-size: 11px; }
.ipsSteps_arrow { display: none; }

.ipsSteps_title {
 display: block;
 font-size: 14px;
 padding-bottom: 4px;
}

.ipsSteps_active .ipsSteps_arrow {
 display: block;
 position: absolute;
 left: -23px;
 top: 0;
 width: 23px;
 height: 55px;
 background: url('{style_images_url}/wizard_step.png') no-repeat 0 -112px;
}

.ipsSteps ul li:first-child .ipsSteps_arrow { display: none !important; }[/b][/b]
[b][b]/************************************************************************/
/* VERTICAL TABS (profile etc.) */[/b][/b]
[b][b].ipsVerticalTabbed { }[/b][/b]
[b][b].ipsVerticalTabbed_content {
 min-height: 400px;
}

.ipsVerticalTabbed_tabs > ul {
 width: 150px !important;
 margin-top: 10px;
 /*border-top: 1px solid #202020;
 border-left: 1px solid #202020;*/
}

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

 .ipsVerticalTabbed_tabs li {
  color: #808080;
  /*border-bottom: 1px solid #202020;*/
  font-size: 12px;
 }

  .ipsVerticalTabbed_tabs li a {
   display: block;
   padding: 10px 8px;
   outline: 0;
   background: url("{style_images_url}/transw10.png") repeat;
   background: rgba(255,255,255,0.1);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #8d8d8d;
   margin-bottom: 1px;
  }

   .ipsVerticalTabbed_tabs li a:hover {
 background: rgba(255,255,255,0.2);
 color: #dddddd;
   }

   .ipsVerticalTabbed_tabs li.active a {
 /*width: 135px;*/
 position: relative;
 z-index: 8000;
 background: #424242;
 background: rgba(255,255,255,0.25);
 color: #fff;
 font-weight: bold;
   }

 .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active a {
  /*width: 24px;*/
 }[/b][/b]
[b][b]/* Category pop up */[/b][/b]
[b][b]#navigation_popup_inner .ipsVerticalTabbed_tabs > ul {
 width: 149px !important;
 border-top: 1px solid #202020;
 border-left: 1px solid #202020;
}

 #navigation_popup_inner .ipsVerticalTabbed_tabs li {
  background: #171717;
  color: #808080;
  border-bottom: 1px solid #202020;
 }

  #navigation_popup_inner .ipsVerticalTabbed_tabs li a {
   color: #8d8d8d;
   background: #171717;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   margin: 0;
  }

   #navigation_popup_inner .ipsVerticalTabbed_tabs li a:hover {
 background: #101010;
 color: #c9c9c9;
   }

   #navigation_popup_inner .ipsVerticalTabbed_tabs li.active a {
 width: 135px;
 position: relative;
 z-index: 8000;
 background: #101010;
 color: #fff;
 font-weight: bold;
   }[/b][/b]
[b][b]/************************************************************************/
/* 'LIKE' FUNCTIONS */[/b][/b]
[b][b].ipsLikeBar { margin: 10px 0; font-size: 11px; }

.ipsLikeBar_info {
 line-height: 22px;
 background: #4d4d4d;
 padding: 0 10px;
 display: inline-block;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}

.ipsLikeButton {
line-height: 22px;
padding: 0 7px 0 26px;
font-size: 11px;
display: inline-block;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
color: #fff !important;
}
.ipsLikeButton:hover { color: #fff !important; }

.ipsLikeButton.ipsLikeButton_enabled {
 background: #719c1c url('{style_images_url}/like_button.png') no-repeat 0 0;
 /*border: 1px solid #5ea128;*/
}

.ipsLikeButton.ipsLikeButton_disabled {
 background: #6c6c6c url('{style_images_url}/like_button.png') no-repeat 0 -23px;
 /*border: 1px solid #a4a4a4;*/
}[/b][/b]
[b][b]/************************************************************************/
/* TAG LIST */[/b][/b]
[b][b].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: #fff !important;
text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
-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;
}[/b][/b]
[b][b]/************************************************************************/
/* TAG EDITOR STYLES */[/b][/b]
[b][b].ipsTagBox_wrapper {
min-height: 18px;
width: 350px;
line-height: 1.3;
display: inline-block;
margin-bottom: 3px;
}

.ipsTagBox_hiddeninput { background: none transparent; color: #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: #d7d7d7;
 border-color: #e9e9e9;
 color: #222;
 text-shadow: none;
}

.ipsTagBox_tag {
 padding: 2px 1px 2px 4px;
 background: #4d4d4d;
 border: 1px solid #595959;
 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: #646464;
 }

 .ipsTagBox_tag.selected {
  background: #797979 !important;
  border-color: #a1a1a1 !important;
  color: #fff !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: #444; }
 .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag:hover { color: #111; }

.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;
 }[/b][/b]
[b][b]/************************************************************************/
/* 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 */[/b][/b]
[b][b].ipsFilterbar li {
margin: 0px 15px 0px 0;
font-size: 11px;
}

.ipsFilterbar li a {
 color: #fff;
 opacity: 0.5;
 text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
 -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; }[/b][/b]
[b][b]  .ipsFilterbar:hover li a { opacity: 0.8; }[/b][/b]
[b][b]  .ipsFilterbar li a:hover {
  color: #fff;
  opacity: 1;
 }[/b][/b]
[b][b].ipsFilterbar li.active { opacity: 1; }

.ipsFilterbar li.active a, .ipsFilterbar.bar.altbar li.active a {
 background: url('{style_images_url}/trans30.png') repeat;
 background: rgba(0,0,0,0.3);
 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 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
 -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
 box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
}

/************************************************************************/
/* POSTING FORM STYLES */
/* Additional form styles for posting forms */[/b][/b]
[b][b].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{ margin-top: 8px; }

.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;
}[/b][/b]
[b][b]/************************************************************************/
/* 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; }[/b][/b]
[b][b]/************************************************************************/
/* COMMENT STYLES */
.ipsComment_wrap { margin-top: 10px; }
.border > .ipsComment_wrap, .ipsBox_container > .ipsComment_wrap{ margin: 0; }
.ipsComment_wrap .ipsLikeBar { margin: 0; }
.ipsComment_wrap input[type='checkbox'] { vertical-align: middle; }

.ipsComment {
padding: 10px;
}

.ipsComment_author, .ipsComment_reply_user {
width: 160px;
text-align: right;
padding: 0 10px;
float: left;
line-height: 1.3;
}[/b][/b]
[b][b].ipsComment_author .ipsUserPhoto { margin-bottom: 5px; }

.ipsComment_comment {
margin-left: 190px !important;
line-height: 1.5;
}[/b][/b]
[b][b].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; }[/b][/b]
[b][b]/************************************************************************/
/* FLOATING ACTION STYLES (comment moderation, multiquote etc.) */
.ipsFloatingAction {
position: fixed;
right: 10px;
bottom: 10px;
padding: 10px;
z-index: 15000;
border: 4px solid #464646;
border: 4px solid rgba(0,0,0,0.75);
-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);
}[/b][/b]
[b][b]/************************************************************************/
/* FORM STYLES */[/b][/b]
[b][b]body#ipboard_body fieldset.submit,
body#ipboard_body p.submit {
padding: 15px 6px 15px 6px;
text-align: center;
}[/b][/b]
[b][b].iframe{ outline: none; }[/b][/b]
[b][b].input_text, .ipsTagBox_wrapper, textarea, #recaptcha_response_field {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #b7b7b7;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
-webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
}[/b][/b]
[b][b]textarea:focus, .input_text:focus {
 outline: none;
 background-color: #4b4b4b;
 color: #f8f8f8;
 border-color: #797979;
}

input.inactive, select.inactive, textarea.inactive { color: #939393; }[/b][/b]
[b][b].input_text.error {
 background: #883939;
 border-color: #a95858;
 color: #fff;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}
.input_text.accept {
 background: #768d3d;
 border-color: #8ca54d;
 color: #fff;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}[/b][/b]
[b][b]input:-webkit-input-placeholder { color: #939393; }
input:-moz-placeholder { color: #939393; }[/b][/b]
[b][b].input_submit {
text-decoration: none;
border-width: 1px;
border-style: solid;
border: 0;
padding: 5px 11px;
cursor: pointer;
}[/b][/b]
[b][b]a.input_submit{
padding: 7px 11px;
display: inline-block;
}

.input_submit.alt {
 text-decoration: none;
}  [/b][/b]
[b][b]p.field {
padding: 15px;
}[/b][/b]
[b][b]li.field {
padding: 5px;
margin-left: 5px;
}[/b][/b]
[b][b]li.field label,
li.field span.desc {
 display: block;
}

li.field.error {
color: #ad2930;
}[/b][/b]
[b][b]li.field.error label {
 font-weight: bold;
}[/b][/b]
[b][b]li.field.checkbox, li.field.cbox {
margin-left: 0;
}[/b][/b]
[b][b]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;
}[/b][/b]
[b][b]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;
}[/b][/b]
[b][b]li.field.checkbox span.desc,
li.field.cbox span.desc {
 padding-left: 27px;
 margin-left: auto;
 display: block;
}

/************************************************************************/
/* MESSAGE STYLES */[/b][/b]
[b][b].message {
background: #768d3d url('{style_images_url}/highlight_faint.png') repeat-x 0 -1px;
padding: 10px;
border: 1px solid #8ca54d;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
line-height: 1.6;
font-size: 12px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
}[/b][/b]
[b][b].message,
.message a,
.message h3{
color: #eff6dd;
}[/b][/b]
[b][b].message h3 {
 padding: 0;
}

.message.error {
 background-color: #872d2d;
 border-color: #c15050;
}

.message.error,
.message.error a,
.message.error h3{
 color: #f6dddd;
}

.message.error.usercp {
 background-image: none;
 padding: 4px;
 float: right;
}

.message.unspecific {
 background-color: #292929;
 border-color: #393939;
 margin: 0 0 10px 0;
 clear: both;
}

.message.unspecific,
.message.unspecific a,
.message.unspecific h3{
 color: #ededed;
}

.message a{ text-decoration: underline; }

/************************************************************************/
/* MENU & POPUP STYLES */[/b][/b]
[b][b].ipbmenu_content, .ipb_autocomplete {
min-width: 85px;
z-index: 2000;
}[/b][/b]
[b][b].ipbmenu_content{ white-space: nowrap; }

.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; }
.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;
}[/b][/b]
[b][b].popupWrapper {
background: url('{style_images_url}/trans60.png') repeat;
background: rgba(0,0,0,0.6);
padding: 8px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 10px 20px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 10px 20px;
box-shadow: rgba(0,0,0,0.5) 0px 10px 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}[/b][/b]
[b][b].popupInner {
 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;
  color: #eee;
  border: 3px solid #626262;
 }

 .popupInner.warning_mode {
  border: 3px solid #7D1B1B;
 }

 .popupInner h3 {
  border-bottom: 1px solid #2a2a2a;
  text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
  background: #282828 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
  padding: 8px 10px 9px;
  font-size: 16px;
  font-weight: 300;
 }

  .popupInner h3 a { color: #fff; }

  .popupInner.black_mode h3 {
   background-color: #595959;
   color: #ddd;
  }

  .popupInner.warning_mode h3 {
   background-color: #7D1B1B;
   padding-top: 6px;
   padding-bottom: 6px;
   color: #fff;
  }

.popupClose {
position: absolute;
right: 20px;
top: 20px;
}[/b][/b]
[b][b].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;
}[/b][/b]
[b][b].popupClose.light_close_button img {
display: none;
}[/b][/b]
[b][b].popup_footer {
padding: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}[/b][/b]
[b][b].popup_body {
padding: 10px;
}[/b][/b]
[b][b].stem {
width: 31px;
height: 16px;
position: absolute;
}[/b][/b]
[b][b].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;
}[/b][/b]
[b][b].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;
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;
}[/b][/b]
[b][b].userpopup {
overflow: hidden;
position: relative;
font-size: 0.9em;
min-height: 200px;
}[/b][/b]
[b][b].userpopup dl {
 padding-bottom: 10px;
 margin-bottom: 4px;
}[/b][/b]
[b][b].info dt {
float: left;
font-weight: bold;
padding: 3px 6px;
clear: both;
width: 30%;
}[/b][/b]
[b][b].info dd {
padding: 3px 6px;
width: 60%;
margin-left: 35%;
}[/b][/b]
[b][b]/************************************************************************/
/* BUTTONS STYLES */[/b][/b]
[b][b].topic_buttons li {
float: right;
margin: 0 0 10px 10px;
}[/b][/b]
[b][b].topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important,
.topic_buttons li a, .topic_buttons li span, .ipsButton {
background: url("{style_images_url}/_custom/bg-maintitle.png") repeat-x 0 50%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
font: bold 11px/1.3 Tahoma, Helvetica, Arial, sans-serif;
line-height: 32px;
height: 32x;
padding: 0 10px;
text-align: center;
min-width: 125px;
display: inline-block;
cursor: pointer;
}[/b][/b]
[b][b].topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .ipsButton.important {
background: #8b1515 url('{style_images_url}/highlight_faint.png') repeat-x 0 0 !important;
/*border-color: #790f0f;*/
}

.topic_buttons li a:hover, .ipsButton:hover { background-color: #1d1d1d; color: #fff; }

.topic_buttons li a:active, .ipsButton:active{
 position: relative;
 top: 1px;
 /*-webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px;
 -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px;
 box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px;*/
}

.topic_buttons li.non_button a {
 background: transparent !important;
 background-color: transparent !important;
 border: 0;
 box-shadow: none !important;
 -moz-box-shadow: none !important;
 -webkit-box-shadow: none !important;
 text-shadow: none;
 min-width: 0px;
 color: #777777;
 font-weight: normal;
 padding-top: 1px;
 padding-bottom: 1px;
}

.topic_buttons li.non_button a:active{ top: 0; }

.topic_buttons li.disabled a, .topic_buttons li.disabled span {
 background: #191919 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
 box-shadow: none;
 -moz-box-shadow: none;
 -webkit-box-shadow: none;
 text-shadow: none;
 border: 0;
 font-weight: 300;
 color: #666666;
}

.topic_buttons li span { cursor: default !important; }[/b][/b]
[b][b]input.ipsButton{ border: 0; padding: 5px 10px; }[/b][/b]
[b][b].ipsButton_secondary,
.bbc_spoiler_show,
.user_controls li a{
height: 26px;
line-height: 26px;
font-size: 11px;
padding: 0 10px;
border: 0;
background: #393939 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
/*border: 1px solid #d0d0d0;*/
/*-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;*/
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #fff;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
}
.ipsButton_secondary a { color: #fff; }
.ipsButton_secondary:hover,
.bbc_spoiler_show:hover,
.user_controls li a:hover{
 color: #fff;
 background-color: #434343;
}

.ipsButton_secondary.important {
 background: #ae3232 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
 /*border: 1px solid #a22c2c;*/
 color: #fbf4f4;
 text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}
 .ipsButton_secondary.important a { color: #fbf4f4; }
 .ipsButton_secondary.important a:hover,
 a.ipsButton_secondary.important:hover{
  color: #fff;
  background-color: #bb3c3c;
 }[/b][/b]
[b][b]  .ipsButton_secondary:active{
  /*-webkit-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;
  -moz-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;
  box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;*/
  position: relative;
  top: 1px;
 }  [/b][/b]
[b][b].ipsButton_secondary img{ vertical-align: middle; margin-top: -1px; }[/b][/b]
[b][b]/* 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; }[/b][/b]
[b][b].ipsButton_extra {
   line-height: 22px;
   height: 22px;
   font-size: 11px;
   margin-left: 5px;
   color: #5c5c5c;
}[/b][/b]
[b][b].ipsButton_secondary.fixed_width{ min-width: 170px; }[/b][/b]
[b][b].ipsButton.no_width { min-width: 0; }
.topic_controls { min-height: 30px; overflow: hidden; }[/b][/b]
[b][b]ul.post_controls {
margin: 0;
/*background: #222222;
border-top: 1px solid #2b2b2b;*/
margin-top: 10px;
padding: 7px;
clear: both;
overflow: hidden;
}[/b][/b]
[b][b]  ul.post_controls li {
  font-size: 10px;
  float: right;
  margin: 0;
  padding: 0;
 }

 ul.post_controls li.report, ul.post_controls li.top{ float: left; }[/b][/b]
[b][b]  ul.post_controls a {
  color: #c7c7c7;
  text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
  background: #3d3d3d url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  text-decoration: none;
  margin-left: 4px;
  display: block;
 }[/b][/b]
[b][b]  ul.post_controls a:hover { background-color: #484848; color: #fff; }

 ul.post_controls a.ipsButton_secondary {
  height: 22px;
  line-height: 22px;
 }

 ul.post_controls a:active,
 ul.post_controls li.multiquote.selected a {
  background: #232323;
  color: #a2a2a2;
  box-shadow: 0 1px 0 rgba(255,255,255,0.1), inset 0 2px 8px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1), inset 0 2px 8px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1), inset 0 2px 8px rgba(0,0,0,0.5);
 }

/*.post_block .post_controls li a { opacity: 0.2; }
.post_block .post_controls li a.ipsButton_secondary { opacity: 1; }
.post_block:hover .post_controls li a { opacity: 1; }*/[/b][/b]
[b][b].post_body ul.post_controls{ margin: 0 -12px -12px -187px; }
.column_view .post_body ul.post_controls{ margin-left: -188px; }
.post_block.no_sidebar .post_body ul.post_controls{ margin-left: 0px; }
.post_body ul.post_controls img{ vertical-align: middle; margin: -3px 2px 0px -3px; position: relative; }[/b][/b]
[b][b].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: 10px;
}[/b][/b]
[b][b]/************************************************************************/
/* PAGINATION STYLES */[/b][/b]
[b][b].pagination { padding: 5px 0; line-height: 22px; }
.pagination.no_numbers .page { display: none; }
.pagination .pages { text-align: center; }
.pagination .back { margin-right: 5px; }
/*.pagination .back li { margin: 0 2px 0 0; }*/
.pagination .forward { margin-left: 5px; }
/*.pagination .forward li { margin: 0 0 0 2px; }*/[/b][/b]
[b][b].pagination a{ color: #eeeeee; }[/b][/b]
[b][b].pagination .page a,
.pagination .back a,
.pagination .forward a {
background: #222222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
/*border: 1px solid #d6d6d6;*/
color: #eeeeee;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
padding: 1px 8px;
text-transform: lowercase;
font-size: 11px;
font-weight: normal;
}

.pagination .page a:hover,
.pagination .back a:hover,
.pagination .forward a:hover {
 background-color: #3a3a3a;
 color: #fff;
}[/b][/b]
[b][b].pagination .disabled a {
 opacity: 0.4;
 display: none;
}

.pagination .pages {
font-size: 11px;
}[/b][/b]
[b][b].pagination .pages a,
.pagejump {
 display: inline-block;
}

.pagination .pagejump a { padding: 0px 7px; }

.pagination .pagejump a:hover {
 text-decoration: underline;
}

.pagination li { margin: 0; }

.pagination .pages li.active {
 background: #555555 url('{style_images_url}/highlight.png') repeat-x 0 0;
 color: #fff;
 padding: 1px 8px;
 text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 cursor: default;
}

.pagination.no_pages span {
color: #bbbbbb;
display: inline-block;
line-height: 20px;
height: 20px;
}[/b][/b]
[b][b]ul.mini_pagination {
font-size: 0.8em;
display: inline;
margin-left: 7px;
}[/b][/b]
[b][b]ul.mini_pagination li a {
 background: #252525 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
 color: #fff;
 padding: 2px 6px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
}

ul.mini_pagination li a:hover {
 background: #353535 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
}[/b][/b]
[b][b]ul.mini_pagination li {
 display: inline;
 margin: 0px 1px 0px 0px;
}[/b][/b]
[b][b]/************************************************************************/
/* MODERATION & FILTER STYLES */[/b][/b]
[b][b].moderation_bar {
text-align: right;
padding: 8px 10px;
}[/b][/b]
[b][b].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;
}[/b][/b]
[b][b]/************************************************************************/
/* AUTHOR INFO (& RELATED) STYLES */[/b][/b]
[b][b]/*
.column_view .post_wrap{
background: #161616;
}[/b][/b]
[b][b].column_view .post_body{
border-left: 1px solid #2b2b2b;
}*/[/b][/b]
[b][b].author_info {
width: 155px;
float: left;
font-size: 12px;
text-align: center;
padding: 10px 10px;
line-height: 150%;
}

.author_info .group_title {
 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: #bbbbbb;
margin-top: 8px;
}[/b][/b]
[b][b].custom_fields .ft {
color: #aaaaaa;
margin-right: 3px;
}[/b][/b]
[b][b].custom_fields .fc {
   word-wrap: break-word;
}[/b][/b]
[b][b].user_controls {
text-align: center;
margin: 6px 0;
}[/b][/b]
[b][b].user_controls li a {
 padding: 0 5px;
}[/b][/b]
[b][b]/************************************************************************/
/* BOARD INDEX STYLES */[/b][/b]
[b][b]#board_index #categories { overflow: hidden; } /* opera fix */[/b][/b]
[b][b]#board_index { position: relative; }
#board_index.no_sidebar { padding-right: 0px; }
 #board_index.force_sidebar { padding-right: 290px; }

#toggle_sidebar {
position: absolute;
right: -5px;
top: -12px;
z-index: 8000;
background: #eeeeee;
padding: 3px 7px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #333;
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,
.general_box{
/*background: #101010;
border: 1px solid #393939;*/
margin-bottom: 10px;
}[/b][/b]
[b][b].ipsSideBlock{
padding: 10px;
}

.bar,
.ipsSideBlock h3,
.general_box h3{
 background: url('{style_images_url}/_custom/bg-maintitle.png') repeat-x 0 50%;
 text-shadow: -1px -1px 1px #000;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 padding: 8px;
}

.ipsPostForm_sidebar .ipsPostForm_sidebar_block:first-of-type h3.bar, .bar.noTopBorder{ border-top: 0; }

.ipsSideBlock h3, .ipsSideBlock h3 a, .general_box h3, .general_box h3 a, .bar, .bar a{ color: #fff; }

.ipsSideBlock h3{
 margin: -10px -10px 15px -10px;
}

.ipsSideBlock h3 .mod_links {
 color: #fff;
 opacity: 0.0;
 display: inline-block;
 padding: 1px 4px 3px 4px;
 margin-top: -2px;
 text-shadow: none;
 background: url('{style_images_url}/trans40.png') repeat;
 background: rgba(0,0,0,0.4);
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
 -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
 box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
}
.ipsSideBlock h3:hover .mod_links { opacity: 1; }[/b][/b]
[b][b].sideVerticalList, #index_stats .ipsList_withminiphoto{ margin: -10px; }
#index_stats .ipsList_withminiphoto img{ margin-bottom: -3px; }
.sideVerticalList.with_margin{ margin-bottom: 10px; }[/b][/b]
[b][b].status_list .status_list { margin: 10px 0 0 35px; }
.status_list p.index_status_update { line-height: 120%; margin:4px 0px; }
.status_list li { position: relative; }
.status_reply {
margin-top: 8px;
}[/b][/b]
[b][b].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; }[/b][/b]
[b][b]/* board stats */
#board_stats ul { text-align: center; }
#board_stats li { margin-right: 20px; }
#board_stats .value {
 display: inline-block;
 background: #222222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
 color: #fff;
 text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
 padding: 3px 7px;
 font-weight: bold;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 margin-right: 3px;
 -webkit-box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px;
 -moz-box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px;
 box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px;
}[/b][/b]
[b][b].statistics {
margin: 20px 0 0 0;
padding: 8px;
line-height: 1.3;
overflow: hidden;
}[/b][/b]
[b][b].statistics_head {
 background: url('{style_images_url}/_custom/bg-maintitle.png') repeat-x 0 50%;
 text-shadow: -1px -1px 1px #000;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 font-size: 11px;
 font-weight: bold;
 padding: 8px;
 margin: -8px -8px 8px -8px;
}

.statistics_head,
.statistics_head a{
 color: #fff;
}

.statistics .statistics_head:first-of-type{
 border-top: 0;
}

.statistics .statistics_head:not(:first-of-type){
 margin-top: 0;
}

#stat_links{ font-weight: normal; }
#stat_links a{ margin: 0 5px; }[/b][/b]
[b][b].friend_list ul li,
#top_posters li {
text-align: center;
padding: 8px 0 0 0;
margin: 5px 0 0 0;
min-width: 80px;
height: 80px;
float: left;
}[/b][/b]
[b][b].friend_list ul li span.name,
#top_posters li span.name {
 font-size: 0.95em;
}

.friend_list ul li .ipsUserPhoto{ margin-bottom: 5px; }[/b][/b]
[b][b]#hook_watched_items ul li {
padding: 8px;
}[/b][/b]
[b][b]body#ipboard_body #hook_watched_items fieldset.submit {
 padding: 8px;
}

#hook_birthdays .list_content {
padding-top: 8px;
}[/b][/b]
[b][b]#hook_calendar .ipsBox_container { padding: 10px; }
#hook_calendar td, #hook_calendar th { text-align: center; }
#hook_calendar th { font-weight: bold; padding: 5px 0;}[/b][/b]
[b][b]/************************************************************************/
/* FORUM VIEW (& RELATED) STYLES */[/b][/b]
[b][b]#more_topics {
text-align: center;
font-weight: bold;
background: #282828 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
}
#more_topics a, #more_topics span { display: block; padding: 10px 0;}
#more_topics, .dynamic_update { border-top: 1px dashed #393939; }[/b][/b]
[b][b].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;
}[/b][/b]
[b][b]span.mini_rate {
margin-right: 12px;
display: inline-block;
}[/b][/b]
[b][b]img.mini_rate {
margin-right: -5px;
}[/b][/b]
[b][b]/************************************************************************/
/* TOPIC VIEW (& RELATED) STYLES */[/b][/b]
[b][b]body .ip {  }
span.post_id { margin-left: 15px; }
input.post_mod { margin:12px 5px 0px 10px; }[/b][/b]
[b][b].signature {
clear: right;
color: #bcbcbc;
font-size: 0.9em;
border-top: 1px solid #2b2b2b;
padding: 10px;
margin: 6px 0 4px;
position: relative;
}[/b][/b]
[b][b].signature a { text-decoration: underline; }

.post_body .signature{ margin-left: -12px; margin-right: -12px; }

.post_block {
position: relative;
}[/b][/b]
[b][b].post_block.no_sidebar {
 background-image: none;
}

.post_block h3 {
 background: url('{style_images_url}/_custom/bg-maintitle.png') repeat-x 0 50%;
 text-shadow: -1px -1px 1px #000;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 padding: 0 10px;
 height: 36px;
 line-height: 36px;
 font-weight: normal;
 font-size: 13px;
}

.post_block h3,
.post_block h3 a{
 color: #fff;
}

.post_online{
vertical-align: middle;
margin: -3px 5px 0 0;
}

.post_username{
float: left;
min-width: 177px;
font-weight: bold;
}[/b][/b]
[b][b].post_date{
color: #777;
float: left;
font-size: 11px;
font-weight: normal;
}

.post_wrap { top: 0px; } [/b][/b]
[b][b].post_body {
margin-left: 175px;
padding: 12px;
}

.post_body .post {
 line-height: 1.6;
 font-size: 12px;
}

.column_view .post_body .post{ padding-bottom: 12px; }

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

.posted_info {
padding: 0 0 10px 0;
}[/b][/b]
[b][b].posted_info strong.event {
 color: #1c2837;
 font-size: 1.2em;
}[/b][/b]
[b][b].post_ignore {
background: #1c1c1c;
color: #777;
font-size: 0.9em;
padding: 15px;
}[/b][/b]
[b][b].post_ignore .reputation {
 text-align: center;
 padding: 2px 6px;
 float: none;
 display: inline;
}[/b][/b]
[b][b].rep_bar {
white-space: nowrap;
margin: 6px 4px;
}[/b][/b]
[b][b].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;
}[/b][/b]
[b][b]p.rep_highlight img {
 margin-bottom: 4px;
}[/b][/b]
[b][b].edit {
padding: 8px 8px 8px 28px;
background: #e0aa4b url('{style_images_url}/comment_edit.png') no-repeat 6px 10px;
border: 1px solid #efba5c;
color: #723e07;
text-shadow: #f4c778 0px 1px 0px;
font-size: 11px;
margin-top: 15px;
line-height: 18px;
}[/b][/b]
[b][b].poll fieldset {
padding: 9px;
}[/b][/b]
[b][b].poll_question {[/b][/b]
[b][b]}[/b][/b]
[b][b].poll_question h4 {
 background: #282828 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
 padding: 5px;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 border-radius: 0px;
}[/b][/b]
[b][b].poll_question ol {
 padding: 20px;
}

.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;
}[/b][/b]
[b][b].rating { display: block; margin-bottom: 4px; line-height: 16px; }
.rating img { vertical-align: top; }
#rating_text { margin-left: 4px; }

/************************************************************************/
/* POSTING FORM (& RELATED) STYLES */[/b][/b]
[b][b]div.post_form label {
text-align: right;
padding-right: 15px;
width: 275px;
float: left;
clear: both;
}[/b][/b]
[b][b]div.post_form span.desc,
fieldset#poll_wrap span.desc {
 margin-left: 290px;
 display: block;
 clear: both;
}[/b][/b]
[b][b]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;
}[/b][/b]
[b][b]div.post_form h3 {
 margin-bottom: 10px;
}

fieldset.with_subhead {
margin-bottom: 0;
padding-bottom: 0;
}[/b][/b]
[b][b]fieldset.with_subhead h4 {
 text-align: right;
 margin-top: 6px;
 width: 300px;
 float: left;
}[/b][/b]
[b][b]fieldset.with_subhead ul {
 padding-top: 10px;
 padding-bottom: 10px;
 margin: 0 15px 0px 320px;
}[/b][/b]
[b][b]fieldset.with_subhead span.desc,
fieldset.with_subhead label {
 margin: 0;
 width: auto;
}[/b][/b]
[b][b]fieldset.with_subhead .checkbox input.input_check {
 margin-left: 0px;
}[/b][/b]
[b][b]#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;
}[/b][/b]
[b][b]#poll_wrap .question {
margin-bottom: 10px;
}[/b][/b]
[b][b]  #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 }[/b][/b]
[b][b]#poll_wrap { position: relative; }
#poll_footer { }
#poll_container_wrap { overflow: auto; }
#poll_popup_inner { overflow: hidden; }[/b][/b]
[b][b].poll_control { margin-left: 20px; }
.post_form .tag_field ul { margin-left: 290px; }[/b][/b]
[b][b]/************************************************************************/
/* ATTACHMENT MANAGER (& RELATED) STYLES */[/b][/b]
[b][b].swfupload {
position: absolute;
z-index: 1;
}

#attachments { }[/b][/b]
[b][b]#attachments li {
 background-color: #2a2a2a;
 text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
 border: 1px solid #383838;
 padding: 6px 20px 6px 42px;
 margin-bottom: 10px;
 position: relative;
 -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
 -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
 box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
}

 #attachments li p.info {
  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: #822f2f;
  border: 1px solid #9c4141;
 }

  #attachments li.error .info {
   color: #fff;
  }

 #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;
}[/b][/b]
[b][b].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; }[/b][/b]
[b][b]#attach_wrap {
margin-top: 10px;
overflow: hidden;
}[/b][/b]
[b][b]#attach_wrap h4 {
 font-size: 16px; padding-left: 0px;
}

#attach_wrap li {
 margin: 5px 0;
 float: left;
}[/b][/b]
[b][b]#attach_wrap .attachment {
 float: none;
}

 #attach_wrap .desc.info {
  margin-left: 24px;
 }[/b][/b]
[b][b]#attach_error_box { margin-bottom: 10px; }[/b][/b]
[b][b].resized_img {
margin: 0 5px 5px 0;
display: inline-block;
}[/b][/b]
[b][b]/************************************************************************/
/* REPUTATION STYLES */[/b][/b]
[b][b].reputation {
font-weight: bold;
padding: 3px 8px;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
}

.reputation.positive, .members li.positive {
 background: #8db13e url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
}

.reputation.negative, .members li.negative {
 background: #b82929 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
}

.reputation.positive, .reputation.negative {
 color: #fff;
}

.reputation.zero {
 background: #505050 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
 color: #fff;
}[/b][/b]
[b][b].status_main_content { white-space: break-word; }[/b][/b]
[b][b].status_main_content h4 {
font-weight:normal;
font-size:1.2em;
}[/b][/b]
[b][b].status_main_content h4 .su_links a { font-weight: normal; }[/b][/b]
[b][b].status_main_content p {
padding: 6px 0px 6px 0px;
}[/b][/b]
[b][b].status_main_content h4 a {
font-weight:bold;
text-decoration: none;
}[/b][/b]
[b][b].status_mini_wrap {
padding: 7px;
font-size: 0.95em;
margin-top: 2px;
background: rgba(0,0,0,0.04);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.status_mini_wrap img{ vertical-align: middle; position: relative; margin-top: -2px; }[/b][/b]
[b][b].status_mini_photo {
float: left;
}[/b][/b]
[b][b].status_textarea {
width: 99%;
}[/b][/b]
[b][b]#index_stats .status_textarea{
width: 180px;
}[/b][/b]
[b][b].status_replies_many {
height: 300px;
overflow: auto;
}

.status_update {
background: #101010 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 15px 12px;
text-align: center;
}[/b][/b]
[b][b].status_update .input_text {
 width: 70%;
 /*background: #e0e0e0;
 color: #363636;
 text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
 border: 1px solid #5e5e5e;
 -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
 -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
 box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;*/
}

.status_update .input_submit{ padding-left: 15px; padding-right: 15px; }
.status_submit{ padding-top: 5px; }
/*.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_content .status_status{ padding: 2px 0 5px 0; }
.status_feedback .status_mini_content{ line-height: 18px; }
.status_feedback { margin: 10px 0 0 -10px; }
/*.status_feedback .row2 { margin-bottom: 1px; }*/[/b][/b]
[b][b]/* Favorites */
.ips_like {
background-color: #232323;
padding: 6px;
color: #fff;
font-size: 1em;
min-height: 18px;
line-height: 130%;
clear: both;
overflow: hidden;
}
.ips_like a {
color: #fff;
}[/b][/b]
[b][b].ips_like a.ftoggle {
float: right;
background: #2e2e2e;
border:1px solid #383838;
padding: 3px 4px 2px 4px;
color: #fff;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
font-size:0.9em;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-top: -4px;
}[/b][/b]
[b][b].ips_like a.ftoggle.on {
background: #383838;
border-color: #434343;
margin-left: 3px;
}[/b][/b]
[b][b].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;
}[/b][/b]
[b][b].ips_like a:hover.ftoggle.on,
.ips_like a:hover.ftoggle {
background-color: #383838;
}[/b][/b]
[b][b].facebook-like { margin-top: 5px; }[/b][/b]
[b][b].boxShadow {
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
}[/b][/b]
[b][b]/* New notification panel */
#ipsGlobalNotification {
position: fixed;
left: 50%;
margin-left: -250px;
top: 20px;
text-align: center;
font-weight: bold;
}[/b][/b]
[b][b]#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;
}[/b][/b]
[b][b].googlePlusOne {
display: inline-block;
vertical-align:middle;
margin-top: 1px;
}[/b][/b]
[b][b].fbLike {
float: right !important;
padding-left: 2px;
}[/b][/b]
[b][b]/************************************************************************/
/* SHARED MEDIA STYLES */[/b][/b]
[b][b]#mymedia_inserted {
position: absolute;
top: 100px; left: 50%;
margin-left: -200px;
width: 400px;
padding: 20px 0;
background: #000;
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;
}[/b][/b]
[b][b]#mymedia_toolbar {
position: absolute;
bottom: 0; left: 0; right: 0;
height: 42px;
line-height: 42px;
padding: 0 5px;
background: #2d2d2d url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 1px;
}[/b][/b]
[b][b]#mymedia_finish { position: absolute; right: 5px; top: 5px; }
#mymedia_content { height: 339px; overflow: auto; }[/b][/b]
[b][b].media_results li.result {
width: 20%;
height: 120px;
padding: 10px 0;
float: left;
text-align: center;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}[/b][/b]
[b][b].media_results li:hover {
 background: #252525;
}
.media_results li:active {
 background: #252525;
}

.media_image {
 padding: 1px;
 background: #2d2d2d;
 border: 1px solid #0e0e0e;
 margin-bottom: 5px;
 -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);
}[/b][/b]
[b][b]/********************************************************/
/* Template Error									    */    [/b][/b]
[b][b].templateError {
   background: #ffffff !important;
   color: #000000 !important;
   padding: 10px !important;
   border: 1px dotted black !important;
   margin: 0px !important;
}[/b][/b]
[b][b]/********************************************************/
/* ModCP styles		   */[/b][/b]
[b][b].modcp_post_controls { padding-bottom: 15px; }
.modcp_post_controls .ipsButton_secondary { opacity: 0.5; }
.post_body:hover .modcp_post_controls .ipsButton_secondary { opacity: 1; }[/b][/b]
[b][b]#modcp_content .ipsFilterbar li.active a {
margin-bottom: 1px;
display: inline-block;
}[/b][/b]
[b][b]/********************************************************/
/* Advertisements from Nexus	   */[/b][/b]
[b][b].nexusad { padding: 10px; clear: both; }[/b][/b]
[b][b]#bbcode-description {
color: #666 !important;
white-space: normal !important;
word-wrap: break-word;
}[/b][/b]
[b][b]/********************************************************/
/* 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; }
}[/b][/b]
[b][b]/* Additional */[/b][/b]
[b][b]#stats_div{
height: 0px;
overflow: hidden;
}[/b][/b]
[b][b].skin_link{ float: left; padding-top: 4px; /* padding-left: 31px; */ }
.skin_link, .skin_link a{ color: #666 !important; }
.skin_link a:hover{ text-decoration: underline; }[/b][/b]
[b][b].negMargin{ margin: -9px; }
.negMarginTop{ margin-top: -9px; }
.negMarginRight{ margin-right: -9px; }
.negMarginBottom{ margin-bottom: -9px; }
.negMarginLeft{ margin-left: -9px; }
.input_submit, .ipsButton_secondary{ outline: none; }
#rss_feed{ margin-top: -1px; }
#index_stats .status_submit .input_submit{ font-size: 11px; }
div[id$="member_popup"] .general_box{ margin: 0; border: 0; }
#ipsNav_content a{ display: block; padding: 5px 10px; }
#ipsNav_content li{ padding: 0; }
.ipsList_withminiphoto.ipsPad_half{ padding: 0 !important; } /* Fix downloads sidebar padding */
.ipsList_withminiphoto > li { overflow: hidden; }
.status_list li{ margin-top: 10px; } /* Fix status updates on idx */
.fullList{ margin: -9px; } /* Must be the same as ipsPad */
#usercp_content .ipsType_subtitle{ margin-bottom: 10px; padding-bottom: 6px; padding-top: 3px; }
#modCpanel .ipsType_subtitle{ padding-top: 4px; padding-bottom: 5px; }
.col_f_icon span { margin-bottom: 6px; margin-top: 2px; }
.idx_album_thumb img{ width: 32px; height: 32px; }
.idx_album_thumb img, .inlineimage img, #appGallLatestHook img{
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;
}
.inlineimage img:hover, #appGallLatestHook img:hover{ opacity: 0.9; }
.topic_desc{ display: inline-block; padding-top: 3px; }[/b][/b]
[b][b]#sign_in_popup_inner { width: 680px !important; }[/b][/b]
[b][b].sb_login h4{
padding: 10px;
font-weight: bold;
font-size: 14px;
background: #222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
border-bottom: 1px solid #393939;
}[/b][/b]
[b][b].sb_login .ipsForm_submit{ margin-top: 0; }
.sb_login .ipsBox_notice{ margin: 0; }
.sb_login_col{ float: left; width: 314px; padding: 15px 10px; }
.sb_login_col a:hover{ text-decoration: underline; }
.sb_login_row{ overflow: hidden; }
.sb_login_row label{ font-size: 1.15em; }
.sb_login .input_submit{ font-size: 13px; }[/b][/b]
[b][b].sb_login_input {
padding: 6px 0px 6px 28px;
font-size: 14px;
margin-top: 10px;
width: 285px;
}[/b][/b]
[b][b].sb_luser{ background-image: url("{style_images_url}/user.png"); background-repeat: no-repeat; background-position: 7px 50%; }
.sb_lpassword{ background-image: url("{style_images_url}/key.png"); background-repeat: no-repeat; background-position: 7px 50%; }[/b][/b]
[b][b].sb_titlebox .desc{ padding: 3px 0; }[/b][/b]
[b][b].sb_titlebox{
background: url("{style_images_url}/transw10.png") repeat;
background: rgba(255,255,255,0.1);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.09)), to(transparent));
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.09) 0%, transparent 100%);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 8px;
overflow: hidden;
}[/b][/b]
[b][b].content_border{
border: 1px solid #393939;
}[/b][/b]
[b][b]/* Skin by www.skinbox.net */
Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.