Plus de fenêtre pour poster de message --> plus possible de poster

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Plus de fenêtre pour poster de message --> plus possible de poster

Message par Alec Turner le Dim 4 Avr 2010 - 14:38

Bonjour,

J'ai un petit problème avec lmon forum et ce uniquement sous firefox. Lorsque je veux pr exemple répondre à un message ou éditer, la fenetre d'écriture est vide et ne nous permet pas d'écrire

je mets un print screen



PLus tot dans la journée j'ai modifié le template viewtopic body et ma css

Template

Spoiler:
Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
         addthis_close();
      }
   });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap">
         <span class="nav">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
         <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
             | 
            <script type="text/javascript">
            //<![CDATA[
            insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" nowrap="nowrap" class="t-title"><h1 class="cattitle"> <!-- google_ad_section_start -->{TOPIC_TITLE}<!-- google_ad_section_end --></h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
   <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <div class="profilentour">
        <center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span></center><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            <center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava"><div style="border: 1px dashed grey;">{postrow.displayed.POSTER_AVATAR}</div></span></center></div><br />
 <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Afficher le Profil')?'Masquer le Profil':'Afficher le Profil';this.lastChild.style.display=(this.firstChild.value=='Afficher le Profil')?'none':'block';" style="text-align: center;"><input type="button" value="Afficher le Profil" class="profil1"/><div style="display: none;  text-align:left;">
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
            </div></div>
        </span><br />
 
</div>
<div id=""></div><br />
        <img src="http://illiweb.com/fa/vide.gif" alt="" style="width: 150px; height: 1px;" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                  <hr />
               </td>
            </tr>
            <tr>
               <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                     <div>{postrow.displayed.MESSAGE}</div>

                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                 <!-- BEGIN switch_dl_att -->
                                 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                           </dl>
                           <!-- END switch_post_attachments -->
                        </dd>
                     </dl>
                     <!-- END switch_attachments -->

                     <div class="clear"></div>
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" nowrap="nowrap" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}<br />
         <!-- END switch_user_logged_in -->
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
         <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
         <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>
      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->
      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />
            <input type="hidden" name="sid" value="{S_SID}" />
            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js?pub=forumotion"></script>


Dernière édition par Alec Turner le Dim 4 Avr 2010 - 14:48, édité 1 fois

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Plus de fenêtre pour poster de message --> plus possible de poster

Message par Alec Turner le Dim 4 Avr 2010 - 14:39

et ma css ( message trop long)


Spoiler:
Code:
body {
   background-color: #C0C0C0;
   background-image: url("http://i46.tinypic.com/2hyxthz.png");
   background-attachment: fixed;
            background-position:top;
            background-repeat:no-repeat;

}

* html {
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;
   }
*+ html {
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;

   }
th,td,p {
    font-family:Georgia,Verdana,Arial,Helvetica,sans-serif }
a img {
    border: none;
    }
a:link,a:active,a:visited {
    color : #000000;
    }
a:hover{text-transform:uppercase;
background-color : #BEBCBB;
border-bottom: 0px dashed #8C4E46;
    }


hr{
    height: 0px;
    border: solid #888181 0px;
    border-top-width: 1px;
   }

.bodyline{
    -moz-border-radius:15px;
    background-color: #none;
    border:0px solid;
  }

.bodylinewidth {
   width:70%}


.forumline{
-moz-border-radius:10px 10px 10px 10px;
BORDER-RIGHT: 6px solid #AA968B; BORDER-TOP: 6px solid #AA968B; BORDER-LEFT: 6px solid #AA968B; BORDER-BOTTOM: 6px solid #AA968B
}
 


td.row1,td.row3.over:hover {
    background-color: #D6CAB2;
        background-image: url("none");
    }
td.row2,td.row1.over:hover {
    background-color: #D6CAB2;
        background-image: url("none");
    }

td.row3{
    background-color: #D6CAB2;
        background-image: url("none");
    }

td.rowpic {
   background-color: #D6CAB2;
            background-image: url("none");
   }
th {
   color: #FFE4B5;
   font-size: 11px;
   font-weight : bold;
   background-color: #7E695E;
   height: 25px;
   background-image: url("none");;
   padding: 2px 3px;
   }

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url("none");
   background-color:#7E695E;
    border: #8C4E46;
    border-style: dashed ;
    height: 28px;
   }
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
   }
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold;
    border: #8C4E46;
    border-style: solid;
   
/*height: 20px;
   */
}
td.row3Right,td.spaceRow {
   background-color: #BEBEBE
    border: #8C4E46;
    border-style: solid;
   }
td.pourcentback {
    background-color : #BEBEBE;
    }
th.thHead,td.catHead {
    font-size: 12px;
    border-width: 1px 1px 0px 1px;
    }
th.thSides,td.catSides,td.spaceRow {
    border-width: 0px 1px 0px 1px;
    }
th.thRight,td.catRight,td.row3Right {
    border-width: 0px 1px 0px 0px;
    }
th.thLeft,td.catLeft {
    border-width: 0px 0px 0px 1px;
    }
th.thBottom,td.catBottom {
    border-width: 0px 1px 1px 1px;
    }
th.thTop {
    border-width: 1px 0px 0px 0px;
    }
th.thCornerL {
    border-width: 1px 0px 0px 1px;
    }
th.thCornerR {
    border-width: 1px 1px 0px 0px;
    }

.maintitle, .maintitle h1{
   font-weight: bold;
    font-size: 22px;
    font-family:Georgia,TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
   text-decoration: none;
    line-height : 120%;
    color : #CD853F;
            text-shadow: #000000 1px 1px 1px;
   }

.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
   padding: 2px 3px;
   }
.forumline td.pagination {
   padding:0;
    }
.maintitle h1 {
   margin: 0;
    padding: 0;
    display: inline;
    }
.gen {
    font-size : 12px;
    }
.genmed {
    font-size : 11px;
    }
.gensmall {
    font-size : 10px;
    }
.gen,.genmed,.gensmall {
    color : #757175;
    }
a.gen,a.genmed,a.gensmall {
    color: #B1ADAE;
    text-decoration: none;
    }
a.gen:hover,a.genmed:hover,a.gensmall:hover{
    color: #FFDEAD;
    text-decoration: none;
    }


.mainmenu{
    font-size : 11px;
    color : #FFDEAD }


a.mainmenu{
font-size: 10px;
color: #FFDEAD;
text-align:center;
font-variant: small-caps;
font-family: georgia;
background-color: CDC0B0;
text-decoration: none;
border: 1px dashed #8C4E46;
-moz-border-radius: 6px;
margin-bottom: 15px;
text-shadow: #000000 1px 1px 1px;
   }

a.mainmenu:hover{
font-size: 11px;
color: #CDAF95;
font-variant: small-caps;
background-color: #CDC0B0;
text-decoration: none;
border: 1px dashed #8C4E46;
moz-border-radius: 6px;
    }

.cattitle{
    font-weight: bold;
    font-size: 12px ;
    letter-spacing: 1px;
    font-variant: small-caps;
    color : #CDAF95;
 }
h1.cattitle {
   margin:0;
    padding: 0;
    display:inline;
   }

a.cattitle{
    text-decoration: none;
    color : #CDB38B;
    }
a.cattitle:hover{
    text-decoration: none;
    }

.forumlink{
        font-variant: small-caps;
        font-size: 11px;
        color : #CDB38B;
    }
a.forumlink{
  text-shadow: #000000 1px 1px 1px;
  text-align: center;
  font-size: 14px;
  border-bottom: 3px groove  #8C4E46
  display: block;
  color: #CDB38B;
  Font-Weight: italic;
  background-color:#8B8989;
}

a.forumlink:hover{
text-decoration: none;
text-shadow: #000000 1px 1px 1px;
color : #CDB38B;
text-shadow: #000000 1px 1px 1px;}



.nav{
    font-weight: bold;
    font-size: 11px;
    color : #CDB38B;
    }
a.nav{
display:block;
text-decoration: none;
width: 200px;
text-align: center;
color: #000000;
padding-top: 2px;
padding-bottom: 2px;
border-bottom: 1px solid #8E653F;
font-family: Georgia,Arial,Tahoma;
font-size: 11px;
    }


a.nav:hover{
display:block;
text-decoration: none;
width: 200px;
text-align: right;
color: #000000;
padding-top: 2px;
padding-bottom: 2px;
border-bottom: 1px groove  #25224E;
font-family: Georgia,Arial,Tahoma;
font-size: 11px;
font-style: italic;};


.topictitle,h1,h2{
    font-weight: bold;
    font-size: 11px;
    color : #7E695E;
    }
div.topictitle {
   display: inline;
   }
h2.topic-title {
   display: inline;
    margin: 0;
    padding: 0;
   }
a.topictitle:link{
    text-decoration: none;
    color : #7E695E;
    }
a.topictitle:visited{
    text-decoration: none;
    color : #EECFA1;
text-shadow: #000000 1px 1px 1px;
    }
a.topictitle:hover{
    text-decoration: none;
    color : #EECFA1;
    }

.name{
    font-size : 11px;
    color : #8B8878;
   }
.name a{
    text-decoration:none;
    }
.postdetails{
    font-size : 11px;
    color : #none;
    }

.postbody{
    font-size : 12px;
    line-height: 18px}

a.postlink:link{
    text-decoration: none;
    color : #1B1E28}
a.postlink:visited{
    text-decoration: none;
    color : #ADAEB1;
text-shadow: #000000 1px 1px 1px;
    }
a.postlink:hover{
    text-decoration: none;
    color : #2C3161
text-shadow: #000000 1px 1px 1px;
    }

.code {
background: #9D9A9B;
color: #000000;
margin-left: 10px;
margin-top: 10px;
padding: 2px;
padding-left: 2px;
border-top : 1px  solid #D04444;
border-bottom : 1px  solid #D04444;
border-left : 5px  solid #D04444;
border-right : 5px  solid #D04444;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
}

.spoiler {
background: #9D9A9B;
margin-left: 10px;
margin-top: 10px;
padding: 2px;
padding-left: 2px;
border-top : 1px  solid #D04444;
border-bottom : 1px  solid #D04444;
border-left : 5px  solid #D04444;
border-right : 5px  solid #D04444;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
}

.quote {
background: #9D9A9B;
color: #000000;
margin-left: 10px;
margin-top: 10px;
padding: 2px;
padding-left: 2px;
border-top : 1px  solid #D04444;
border-bottom : 1px  solid #D04444;
border-left : 5px  solid #D04444;
border-right : 5px  solid #D04444;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
}

input,textarea, select {
background: #9D9A9B;
color: #CD7F7F;
border : 1px  solid #D04444;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
}


a.copyright{
    color: #8B8878;
    text-decoration: none;
   }
a.copyright:hover {
    color: #8B8878;
    text-decoration: none;
   }
.coloradmin {
    color: #2D3333}
.colormod {
    color: #006600}
.vote {
   float: right;
   width: 10px;
   margin-left: 4px;
   }
.vote .vote-button {
   text-align: center;
   font-weight: bold;
   margin-left: -1px;
   }
.vote .vote-button a {
   text-decoration: none !important;
   }
.vote .vote-bar {
   width: 3px;
   height: 50px;
   margin: 0 auto;
   border: 1px solid #0A0404;
   font-size: 0;
   }
.vote .vote-no-bar {
   letter-spacing:-2px;
   margin-left:-2px;
   white-space:nowrap;
   }
.vote .vote-bar-plus {
   background-color: #0f0;
   }
.vote .vote-bar-minus {
   background-color: #f00;
   }

h1.pagetitle {
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 12px;
   color: #39457C;
   }
h1.title2 {
   font-size: 11px;
   }
.secondarytitle,.secondarytitle h2 {
   margin: 0;
   padding: 0;
   color: #39457C;
            text-shadow: #000000 1px 1px 1px;
   }
.secondarytitle h2 {
   display:inline;
   }
.nav h1 {
   display: inline;
   }
.hierarchy {
   display: inline;
   margin: 0;
   padding: 0;
   text-transform: none;
   border: none;
   font-size: 10px;
   }
.mod-text {
   font-weight: bold;
   }
img{
   border:0}
input,textarea, select {
   color : #90536F;
;
   font: normal 11px Verdana,Arial,Helvetica,sans-serif;
   border-color : #0A0404;
   }
input.post, textarea.post, select {
    background-color : #201F20;
    }
.post-options {
   text-align: right;
   }
.post-options img {
   cursor: pointer;
   vertical-align: middle;
   }
input {
    text-indent : 2px;
    }
input.button {
   background-color : #201F20;
   color : #2C2E93;
   font-size: 11px;
    font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
   }
input.mainoption {
   background-color : #fafafa;
   font-weight : bold;
   }
input.liteoption {
   background-color : #fafafa;
   font-weight : normal;
   }
.helpline {
    background-color: #201F20;
    border-style: none;
    }
input {
    background-color: #201F20;
    }
button.button2, input.button2 {
   font-size: 0.7em;
   border: 1px solid #8C4E46;
   width: auto !important;
   padding: 1px 0px;
   font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
   color: #463755;
   background-repeat: repeat-x;
   background-color: #FAFAFA;
   background-image: url('http://illiweb.com/fa/prosilver/bg_button.gif');
   background-position: top;
   overflow: visible;
   vertical-align:middle;
   }
button.button2:hover, input.button2:hover {
   border: 1px solid #0500DD;
   color: #dd6900;
   background-position: 0 100%;
   }
* html button.button2, * html input.button2 {
   padding-bottom: 0;
   margin-bottom: 1px;
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2, *+html input.button2 {
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2 img {
    vertical-align: middle;
    }
* html button.button2 img {
    vertical-align: middle;
    }
button.bbcode {
   border: 1px solid #e3adad;
   background-image: url("http://illiweb.com/fa/wysiwyg/bg_button.png");
   }
.select {
   background-color: #BEBEBE;
   border: 1px solid #0500DD;
   position: absolute;
   z-index: 999;
   top: 0;
   left: 0;
   overflow: hidden;
   width: 0px;
   }
.select p {
   padding: 4px 6px;
   font-size: 0.7em;
   margin: 0px;
   white-space: nowrap;
   text-align: left;
   }
.select button {
   padding: 4px;
   font-size: 0.9em;
   margin: 0px;
   background-color: #BEBEBE;
   border: none;
   text-align:left;
   }
.select button.button2 {
   border:1px solid #0500DD;
   padding: 0px;
   }
* html .select button.button2 {
   padding-right: 3px;
   padding-left: 3px;
   }
.select button.button2:hover {
   border: 1px solid #dd6900;
   color: #dd6900;
   background-position: 0 100%;
   }
.select button:hover,.selectHover {
   cursor: pointer;
   background-color: #EEE;
   }
textarea#text_editor_textarea {
    width: 100% !important;
    }
iframe#text_editor_iframe {
   width: 100%;
   height: 200px;
   }
form#quick_reply textarea#text_editor_textarea {
   width: 100% !important;
   height: 100%;
   }
form#quick_reply iframe#text_editor_iframe {
    width: 100%;
    }
* html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
*+html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
#page-footer .gen strong {
   font-weight: normal;
   }
@import url("form_ie.css");
   @media print {
   body {
   background-image: none;
   background-color: #fff;
   color: #000;
   }
table.bodylinewidth span.maintitle {
   display: block;
   text-align: left;
   }
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile

border: 4px solid #FFFFFF;
-moz-border-radius:8px;
background-color:#D6CAB2;
}

,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
   display:none;
   }
{
    margin: auto;}


td.catHead, .t-title {
   text-align: left;
   }
table.bodylinewidth .cattitle {
   letter-spacing: normal;
    font-size: 1em;
   }
.thLeft,.thRight {
   color: #000;
    border: none;
    text-align:left;
   }
.hr hr {
    visibility: hidden;
    }
.hr {
   border-top: 1px dashed #ddd !important;
    }
tr.post td {
   vertical-align: top;
   border-bottom: 1px solid #ccc;
   }
tr.post td td {
   border: none;
   }
span.gen {
   display: none;
   }
}
ul.abuse {
   list-style: none;
   line-height: 1.5em;
   font-size: 0.9em;
   }
.rtl-spacer:before {
   content: " ";
   white-space: pre;
   }
.rtl-spacer:after {
   content: " ";
   white-space: pre;
   }
.warning {
   color:#ff3333;
   }
.captcha div.captcha-img {
   float: left;
   margin: 0 1em 0 0;
   }
.captcha .inputbox {
   margin-top: 0.5em;
   }
.center {
   text-align: center;
   }
.right {
   float: right;
   }
.left {
   float: left;
   }

/* TGF Clearfix */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }
*+ html .clearfix {
   min-height: 1px;
   }
* html .clearfix {
   position: relative;
    height: 1%;
    clear: both;
   }
#page-footer, .clear {
   clear: both;
   }
#page-footer h3 {
    margin-top: 20px;
    }
#content-container #left {
   width: 0px;
   margin-right: px;
   }
#content-container #right {
   width: 0px;
   margin-left: px;
   }
.module-title {
   font-weight: bold;
   margin: 0 auto;
   text-align: center;
   display: block;
   }




/* Chatbox */
#frame_chatbox {
   border: none !important;
   }
body.chatbox {
   min-width: 550px !important;
   background-image: none;
   padding: 0;
   margin: 0;
   background-color: #C0C0C0;
   }
#chatbox_members {
   position: absolute;
   top: 30px;
   bottom: 30px;
   width: 180px;
   overflow: auto;
   border-right: 1px solid ;
   }
#chatbox {
   position: absolute;
   top: 30px;
   left: 181px;
   right: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
   font-size: 12px;
   }
.chatbox-options {
   text-align:right;
   }
#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {
   float:right;
   }
#chatbox_footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 30px;
   }
#chatbox_footer table.text-styles {
   float: right;
   }
#chatbox_footer .text-field {
   float: left;
   }
#chatbox_header {
   height: 30px;
   background-color: #C0C0C0;
   }
#chatbox p {
   line-height: 1.2em;
   }
.chatbox_row_1 {
   padding: 4px;
   background-color: #622F47;
   }
.chatbox_row_2 {
   padding: 4px;
   background-color: #90536F;
   }
.chatbox_row_3 {
   padding: 4px;
   background-color: #90536F;
   }
.memberlist_row_1 {
   padding: 2px 2px 2px 10px;
   background-color: #90536F;
   }
#chatbox_members .member-title {
   text-align: center;
   padding: 0.5em 0.25em;
   background-image: none;
   font-size: 12px;
   background-color: #622F47;
   color : #592D43;
   font-family:Georgia,Verdana,Arial,Helvetica,sans-serif;
   }
#chatbox_members ul {
   list-style: none;
   margin: 0 0 0 10px;


   }
 #chatbox_members ul li,
body.chatbox {
background-image:url('none');
}
   
#message,#submit_button{
   border-width: 1px;
   }
.fontbutton {
   padding: 1px;
   cursor: pointer;
   text-align: left;
   }
.fontbutton_normal {
   background: #E1E1E2;
   }
.fontbutton_selected {
   background: #BBC7CE;
   border: 1px solid #22229C;
   }
.fontbutton_clicked {
   background: #959595;
   border: 1px solid #22229C;
   }
.fontbutton_hover {
   background: #E1E1E2;
   border: 1px solid #22229C;
   }
#chatbox .user {
   font-weight: bold;
   }
div#chatbox {
   color: #0A0404;
   }
#chatbox_contextmenu {
    background-color: #201F20;
    border:1px solid #aaa;
   }
#chatbox_contextmenu p {
   margin:0;
    padding: 1px 4px;
   font-family:Georgia,verdana, arial, sans-serif;
   background: #;
   border-bottom:1px solid #777;
    }
#chatbox_contextmenu p.hover {
    background: #;
    }
#chatbox_contextmenu p.close {
   background: #ddd;
    padding: 1px;
    font-size: 70%;
    color:#C0C0C0;
    background: url('');
    }
#chatbox_contextmenu p.close img {
    vertical-align: middle;
    padding-left: 20px;
   }
#chatbox_contextmenu a {
    color: #;
    text-decoration: none;
    font-size: 70%;
   }
#chatbox_contextmenu a:hover {
    color: #;
    }
.fontbutton{
   border:0;
   }
* html #chatbox-members {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }
* html #chatbox {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
   }
* html #chatbox-footer {
   
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }

/* poll */
.poll-result td {
   padding: 2px 4px;
    text-align: left;
   }
.poll-result td.poll-title,.poll-result td.poll-results {
   text-align: center;
   }
.progress-bar td {
   padding: 0 !important;
   }
.poll-ballot {
   text-align: left;
   }

/* Advanced profile */
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
   margin-right: 3px;
   }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
   margin-bottom: 3px;
   }
#profile-advanced-button {
   padding: 1px;
   }
#profile-advanced-details {
   overflow: hidden;
   }
#profile-advanced-details ol {
   margin: 0;
   padding: 0;
   list-style: none;
   }
#profile-advanced-details ol li {
   display: block;
   margin-bottom: 4px;
   }
#profile-advanced-details .avatar {
   float: left;
   }
.avatar {
   width: 50px;
   border: 1px solid #831934;
   background-color: #fff;
   }
.avatar img {
   width: 50px;
   }
.friend-block .avatar {
   margin: 0 auto;
   cursor:pointer;
   }
.avatar.mini, .avatar.mini img {
   width: 38px;
   height: 38px;
   }
.friend-block {
   float: left;
   width: 70px;
   margin: 1px;
   text-align: center;
   overflow: hidden;
   }
.friend_list_online_status {
   line-height: 11px;
   font-size: .9em;
   }
.friend_list_online_status img {
   vertical-align: middle;
   }
.friends-foes-list {
   float: left;
   width: 200px;
   height: 2em;
   }
#profile-advanced-details .message-block {
   margin-left: 57px;
   }
#profile-advanced-details .message-header {
   border-top: 1px solid #BEBEBE;
   background: #DCFE84;
   padding: 4px;
   margin-bottom: 4px;
   }
#profile-advanced-details .message-date {
   float: right;
   }
#profile-advanced-details .message-body {
   margin-bottom: 4px;
   }
#profile-advanced-details .message-footer {
   text-align: right;
   }
#profile-advanced-details .message-footer li {
   display: inline;
   margin: 0 0.25em;
   
/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
   content: ' .';
   
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
   margin-right: 0.25em;
   
/* Spacing between generation dot */
text-decoration: none;
   }
#profile-advanced-details .message-footer li.last:after {
   content: normal;
   }
#profile-advanced-add {
   margin-right: 4px;
   padding: 8px 0;
   text-align: right;
   }
#profile-advanced-details .stats-field {
   margin: 4px 0 10px 4px;
   padding: 0 10px 6px;
   }
#profile-advanced-details .stats-field legend {
   font-weight: bold;
   }
#profile-advanced-details .stats-field ul {
   list-style-type:none;
   text-indent: 10px;
   padding: 0;
   }
#profile-advanced-details .stats-field li {
   margin: 4px 0;
   }
#login_popup {
   position: absolute;
   z-index: 999;
   display: none;
   }
#login_popup_buttons {
   position: absolute;
   height:19px;
   bottom: 6px;
   right: 6px;
   }
#login_popup_buttons input {
   margin-left: 6px;
   }
ul.profile_field_list {
   padding:0;
   margin:0}
html ul.profile_field_list li {
   list-style-type: none;
   }
ul.profile_field_list > li {
   list-style-type: none;
   }
.inputURL {
   font-size:10px;
   font-family:"Courier New", "Times New roman";
   letter-spacing:-1px;
   }
.middleline {
   line-height:2em;
   }
.invisible{
   display:none;
   visibility:hidden;
   }
.visible{
   display:block;
   visibility:visible;
   }

/* ajax profil */
.ajax-profil_hover{
   background:transparent}
.ajax-profil_parent{
   position:relative;
   zoom:1;
   }
.ajax-profil_edit{
   cursor:pointer;
   position:absolute;
   top:0;
   left:-18px}
.ajax-profil_edit img{
   margin-left:4px}
.ajax-profil_valid{
   cursor:pointer;
   margin-left:4px;
   vertical-align:middle}
#profile-advanced-details dl{
   padding:8px 10 8px 0;
   width:98%;
   margin:10px 0 0;
   }
#profile-advanced-details dl dt{
   float:left;
   display:block;
   width:10em;
   }
#profile-advanced-details dl dd{
   margin-left:10em;
   padding-left:12px;
   }
#profile-advanced-details div.separator{
   clear:both;
   font-size:1px;
   line-height:1px;
   border-bottom:1px solid #dcdcdc;
   padding-top:10px;
   }
#profile-advanced-details .ajax-profil_edit{
   left:-4px;
   }

/* jqModal */
.jqmWindow {
   display: none;
   position: fixed;
   left: 50%;
   width: 450px;
   margin-left: -225px;
   top: 50%;
   margin-top: -125px;
   background-color: #637474;
   border: 1px solid #831934;
   }
.jqmOverlay {
   background-color: #000;
   }
.jqDrag {
   cursor: move;
   }

/* Blog */
.blog_cal-border {
   display: inline;
   float: left;
   border: 1px solid #831934;
   background: #637474;
   padding: 1px;
   font-size: 0.9em;
   margin-right: 10px;
   }
.blog_cal-content {
   width: 2.9em;
   background: #444F4F;
   padding: 1px;
   line-height: 1.4em;
   text-align: center;
   font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
   color: #201F20;
   }
.blog_cal-content span {
   display: block;
   }
.blog_cal-day {
   padding-left: 0.2em;
   font-size: 1.6em;
   letter-spacing: 0.2em;
   }
.blog_cal-month {
   line-height: 0.7em;
   font-size: 2em;
   font-weight: bold;
   }
.blog_cal-year {
   line-height: 1.2em;
   font-size: 0.8em;
   }
.blog_title {
   padding-top: 5px;
   font-size: 16px;
   }
.blog_title img {
   vertical-align: middle;
   }
.blog_title .topictitle {
   font-size: 16px;
   }
.blog_message {
   margin-top: 12px;
   font-size: 12px;
   }
.blog_comments {
   margin-bottom: 2px;
   text-align: right;
   }
.blog_comments img {
   vertical-align: middle;
   }
#blog_comments {
   width: 90%;
   margin: 0 auto;
   }
#blog_comments .postbody {
   width: 96%;
   }
.blog_comment-avatar {
   float: left;
   }
.blog_comment-avatar img {
   background-color: #fff;
   border: 1px solid #831934;
   vertical-align: middle;
   width: 38px;
   margin: 5px 5px 0 0;
   }
#blog_comments table {
   margin-bottom: 2px;
   }
#blog_comments .h3 {
   overflow: hidden;
   margin-top: 0;
   margin-left: 45px;
   padding: 0;
   min-height: 22px;
   }
.blog_comment-title {
   float: left;
   min-height: 12px;
   margin-top: 7px;
   }
.blog_comment-title a {
   text-decoration: none;
   }
#blog_comments .profile-icons {
   float: right;
   margin-bottom: 5px;
   }

/* Social bookmarking */
#bookmarks {
   float: right;
   }
#bookmarks a img {
   width: 20px;
   height: 20px;
   background: url(http://illiweb.com/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;
   vertical-align: middle;
   }
#bookmarks a img.twitter {
   width: 16px;
   height: 16px;
   margin: 2px;
   background: url(http://illiweb.com/fa/social_bookmarking/twitter.png) no-repeat scroll;
   }
#bookmarks img.delicious {
   background-position: -10px -10px;
   }
#bookmarks img.digg {
   background-position: -10px -50px;
   }
#bookmarks img.excite {
   background-position: -9px -90px;
   }
#bookmarks img.facebook {
   background-position: -9px -128px;
   }
#bookmarks img.furl {
   background-position: -10px -166px;
   }
#bookmarks img.google {
   background-position: -10px -206px;
   }
#bookmarks img.live {
   background-position: -9px -246px;
   }
#bookmarks img.netscape {
   background-position: -9px -284px;
   }
#bookmarks img.newsvine {
   background-position: -9px -322px;
   }
#bookmarks img.reddit {
   background-position: -10px -360px;
   }
#bookmarks img.slashdot {
   background-position: -10px -400px;
   }
#bookmarks img.smarking {
   background-position: -9px -440px;
   }
#bookmarks img.stumbleupon {
   background-position: -10px -478px;
   }
#bookmarks img.technorati {
   background-position: -10px -518px;
   }
#bookmarks img.yahoo {
   background-position: -10px -558px;
   }

/* wysiwyg */
.mceContentBody{
   background: #DCFE84
   color: #463755;
   }
.align_right{
   text-align: right;
   }

/* resize image */
.resizebox a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
   display: inline-block;
   zoom: 1;
   *display: inline;
   }
.resizebox a.fullsize {
   display: none;
   }
.resizebox a.resize {
   display: none;
   }
.resizebox {
   background-color: #fafafa;
   max-width: 100%;
   line-height: 1.1em;
   cursor: default;
   font-weight: normal;
   font-style: normal;
   margin: 0;
   text-align: left;
   }
.resizebox div {
   font-weight: normal;
   font-style: normal;
   margin: 0;
   }
.resizebox .resize_border {
   border: 1px solid #BEBEBE;
   }
.resizebox .resize_content {
   padding: 5px 10px;
   display: inline-block;
   zoom: 1;
   *display: inline;
   }
.resizebox .resize_filler {
   border: none;
   padding: 0;
   width: 40px;
   display: inline-block;
   zoom: 1;
   *display: inline;
   }



/* Spoiler */
.spoiler_closed {
   display:block;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   color: #444444;
   line-height: 125%;
   background-color: #fafafa;
   border: #;
   border-style: solid;
   border-left-width: 1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   }
.spoiler_closed.hidden {
   display:none;
   }
.spoiler_content {
   display:block;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   color: #444444;
   line-height: 125%;
   background-color: #fafafa;
   border: #;
   border-style: solid;
   border-left-width: 1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   }
.spoiler_content.hidden {
   display:none;
   }

.th.secondarytitle {-moz-border-radius-topleft:5px;}

#essai {color: #666666; font-size: 18px;}

.haut
{
border-left: 1px solid  #B05B45;
border-top: 1px solid #B05B45;
border-right: 1px solid  #B05B45;
width: 175px;
padding-top: 3px;
padding-bottom:3px;
background-color: #ffffff;
padding-left: 10px;
padding-right: 4px;
text-align: center;
position: relative;
left: 56%;
margin-left:4px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
}

.milieu
{
float: none;
border: 1px solid #B05B45;
padding-top: 3px;
padding-bottom:3px;
padding-left: 10px;
padding-right: 10px;
background-color: #ffffff;
text-align: justify;
-moz-border-radius:5px;
-webkit-border-radius:5px;
min-height: 70px;
width: 75%;
margin: auto;
font-size: 11px;
}

.bas
{
border-left: 1px solid #B05B45;
border-bottom: 1px solid #B05B45;
border-right: 1px solid #B05B45;
padding-top: 3px;
padding-bottom:3px;
background-color: #ffffff;
width: 60%;
padding-left: 10px;

-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
text-align:center;
}



/* QEEL */
.background{
background-image: url("http://i64.servimg.com/u/f64/11/74/97/65/qeel-211.png");
background-repeat: no-repeat;
}

.partgroup{
padding-top:200px;
text-align:center;
}

.groupes{
background-color:#935E51;
border: 1px #8C4E46 dashed;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-topright:20px;
height:30px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:12px;
font-weight: bold;
text-align:center;
text-decoration: none !important;}

.cadredroit{
-moz-border-radius:10px;
}
.cadregauche{
-moz-border-radius:10px;
border-right: 3px solid pink;
}

/* fiche de personnage  */


.lettrine {
float: left;
padding: 0.5%;
margin-right: 2px;
margin-top: 2px;
font-size: 300%;
color: #F6C394;
  text-shadow: 1px 1px 2px #777;
}


.cellule1 {
background-color: #7E3154;
text-align: center;
text-shadow: 1px 1px 2px #777;
FONT-FAMILY: georgia;
font-style: italic;
border-bottom: 5px solid #808080;
padding-top: 1%;
padding-bottom: 1%;
}

.contenu1 {
font-style: italic;
font-family: georgia;
padding: 2%;
background-color: #C0C0C0;
 text-shadow: 1px 1px 2px #777;
}

.cellule2 {
background-color: #CE518A;
font-family: georgia;
font-style: italic;
color: white;
padding: 1%;
text-shadow: 1px 1px 2px #777;
text-align: center;
}


.contenu2 {
font-style: italic;
font-family: georgia;
padding: 2%;
background-color: #C0C0C0;
color: white;
 text-shadow: 1px 1px 2px #777;
}

.cellule3 {
background-color: #FF82BA;
text-align: left;
text-shadow: 1px 1px 2px #777;
FONT-FAMILY: georgia;
font-style: italic;
color: #FFBFDC;
border-bottom: 5px solid #808080;
padding-left: 2%
}

.icon1 {
background-color: #FF82BA;
moz-border-radius: 10%;
webkit-border-radius: 10%;
padding: 8%;
opacity: 0.5;
}

.contenu4 {
font-style: italic;
font-family: georgia; 
background-color: #C0C0C0;
text-shadow: 1px 1px 2px #777;
padding-left: 6%;
}

.cellule5 {
background-color: #C0C0C0;
}

.contenu5 {
font-style: italic;
color: white;
font-family: georgia;
text-shadow: 1px 1px 2px #777;
text-align: center;
}

.contenu6 {
font-style: italic;
color: green;
font-family: georgia;
text-shadow: 1px 1px 2px #777;
}

.ptitre { /* Les titres des section */
background-color: #99CDFF; /* couleur du fond des titres */
color: #FFFFFF; /* couleur du texte des titres */
font-size: 20px; /* grandeur du texte des titres */
text-align: center; /* alignement au centre du texte */
}

.pentry { /* Les champs du formulaire: Surnom, Âge etc. */
font-weight: bold; /* En gras */
}




ACCEUIL------------------------------------->


.titre {
  font-variant: small-caps;
  background-color: #232323;
  color: #a8a7a3;
  font-weight: bold;
  border-bottom: 1px solid #8C4E46;
  font-size:10px;
  text-align:center;
  -moz-border-radius-topright: 10px;
  -webkit-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-radius-topleft: 10px;
}
.navigation a {
  text-align:center;
  font-variant: small-caps;
  color: #4b4f55;
  letter-spacing: 1px;
  display: block;
  text-decoration: none;
}

.navigation a:hover {
  background-color: #232323;
  font-weight:bold;
  color: #ffffff;
  border-left: 2px solid #8C4E46;
  border-right: 2px solid #8C4E46;
  text-decoration: none;
}

.table1{
  color: #232323;
  text-align:center;
}

.table2{
  color: #9B9797;
  text-align:center;
}

.annonces{
  display:block;
  text-align:left;
  border-left: 2px solid #8C4E46;
  padding-left:2px;
  margin-bottom:2px;
}

.contenu{
  padding-left:10px;
  padding-right:10px;
}


Menu horizontal


#navigation ul{
list-style-type: none;
text-align: center;
}
#navigation li{
display: inline;
text-align: center;
margin: 0 10px 0 0;
}
#navigation li a {
padding: 2px 7px 2px 7px;
color: #FFF;
background-color: #000000;
border: 1px solid #ccc;
-moz-border-radius:10px;
text-decoration: none;
}
#navigation li a:hover{
background-color: #333333;
color: #ffffff;
}
Accueil sarah

/* navigation */
div.menupa {
    position: relative;
    background-color: #C0C0C0; /* couleur fond menupa */
    text-decoration: none;
    font-variant: small-caps;
    -moz-border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    color: #8C4E46; /* couleur texte menu defilant */
    border: solid 2px #8C4E46;
}
div.menupa span{
    display: none;
    font-size: 12px;
}
div.menupa:hover {
    background: none;
    z-index: 999;
    cursor: help;
    -moz-border-radius: 10px 10px 0px 0px;
    background: #CDC9A5; /* couleur fond menu defilant */
    border-top: 2px solid;
    border-right: 2px solid;
    border-left: 2px solid;
    color: #ffffff;/* couleur texte menu defilant */
}
div.menupa:hover span{
    display: inline;
    position: absolute;
    top: 19px;
    left: -2px;
    background-color: #CDC9A5; /* couleur fond menu defilant */
    color: #ffffff; /* couleur texte menu defilant */
    padding: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-left: 2px solid;
    border-top: 2px dotted;
    -moz-border-radius: 0px 0px 10px 10px;
    width: 126px;
    text-align: center;
    font-variant: none;
    font-size: 13px;
}
/* entête menu */
div.entete  {
    background-color: #F6C394;
    color: #CDC9A5;
    font-variant: small-caps;
    text-transform: lowercase;
    text-align: center;
    -moz-border-radius: 0px 20px 0px 20px;
    background: transparent url("http://i64.servimg.com/u/f64/11/74/97/65/en-tet13.png"); /* image de fond entête */
    border-right: solid 1px #EECBAD; /* entête couleur cadre droite */
    border-left: solid 3px #FEFAF7; /* entête couleur cadre gauche */
    border-bottom: solid 1px #EECBAD; /* entête couleur cadre bas */
    border-top: solid 1px #EECBAD; /* entête couleur cadre haut */
}
div.entete:hover {
    border-left: solid 3px #5474FF; /* entête couleur cadre gauche (survolé) */
}
/* autre */
td {
    vertical-align:top;
}
* {
    font-family: Georgia,calibri;
}
/* infobulles administrateurs */
span.admins{
    position: relative;
}
span.admins span {
    display: none;
    font-size: 12px;
}
span.admins:hover {
    background: none;
    z-index: 999;
    cursor: help;
}
span.admins:hover span {
    -moz-border-radius: 15px;
    display: inline;
    position: absolute;
    top: 12px;
    left: -30px;
    background: #8C4E46; /* couleur fond infobulle admins */
    color: #ffffff; /* couleur texte & cadre infobulle admins */
    padding: 10px;
    border: 3px solid;
    text-align: center;
    font-size: 12px;
}
img.ad {
    border: 3px solid;
    border-color: #8C4E46; /* couleur cadre image admins */
    -moz-border-radius: 8px 8px 8px 8px;
    padding: 3px;
}
img.ad:hover {
    border: 3px solid;
    border-color: #8C4E46; /* couleur cadre image admins (survolé) */
    -moz-border-radius: 8px 0px 0px 8px;
}
/* bloc news & contexte */
.bloc {
    background-color: #8C4E46; /* couleur fond des blocs */
    -moz-border-radius: 15px 0px 0px 15px;
    padding: 15px;
    overflow: auto;
    height: 150px;
    color: #8C4E46; /* couleur cadre & texte des blocs */
    border: solid 1px;
    text-align: justify;
    font-size: 12px;   
}
.spoiler.hidden
.quote.spoiler_content,
 .spoiler .quote {display:none;}
.spoiler .quote.spoiler_content, .spoiler.hidden .quote {display:block;}


a { text-decoration: none; }




/* Profil Masqué */
.profilmasque /*c'est juste le css du bouton*/
{
background-color: #7E695E;
border: 1px solid  #; /* en pointillée et en gris*/
font-size: 12px; /*taille de la police*/
letter-spacing: 1px;
}

.profil1/*c'est le css de l'ensemble bouton+profil*/
{
width: 200px;
background-color: #;
border: 2px solid; #7E695E;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
}

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Plus de fenêtre pour poster de message --> plus possible de poster

Message par Alec Turner le Dim 4 Avr 2010 - 14:47

Trouvé ^_^

Pour information: j'ai utilisé le code donné sur forumactif pour faire un cadre autour de l'avatar ce qui a posé le problème donné ci -dessus

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum