Hỗ trợ Forumotion  » Tài Nguyên Forumotion » Kho Skin » Punbb

You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

avatar
  • Administrator
View user profile

Admin

Admin
loading...

Demo:



Code:
    {JAVASCRIPT}
    <!-- BEGIN switch_user_logged_in -->
    <div id="pun-visit" class="clearfix">
      <ul>
            <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
            <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
          <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
          <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
      </ul>
      <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
    </div>
    <!-- END switch_user_logged_in -->
    <!-- BEGIN switch_user_logged_out -->
    <div id="pun-visit">
      <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
    </div>
    <!-- END switch_user_logged_out -->

    <!-- BEGIN message_admin_index -->
    <div class="main">
      <!-- BEGIN message_admin_titre -->
      <div class="main-head">
          <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
      </div>
      <!-- END message_admin_titre -->

      <!-- BEGIN message_admin_txt -->
      <div id="pun-announcement">
          <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
      </div>
      <!-- END message_admin_txt -->
    </div>
    <!-- END message_admin_index -->

    <!-- BEGIN switch_user_login_form_header -->
    <div class="main">
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form main-box center">
          <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> 
          <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> 
          <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
          {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          <!-- BEGIN switch_fb_connect -->
          <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
          <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
          <!-- END switch_fb_connect -->
      </div>
    </form>
    </div>
    <!-- END switch_user_login_form_header -->

    {CHATBOX_TOP}
    {BOARD_INDEX}

    <!-- BEGIN disable_viewonline -->
    <div id="pun-info" class="main">
      <div class="main-content">
          <div id="stats">
            <p class="right">{TOTAL_POSTS}</p>
            <p>{TOTAL_USERS}</p>
            <p>{NEWEST_USER}</p>
          </div>
          <div id="onlinelist">
            <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
            <p class="right">
                <!-- BEGIN switch_viewonline_link -->
                <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
                <!-- END switch_viewonline_link -->
                <!-- BEGIN switch_viewonline_nolink -->
                {L_WHO_IS_ONLINE}
                <!-- END switch_viewonline_nolink -->
            </p>
            <p>{TOTAL_USERS_ONLINE}<br />
            {RECORD_USERS}

            <br />
            {LOGGED_IN_USER_LIST}

            {L_ONLINE_USERS}
            {L_CONNECTED_MEMBERS}<br />
            {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
            <div class="clear"></div>

            <p>{LEGEND} : {GROUP_LEGEND}</p>

          </div>
          <!-- BEGIN switch_chatbox_activate -->
          <div id="onlinechat">
            <p class="page-bottom">
            {TOTAL_CHATTERS_ONLINE} :
            {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
                <div id="chatbox_popup"></div>
                <script type="text/javascript">
                  insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                </script>
            <!-- END switch_chatbox_popup -->
            </p>
          </div>
          <!-- END switch_chatbox_activate -->
      </div>
    </div>
    <!-- END disable_viewonline -->

    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form main-box center">
          <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> 
          <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> 
          <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
          {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          <!-- BEGIN switch_fb_connect -->
          <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
          <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
          <!-- END switch_fb_connect -->
      </div>
    </form>
    <!-- END switch_user_login_form_footer -->

    {CHATBOX_BOTTOM}

    <!-- BEGIN switch_legend -->
    <ul id="pun-legend">
      <li>
          <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
          <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
          <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
      </li>
    </ul>
    <!-- END switch_legend -->

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
      appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true,
      oauth: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->

Trả lời nhanh


  • avatar
    Admin

    Post on 5/5/2012, 7:29 pm Admin

    Index_BOX

    Code:
        <div class="pun-crumbs">
          <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
        </div>
        <div class="main">
        <!-- BEGIN catrow -->
          <!-- BEGIN tablehead -->
              <div class="main-head">
                <div class="page-title">{catrow.tablehead.L_FORUM}</div>
              </div>
              <div class="main-content">
                <table cellspacing="0" class="table">
                    <thead>
                      <tr>
                         
                      </tr>
                    </thead>
                    <tbody class="statused">
          <!-- END tablehead -->

          <!-- BEGIN forumrow -->
                      <tr>
                          <td class="tcl" style="padding-right: 0px{catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: 42px{catrow.forumrow.INC_LEVEL_LEFT};">
                            <span class="status" style="margin-right: -32px{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -46px;">
                                <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                            </span>
                            <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                            <br />
                            {catrow.forumrow.FORUM_DESC}
                            <!-- BEGIN switch_moderators_links -->
                            <br />
                            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                            <!-- END switch_moderators_links -->
                            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                            <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                          </td>
                          <td class="tc2" style="width: 200px;"> <div style="width: 150px; height: 10px; margin-top: 30px; text-align: left; margin-left: 180px; font-family: 'Trebuchet MS', arial, serif; font-size: 11px;"><span style="color: #507CA9;">Topics: <span style="color: #666 !important;">{catrow.forumrow.TOPICS}</span><img src="http://i48.servimg.com/u/f48/16/98/46/39/untitl11.png" align="absmiddle">Posts: <span style="color: #666 !important;">{catrow.forumrow.POSTS}</span></span> </div></td>
                         
                          <td class="tcr">
                            <span>
                            <!-- BEGIN switch_topic_title -->
                            <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                            <!-- END switch_topic_title -->
                            {catrow.forumrow.USER_LAST_POST}
                            </span>
                          </td>
                      </tr>
          <!-- END forumrow -->

          <!-- BEGIN tablefoot -->
                    </tbody>
                </table>
              </div>
          <!-- END tablefoot -->
        <!-- END catrow -->
        </div>

        <!-- BEGIN switch_on_index -->
        <div class="main-box clearfix">
          <ul>
              <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
              <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
              <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
          </ul>
          <!-- BEGIN switch_delete_cookies -->
          <p class="right">
              <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
          </p>
          <!-- END switch_delete_cookies -->
        </div>
        <!-- END switch_on_index -->

    Trả lời nhanh
  • avatar
    Admin

    Post on 5/5/2012, 7:31 pm Admin

    Overall_Header

    Code:
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
        <head>
          <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
          <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
          <meta http-equiv="content-script-type" content="text/javascript" />
          <meta http-equiv="content-style-type" content="text/css" />
          <!-- BEGIN switch_compat_meta -->
          <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
          <!-- END switch_compat_meta -->
          <!-- BEGIN switch_canonical_url -->
          <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
          <!-- END switch_canonical_url -->
          {META_FAVICO}
          {META}
          {META_FB_LIKE}
          <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
          {T_HEAD_STYLESHEET}
          {CSS}
          <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
          <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
          <script src="{JQUERY_PATH}" type="text/javascript"></script>
          <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

          <!-- BEGIN switch_fb_login -->
          <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
          <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
          <!-- END switch_fb_login -->

          <!-- BEGIN switch_ticker -->
          <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
          <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
          <!-- END switch_ticker -->

          <!-- BEGIN switch_ticker_new -->
          <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
          <script type="text/javascript">//<![CDATA[
              /* Definir le sens de direction en fonction du panneau admin */
              var tickerDirParam = "{switch_ticker.DIRECTION}";
              var slid_vert = false;
              var auto_dir = 'next';
              var h_perso = parseInt({switch_ticker.HEIGHT});

              switch( tickerDirParam )
              {
                case 'top' :
                    slid_vert = true;
                    break;

                case 'left':
                    break;

                case 'bottom':
                    slid_vert = true;
                    auto_dir = 'prev';
                    break;

                case 'right':
                    auto_dir = 'prev';
                    break;

                default:
                    slid_vert = true;
              }

              $(document).ready(function() {

                var width_max = $('ul#fa_ticker_content').width();
                var width_item = Math.floor(width_max / {switch_ticker.SIZE});

                if (width_max > 0)
                {
                    $('#fa_ticker_content').css('display','block');

                    $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
                      if ($(this).width() > width_item)
                      {
                      var ratio      = $(this).width() / width_item;
                      var new_height = Math.round($(this).height() / ratio);
                      $(this).height(new_height).width(width_item);
                      }
                    });

                    if (slid_vert)
                    {
                      var height_max = h_perso;

                      $('ul#fa_ticker_content li').each( function () {
                          if ($(this).height() > height_max)
                          {
                            height_max = $(this).height();
                          }
                      } );

                      $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                      $('ul#fa_ticker_content li').height(height_max);
                    }

                    $('#fa_ticker_content').jcarousel({
                          vertical: slid_vert,
                      wrap: 'circular',
                      auto: {switch_ticker.STOP_TIME},
                      auto_direction: auto_dir,
                    scroll: 1,
                    size: {switch_ticker.SIZE},
                    height_max: height_max,
                    animation: {switch_ticker.SPEED}
                    });
                }
                else
                {
                    $('ul#fa_ticker_content li:not(:first)').css('display','none');
                    $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
                }
              });
          //]]>
          </script>
          <!-- END switch_ticker_new -->

          <script type="text/javascript">
          //<![CDATA[
          $(document).ready(function(){
              <!-- BEGIN switch_enable_pm_popup -->
                pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
                pm.focus();
              <!-- END switch_enable_pm_popup -->
              <!-- BEGIN switch_report_popup -->
                report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
                report.focus();
              <!-- END switch_report_popup -->
              <!-- BEGIN switch_ticker -->
                ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
              <!-- END switch_ticker -->
          });

          <!-- BEGIN switch_login_popup -->
              var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
          <!-- END switch_login_popup -->

          <!-- BEGIN switch_login_popup -->
          $(document).ready( function() {
              $(window).resize(function() {
                var windowWidth = document.documentElement.clientWidth;
                var popupWidth = $("#login_popup").width();
                var mypopup = $("#login_popup");

                $("#login_popup").css({
                "left": windowWidth/2 - popupWidth/2
                    });
              });
          });
          <!-- END switch_login_popup -->
          //]]>
          </script>
          {GREETING_POPUP}
          <!-- BEGIN switch_ticker_new -->
          <style>
          .jcarousel-skin-tango .jcarousel-item {
              text-align:center;
              width: 10px;
          }

          .jcarousel-skin-tango .jcarousel-item-horizontal {
              margin-right: {switch_ticker.SPACING}px;
          }

          .jcarousel-skin-tango .jcarousel-item-vertical {
              margin-bottom: {switch_ticker.SPACING}px;
          }
          </style>
          <!-- END switch_ticker_new -->
          {HOSTING_JS}
          <!-- BEGIN google_analytics_code -->
          <script type="text/javascript">
          //<![CDATA[
            var _gaq = _gaq || [];
            _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
            _gaq.push(["_trackPageview"]);

            (function() {
              var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
              ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
              var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
            })();
          //]]>
          </script>
          <!-- END google_analytics_code -->
        </head>

        <body>
          <!-- BEGIN hitskin_preview -->
          <div id="hitskin_preview" style="display: block;">
              <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
              <div class="content">
                <p>
                    {hitskin_preview.L_THEME_SITE_PREVIEW}
                    <br />
                    <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
                </p>
              </div>
          </div>
          <!-- END hitskin_preview -->

          <!-- BEGIN switch_login_popup -->
          <div id="login_popup" class="module main">
              <div id="login_popup_title" class="main-head">
                <div class="h3">{SITENAME}</div>
              </div>
              <div class="main-content">
                {LOGIN_POPUP_MSG}
                <div id="login_popup_buttons">
                    <form action="{S_LOGIN_ACTION}" method="get">
                      <input type="submit" class="button2" value="{L_LOGIN}" />
                      <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                      <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
                    </form>
                </div>
              </div>
          </div>
          <!-- END switch_login_popup -->

          <a id="top" name="top" accesskey="t"></a>
        <a href="/forum" title="Vào trang chủ ITvui"><div style="margin: 0 0 20px 150px"><img src="http://illiweb.com/fa/pbucket.gif" alt="Khám phá IT"></div></a>
          <div class="minwidth_IE">
              <div class="layout_IE">
                <div class="container_IE">
                    <div class="pun">



                         

                         

                      <div id="pun-head">
                                                  <div id="leftsidewrap"></div>
                                                  <div id="rightsidewrap"></div>
                          <div id="pun-navlinks">
                            <ul class="clearfix">
                                <li>{GENERATED_NAV_BAR}</li>
                            </ul>
                          </div>
                      </div>

                      <!-- BEGIN switch_ticker_new -->
                      <div id="fa_ticker_block" style="padding-top:4px;">
                          <div class="module main">
                            <div class="main-content clearfix">
                                <div id="fa_ticker_container">
                                  <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                                      <!-- BEGIN ticker_row -->
                                      <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                      <!-- END ticker_row -->
                                  </ul>
                                </div>
                            </div>
                          </div>
                      </div>
                      <!-- END switch_ticker_new -->

                      <!-- BEGIN switch_ticker -->
                      <div id="fa_ticker_block" style="padding-top:4px;">
                          <div class="module main">
                            <div class="main-content clearfix">
                                <div id="fa_ticker_container">
                                  <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                      <div class="fa_ticker_content">
                                        <!-- BEGIN ticker_row -->
                                        <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                        <!-- END ticker_row -->
                                      </div>
                                  </div>
                                </div>
                            </div>
                          </div>
                      </div>
                      <!-- END switch_ticker -->

                      <div id="page-body">
                          <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                            <div id="outer-wrapper">
                                <div id="wrapper">
                                  <div id="container">
                                      <div id="content">
                                        <div id="{ID_LEFT}">
                                            <!-- BEGIN giefmod_index1 -->
                                            {giefmod_index1.MODVAR}
                                            <!-- BEGIN saut -->
                                            <div style="height:{SPACE_ROW}px"></div>
                                            <!-- END saut -->
                                            <!-- END giefmod_index1 -->
                                        </div>
                                        <div id="main">
                                            <div id="main-content">

        <!-- BEGIN html_validation -->
                                            </div>
                                        </div>
                                      </div>
                                  </div>
                                </div>
                            </div>
                          </div>
                      </div>
                    </div>
                </div>
              </div>
          </div>
        </body>
        </html>
        <!-- END html_validation -->

    Trả lời nhanh
  • avatar
    Admin

    Post on 5/5/2012, 7:33 pm Admin

    CSS chia 2 phần nhé.

    CSS 1

    Code:
    * {
        margin: 0px;
        padding: 0px;
        }
    body {
      background-color: #ffffff;
      background-image: url('http://i40.servimg.com/u/f40/17/20/28/14/bg12.png');
      background-attachment: scroll;
      color: #333333;
      font-size: 12px;
      font-family: Verdana,Arial,Helvetica,sans-serif;
      }
    a {
      text-decoration: none;
    }

    .pun .user-ident .username a[href="/u5"], a.gensmall[href="/u5"], #onlinelist [href="/u5"], .statused a[href="/u5"], #stats [href="/u5"], #chatbox_members a[href="/u5"], #chatbox a[href="/u5"],  #onlinechat a[href="/u5"], .module a[href="/u5"] {
            text-decoration: italic !important;
      color: #C18347 !important;
     
        }
    /* Wrap .pun-------------------------------------------------------------*/
    .pun {
      width: 900px;
      margin: 0 auto;
      padding: 30px;
      margin-top: 50px;
      margin-bottom: 50px;
      border-top: solid 4px #76cdf5;
      background: #fff;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.32);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.32);
    /* Fix for RTL min-width bug, left here for consistency */
    min-width: 768px;
      line-height: 130%;
      }
    .pun div, .pun td, .sig-line {
      border-color: ##dddddd;
      color: ##dddddd;
      }
    .pun img, .pun fieldset {
      border: none;
      }
    .pun a:link {
      color: #00569c;
      }
    .pun a:visited {
      color: #666666;
        }
    .pun a:hover {
      color: #b42000;
        }
    .pun a:active {
      color: #b42000;
        }
    .pun a:focus {
      color: #00569c;
        }
    .pun h2, .pun h3, .pun th, .pun input, .pun select {
      font: normal 1em Verdana, Arial, sans-serif;
      }

    /* Main heading (Logo and description)-------------------------------------------------------------*/
    #pun-intro {
      margin: 0;
      padding: 1.5em 1em 1em 1em;
      border-bottom: none;
      background-color: none;
      background-image: url('http://illiweb.com/fa/empty.gif');
      text-align: center;
      background-repeat: repeat-x;
      }
    *+ html #pun-head {
      margin-top: -5px;
      }
    * html #pun-head {
      margin-top: -5px;
      }
    #pun-logo {
        text-align: center;
      margin: auto;
    margin-left: 100px !important;
        }
    #pun-title {
      padding-left: 5px;
      white-space: nowrap;
      color: #ffffff;
      font-family: Verdana,Arial,Helvetica,sans-serif;
      font-size: 20px;
      }
    #pun-title h1 {
      font-size: inherit;
      font-weight: inherit;
      color: inherit;
      }
    p#pun-desc {
      color:#DDDDDD;
      padding: 0.3em 0 0 5px;
      }
    #leftsidewrap {
      background: url('http://i48.servimg.com/u/f48/16/98/46/39/leftsi13.png') no-repeat;
      width: 102px;
      height: 43px;
      padding: 0 !important;
      margin-left: -105px !important;
      float: left;
    }
    #rightsidewrap {
      background: url('http://i48.servimg.com/u/f48/16/98/46/39/rights13.png') no-repeat;
      width: 102px;
      height: 43px;
      padding: 0 !important;
      margin-right: -105px !important;
      float: right;
    }
    /* Main navigation (Menu, information and crumbs)-------------------------------------------------------------*/
    #pun-head #pun-navlinks {
      padding: 9px 6px 11px 20px;
      background: url('http://i48.servimg.com/u/f48/16/98/46/39/navbar16.png') repeat-x;
      border-color: #dddddd;
      height: 35px;
      width: 880px;
      margin-left: -3px;

      }
    #pun-navlinks ul {
      list-style: none;
      text-align: center;
      }
    #pun-navlinks li {
      display: inline;
      font-size: 11px;
      }
    #pun-navlinks li a {
        margin: 0 0.5em 0 0;
      color: #666666;
        padding: 5px;
        }
    #pun-navlinks a, #pun-navlinks a:visited {
     
    /*color: #fff;
      */
    text-decoration: none;
      }
    #pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
      color: #666666;
      background: rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
        border-radius: 3px;
      padding: 5px;
    /*color: #fff;
      */
    }
    #pun-visit,.main-box {
      border-color: #dddddd;
      border-style: solid;
      border-width: 1px;
      padding: 0.6em 1em;
      background-color: #f4f4f4;
      margin: 0 0 1em 0;
      }
    #pun-visit ul,.main-box ul {
      float: right;
      width: 70%;
      text-align: right;
      list-style-type: none;
      }
    .main-box ul {
      float: left;
      width: auto;
      }
    #pun-visit li,.main-box li {
      margin-left: 0.7em;
      white-space: nowrap;
      float: right;
      }
    .pun-crumbs {
      padding: 0.2em 1em;
      margin: 0 1px 1em 1px;
      }
    .pun-crumbs p {
      margin: 0;
      line-height: 1.5;
      font-size: 1.11em;
      color: #666;
      }
    .pun-crumbs a {
        text-decoration: none;
        }

    /* **************************************************************************Most stable Standards-compliant 3-column layout by Ryan Brillhttp://www.alistapart.com/articles/negativemargins
    /************************************************************************** */
    #content-container div#container {
      width: 100%;
      float: left;
      margin-right: -0px;
      }
    #content-container div#content {
      margin-right: 0px;
      }
    #content-container div#main {
      margin-bottom: 1em;
      overflow: hidden;
     
    /* Fixes 3-column negative margins float clearing bug: http://archivist.incutio.com/viewlist/css-discuss/97678 Thanks Georg! */
    }
    *+ html #content-container div#main {
      margin-left: 0px;
      }
    #content-container div#left {
      width: 0px;
      float: left;
      margin-right: 0px;
      overflow: hidden;
      }
    #content-container div#right {
      width: 0px;
      float: right;
      overflow: hidden;
      }
    * html #content-container #main-content {
     
    /* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don't work no more... ?? */
    overflow: visible;
      margin-right: 0px;
      }
    * html #content-container div#main {
     
    /* FIX for IE6 */
    margin-right: -99%;
      width: 100%;
      float: left;
      }
    #page-body {
      margin: 4px 0;
      width: 100%;
      }

    /* Announcement Box-------------------------------------------------------------*/
    #pun-announcement {
      border-style: solid;
      border-width: 0px;
      padding: 1em;
      background-color: none;
      }
    .pun .main .main-content.message {
        background-color: #fbfbfb;
        }
    .pun .main .main-content p.message {
      margin: 1.7em;
      padding: 1em;
      background-color: #fff;
      border: 1px solid #dddddd;
      }

    /* Main headings and Pagination-------------------------------------------------------------*/
    .pun .main, .pun .main-category {
      margin: 1em 0;
      }
    .main .main-head, .main .main-foot {
      padding: 8px 1.3em;
      font-weight: normal;
      color: #333;
      background: url('http://i48.servimg.com/u/f48/16/98/46/39/green17.png') no-repeat;
      height: 44px;
      width: 953px;
      margin-bottom: -23px;
      margin-left: -37px;
      }
    .main .main-head {
      background: url('http://i48.servimg.com/u/f48/16/98/46/39/green17.png') no-repeat;
      height: 44px;
      width: 953px;
      margin-left: -37px;

      }
    .main .main-head .page-title {
      font-size: 16px;
      color: #333;
      font-family: 'Georgia', arial, Serif;
      letter-spacing: 1px;
     
      }
    .main .main-head .page-title h2{
      font-size: 16px;
      color: #333;
      font-family: 'Georgia', arial, Serif;
      letter-spacing: 1px;
     
      }
    .pun .main-foot .h2, .pun .main-head .h2  {
     font-size: 16px;
      color: #333;
      font-family: 'Georgia', arial, Serif;
      letter-spacing: 1px;
    }
    .main .main-head h2{
      font-size: 16px;
      color: #333;
      font-family: 'Georgia', arial, Serif;
      letter-spacing: 1px;
      }
    .pun .main-content {
      border: 1px solid #ccc;
      background-color: #fbfbfb;
      margin-bottom: 20px;
     
      }
    .pun .style1 {
      background-color: #fbfbfb;
      padding: 0.5em;
      }
    .pun .style2 {
      background-color: #f4f4f4;
      padding: 0.5em;
      }
    .pun .main-foot .h2, .pun .main-head .h2 {
      float: left;
      }
    .pun .main .options {
      float: right;
      text-align: right;
      color: #ccc;
      }
    .pun .main .options a,.pun .main .options a:link,.pun .main .options a:visited {
      margin-left: 0.5em;
      color: #ccc;
      text-decoration: none;
      }
    .pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited {
      margin-left: 0.6em;
      color: #ccc;
      text-decoration: underline;
      }

    /* Table-------------------------------------------------------------*/
    .pun table.table {
      width: 100%;
      table-layout: fixed;
      empty-cells: show;
      border-collapse: collapse;
      }
    .pun .frm .frm-form table {
      border: 1px solid #dddddd;
      border-top: 1px solid #1F537B;
      border-color: #bbb;
      }
    .pun table.table th {
      padding: 0.5em 0;
      border-style: none;
      border-color: #;
      background-color: #f4f4f4;
      color: #333333;
      }
    .pun table.table td {
      padding: 0.6em 0 0.7em;
      border-width: 0px;
      border-style: solid none none solid;
      line-height: 130%;
      background-color: #fbfbfb;
      border-color: #dddddd;
      }
    .pun .main table td.tc2, .pun .main table td.tc3 {
      background: #E2E2E2 url('http://i48.servimg.com/u/f48/16/98/46/39/table_10.png') repeat-x;
      }
    .pun table.table td table td {
      border: none;
      padding: 0px;
      }
    .pun table .tcl {
      width: 50%;
      overflow: hidden;
      text-align: left;
      }
    .pun table.table th.tcl {
      padding-left: 0.5em;
      }
    .pun .frm .frm-form table .tc2 {
        text-align: left;
        padding-left: 0.5em;
      }
    .pun .table .tc2, .pun .table .tc3 {
      width: 10%;
      text-align: center;
      border-top: 1px solid #ccc;
      }
    .pun .frm .frm-form table .tc4 {
      text-align: center;
      width: 5%;
      }
    .pun table .tcr {
      width: 30%;
      overflow: hidden;
      text-align: left;
      padding: 0 0 0 0.5em !important;
      background: #E2E2E2 url('http://i48.servimg.com/u/f48/16/98/46/39/table_10.png') repeat-x !important;
      border-top: 1px solid #ccc !important;

      }
    .pun table th.tcl,.pun table th.tc2,.pun table th.tc3,.pun table th.tc4,.pun table th.tcr {
      overflow: hidden;
      }
    .pun table .report {
        width: 9%;
        }
    .pun .main table.table td.report {
        background-color: #f4f4f4;
        }
    .pun table .tdtopics {
        padding-left: 42px;
        }
    .pun table .tdtopics .status {
        margin-left: -32px;
        }
    .pun table .tdtopics img, .pun .posthead img {
      vertical-align: middle;
      }
    table .tcl.memberlist {
      width: 25%;
      }
    .pun tbody.statused td.tcl {
      padding-left: 3.4em;
      }
    .pun tbody.statused span.status {
      position: absolute;
      }
    .pun table td.tcl {
      border-left-style: none;
      border-left-width: 0;
      vertical-align: top;
      height: 42px;
      padding-left: 0.5em;
      min-height: 24px;
      background: #E2E2E2 url('http://i48.servimg.com/u/f48/16/98/46/39/table_10.png') repeat-x;
      border-top: 1px solid #ccc;

      }
    pun table td.tcl .height-giver {
      min-height: 42px;
      visibility: hidden;
      width: 1px;
      }
    td.avatar-mini a {
      text-decoration: none;
      }
    td.avatar-mini a span {
      text-decoration: underline;
      }
    td.avatar-mini img {
      background-color: #fff;
      border: 1px solid #1f537b;
      vertical-align: middle;
      width: 38px;
      height: 38px;
      }
    * html .pun table {
      position: relative;
      }
    * html .pun table td.tcl {
      position: relative;
      }
    .pun table td.tcl h2 {
      font-weight: bold;
      }
    .pun .main table.table td.td-title {
      background-color: #f4f9fd;
      }
    .pun .main table.table th.name {
      padding-left: 0.5em;
      }
    .pun .sticky-separator {
      border-top: 5px double #dddddd !important;
      }
    .mod-text {
      font-weight: bold;
      }
    h2.topic-title {
      display: inline;
      }
    .hierarchy {
      display: inline;
      text-transform: none;
      border: none;
      font-size: 10px;
      font-weight: bold !important;
      }

    /* Stats-------------------------------------------------------------*/
    #stats {
      padding: 0.6em 1em;
      line-height: 150%;
      background-color: #f4f4f4;
      }
    td.stat-bar {
      padding: 0 10px !important;
      }
    td.stat-bar div {
      white-space: nowrap;
      }
    #onlinelist {
      border-top: 1px dashed #ccc;
      padding: 0.6em 1em;
      background-color: #f4f4f4;
      }
    #onlinelist img {
      float: left;
      }
    #onlinelist h3 {
      float: left;
      margin-right: 0.5em;
      line-height: 150%;
      }
    #onlinelist p {
      line-height: 150%;
      }
    #onlinechat {
      border-top: 1px dashed #ccc;
      padding: 0.6em 1em;
      background-color: #f4f4f4;
      }

    /* Legend-------------------------------------------------------------*/
    ul.pun-legend,ul#pun-legend{
      list-style-type: none;
      text-align: center;
      margin-bottom: 20px;
      }
    ul.pun-legend li {
      display: inline;
      margin-right: 20px;
      }
    ul.pun-legend li img {
      vertical-align: bottom;
      }

    /* Faq-------------------------------------------------------------*/
    .faq {
      padding: 1em;
      background-color: #fbfbfb;
      }
    .faq a {
      text-decoration: none;
      }
    .faq a:hover {
      text-decoration: underline;
      }
    .faq dd {
      margin: 1em 1.7em;
      padding:1em;
      background-color:#f4f9fd;
      border:1px solid #E6E6E6;
      color:#666666;
      }
    .faq p {
      margin: 0 0 1em 0;
      }
    noscript div.message {
      background-color: #ffffe1;
      border: 1px solid #F0F0B4;
      }
    noscript div.message p {
      padding: 0 1.3em 0;
      margin: 1em 0;
      }

    /* bbCode */
    .codebox {
      margin: 1em;
        background-color: #ffffe1;
        border: 1px dotted #dddddd;
      }
    .codebox dt {
      padding: 0.25em;
        border-bottom: 1px dotted #dddddd;
      }
    .codebox dd {
      margin: 0.5em;
        padding: 0.5em;
        background-color: #ffffe1;
      }
    .faq dd ul {
      margin: 0 2em;
        }
    .codebox + blockquote {
      margin: 0.5em 3em;
        padding: 0.5em;
        background-color: #fff;
        border: 1px dotted #dddddd;
      }
    .codebox dd.cont_code{
      max-height:200px;
      overflow:auto;
      }

    /* Forms-------------------------------------------------------------*/
    .main .main-content.frm {
      background-color: #fbfbfb;
      }
    .main .main-content.google {
      background-color: #F2F2F2;
      padding: 10px 10px 0px 10px;
      }
    .main .frm-info {
      margin: 1.7em;
      padding: 1em 1em;
      background: #ffffe1;
      border: 1px solid #E6E6E6;
      }
    .main ul.frm-info {
      list-style-type: none;
      }
    .main .frm-info li {
      padding: 0 0 1em 2em;
      background: url('blue.png') no-repeat top left;
      }
    fieldset.frm-set {
      margin: 1.7em;
      padding: 0 0 1em 0;
      border: none;
      }
    fieldset.left {
      width: 35%;
      float: left;
      }
    fieldset.right {
      width: 45%;
      float: right;
      }
    .pun .set1 {
      border-top: none;
      padding-top: 0;
      margin: 0;
      }
    fieldset.frm-set.multi {
      border-bottom: 1px dashed #dddddd;
      }
    fieldset.frm-set.last {
      padding-bottom: 0;
      }
    fieldset.frm-set dl:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      }
    * html fieldset.frm-set dl {
        height: 1%;
      }
    *+ html fieldset.frm-set dl {
        height: 1%;
      }
    fieldset.frm-set dl dt,fieldset.frm-set dl dd {
      padding: 0.5em;
      }
    fieldset.frm-set dl dt {
      display: block;
      width: 16em;
      text-align: right;
      float: left;
      font-weight: bold;
      }
    fieldset.frm-set dl dd {
      margin-left: 17em;
      }
    *+ html fieldset.frm-set dl dt {
      height: 1%;
      }
    fieldset.frm-set dl dd label {
      margin: 0 1em 0 0;
      }
    fieldset.frm-set .required {
      margin: 0 0.25em;
      font-style: normal;
      color: #b42000}
    * html fieldset.frm-set dl {
        height: 1%;
      }
    .frm-buttons {
      padding: 0.7em 0 0 17.5em;
      border-top: 3px double #dddddd;
      margin-bottom: -0.7em;
      margin-top: 0.5em;
      }
    .frm-buttons-right {
      padding: 0.7em 0 0 17.5em;
      border-top: 3px double #dddddd;
      margin-bottom: -0.7em;
      margin-top: 0.5em;
      text-align:right;
      }
    .frm-buttons.full {
      padding: 0.7em 0 0 0em;
      }
    dl.frm-buttons {
      padding: 0px;
      }
    fieldset.frm-set .frm-buttons .button {
      overflow: visible;
     
    /* IE hack for buttons */
    padding: 1px 0.5em 2px 0.5em;
      font-size: 1em;
      vertical-align: middle;
      line-height: 1.2;
      margin-right: 1em;
      }
    .frm-form fieldset.frm-set .inputbox {
      width: 40%;
      }
    .frm-form fieldset.frm-set textarea.inputbox {
      width: 99%;
      }
    fieldset.frm-set textarea.inputbox {
      background-color:#ffffff}
    .frm-form fieldset.frm-set .italic {
      font-size: 0.9em;
      }
    .frm-form fieldset.frm-set input[type="radio"] {
      margin: 0 0.5em 0 0;
      }
    .frm-form fieldset.frm-set input[type="checkbox"] {
      margin: 0 0.5em 0 0;
      }
    .frm-form select option {
      padding: 0 2em 0 0;
      }
    .sub-head {
      margin: 0.5em 1.7em;
      padding: 0 0 0.5em 0;
      border-bottom: 1px solid #dddddd;
      }
    .sub-head h2 {
      display: inline;
      color: #0C4675;
      font-weight: bold;
      }
    .sub-head span {
      color: #0C4675;
      font-weight: bold;
      }
    .pun .frm .frm-buttons input {
      overflow: visible;
      padding: 1px 0.5em 2px 0.5em;
      font-size: 1em;
      vertical-align: middle;
      line-height: 1.2;
      margin-right: 1em;
      }
    .pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
        width: 82%;
        }
    *+ html dd.frm-input,*+ html .dd-textarea {
      display: inline;
        margin: 0 !important;
        }
    *+ html dd.frm-input input {
      width: 60% !important;
        }
    * html dd.frm-input,* html .dd-textarea {
      display: inline;
        margin: 0 !important;
        }
    * html dd.frm-input input {
      width: 60% !important;
        }
    dd.frm-textarea #text_editor_textarea, #textarea_content dd.frm-textarea iframe#text_editor_iframe {
        width: 100%;
        }
    .pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe {
      height: 250px;
      margin-top: -15px;
      }
    dd.dd-textarea iframe#text_editor_iframe {
        background-color:#FFFFFF;
        }

    /* Advanced profile-------------------------------------------------------------*/
    div.nav-head {
      margin: -1px 0 0 0;
      padding: 0.7em 1.3em;
      font-weight: normal;
      color: #dedfdf;
      background: #1F537B;
      }
    #tabs {
      min-width: 932px;
      }
    * html #tabs {
      width: 100%;
      }
    #tabs ul {
      list-style-position: outside;
      list-style-type: none;
      padding: 0 1.8em;
      white-space: nowrap;
      }
    #tabs ul li {
      float: left;
      margin: 0;
      padding: 0 4px 0 0;
      }
    #tabs ul li.activetab a {
      background-color: #AF9968;
      border-color:##6D5F3A;
      color: #333333;
      text-decoration:none;
      -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
      }
    #tabs ul li.activetab a:hover {
      background-color: #AF9968;
      }
    #tabs ul li a {
      float: left;
      padding: 0 1em;
      color: #333 !important;
      background-color: #EFD9A8;
      border: 1px solid #AF9968;
      font-size:1.1em;
      font-weight:normal;
      line-height: 2em;
      text-decoration:none;
      -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
      }
    #tabs ul li a:hover {
        background-color: #C4AE7D;
        }

    /*Profile View*/
    fieldset.profile-view dl dt {
      width: 8em;
      text-align: left;
      font-weight: normal;
      }
    fieldset.profile-view dl dd {
      margin: 0;
      }
    #profile-advanced-layout {
      float: left;
      margin-right: -302px;
      width: 100%;
      }
    #profile-advanced-left {
      margin-right: 302px;
      }
    #profile-advanced-left .main {
      margin-top: 0;
      }
    #profile-advanced-avatar {
      float: left;
      width: 30%;
      }
    #profile-advanced-points, #profile-advanced-reputation {
      float: left;
      }
    #profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
      margin-right: 4px;
      }
    #profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
      margin-bottom: 4px;
      margin-top: 20px !important;
     
      }
    #profile-advanced-details .main-content {
      padding: 4px;
      }
    #profile-advanced-details .pagination {
      float: left;
      }
    #profile-advanced-details ol {
      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 #1f537b;
      background-color: #fff;
      }
    .avatar img {
      width: 50px;
      }
    .friend-block .avatar {
      margin: 0 auto;
      cursor:pointer;
      }
    .friend-block {
      float: left;
      width: 70px;
      margin: 1px;
      text-align: center;
      overflow: hidden;
      }
    .friend_list_online_status {
      line-height: 11px;
      font-size: .7em;
      }
    .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 #dddddd;
      background: #f4f4f4;
      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: underline;
      }
    #profile-advanced-details .message-footer li.last:after {
      content: normal;
      }
    #profile-advanced-layout #new-message {
      position: relative;
      margin-top: 20px;
      }
    #profile-advanced-layout #tabs {
      position: absolute;
      bottom: 0;
      }
    #profile-advanced-layout #new-message-link {
      position: absolute;
      bottom: 0;
      right: 4px;
      padding-bottom: 4px;
      }
    #profile-advanced-details .top {
      margin-bottom: 16px;
      }
    #profile-advanced-details .bottom {
      margin-top: 16px;
      }
    #profile-advanced-right {
      float: right;
      width: 302px;
      margin-top: 6%;
      }
    #profile-advanced-add {
      margin-right: 4px;
      padding: 7px 0 6px;
      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;
      }

    /* Calendar-------------------------------------------------------------*/
    .pun .main fieldset.calendar {
      margin: 0;
      padding: 0;
      }
    .pun p.left-box {
      float: left;
      }
    .pun p.right-box {
      float: right;
      }
    * html p.left-box,* html p.right-box {
      position: relative;
     
    /*fixes IE6 peekaboo bug*/
    }
    .pun .main p.right-box a,.pun .main p.left-box a {
      color: #dedfdf;
      }
    * html .pun .main p.right-box a,* html .pun .main p.left-box a {
      height: 1%;
      }
    .pun .main table.calendar {
      border: none;
      }
    .pun .main table.calendar thead th {
      padding: 0.5em;
      background-color: #f4f4f4;
      font-weight: bold;
      }
    .pun .main table.calendar td {
      padding: 0;
      border: 1px solid #dddddd;
      overflow: hidden;
      }
    .pun .main table.calendar td.row2:hover {
      background-color: #f4f9fd;
      }
    .pun .main table.calendar .row3 {
      padding: 0.25em;
      background-color: #f4f4f4;
      }
    table.calendar ul {
      list-style-type: none;
      height: 10em;
      }
    table.calendar ul li {
      margin: 0.25em;
      }
    table.calendar p.right-event {
      padding: 0.25em;
      text-align: right;
      }
    .overview.calendar .left-overview {
      padding: 0.25em;
      }
    #mini-calendar {
      float: left;
      width: 270px;
      margin: 1em;
      }
    #mini-calendar .table {
      margin-bottom: 1em;
      border-left: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd;
      border-right: 1px solid #dddddd;
      }
    #calendar-result {
      margin: 1em 0;
      float: left;
      width: 68%;
      }
    .bday {
      border: 1px solid #dddddd;
      }
    .bday td {
      text-align: center;
      }
    .bday .name {
      width: 20%;
        text-align: left;
      }
    .bday .www {
      width: 10%;
        text-align: center;
        overflow: hidden;
      }

    /* Gallery-------------------------------------------------------------*/
    .gallery-cat {
      float:left;
      margin-left: 1%;
      margin-bottom: 0.5em;
      min-height:125px;
      background-color: #fff;
      border: 1px solid #dddddd;
      }
    * html .gallery-cat {
      height: 125px;
      }
    br.clear-column {
      display:none;
      }
    * html .clear-column {
      display: block !important;
      clear: both;
      }
    .gallery-cat p {
      padding: 0.5em;
      }
    fieldset.gallery input.inputbox {
      width: 80%;
      }
    .gallery-nav .gallery-cat {
      width: 19%;
      margin: 1% 0 1% 1%;
      padding: 1em 0 0;
      text-align: center;
      }
    .gallery-cat img {
      margin: 0.25em;
      }
    .gallery-cat:hover {
      background-color: #f4f9fd;
      }
    .gallery-cat .info-gallery {
      text-align: center;
      font-size: 0.9em;
      clear: both;
      }
    .pic-container {
      overflow: auto;
      }

    /* Special effects */
    fieldset.effects dl {
      float: left;
      width: 19%;
      min-height: 10em;
      margin: 0 0.5em 0.5em 0;
      border: 1px solid #dddddd;
      }
    fieldset.effects dl:hover {
      background-color: #f4f9fd;
      }
    fieldset.effects dt {
      float: left;
        padding: 0.25em;
        font-weight: bold;
      }
    fieldset.effects dd {
      padding: 0.25em;
        border-top: 1px solid #dddddd;
        text-align: center;
        margin-top: 2em;
        }
    fieldset.effects dd.check {
      float: right;
        width: 1em;
        margin: 0.15em;
        border: none;
        clear: right;
      }

    /* Mod Control Panel */
    table.mod-cp {
      width: 100%;
      border-bottom: 1px solid #dddddd;
      }
    table.mod-cp th {
      padding: 0.6em 1em 0.7em;
      background-color: ;
      }
    table.mod-cp th.name,table.stats th.name {
      width: 25%;
      text-align: left;
      }
    table.search th {
      text-align: left;
      }
    table.search th.fixed {
      width: 8em;
      }
    table.mod-cp td {
      text-align: center;
      }
    table.mod-cp td.long-string {
      text-align: left;
      }
    .main .mark {
      margin: 1.7em 1.7em 0;
      }
    .main .mark a {
      color: #00569C !important;
      }
    .main .mark a:hover {
      color: #B42000 !important;
      }
    .gallery.overview img {
      float: left;
      margin: 1em 1em 0.5em 0.5em;
      padding: 0.25em;
      border: 2px dashed #dddddd;
      }
    table.stats th.smallcell {
      width: 3%;
      }
    table.stats td {
      text-align: center;
      }
    table.search td,table.search .tcl {
      text-align: center;
      }

    /* Avatar Gallery */
    .main .avatar-gallery {
      padding: 1.7em;
      }
    .main .avatar-gallery div p.select-avatar {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 0.25em;
      background-color: #dddddd;
      text-align: center;
      }
    * html .main .avatar-gallery div p.select-avatar {
      width: 114px;
      }
    .main .avatar-gallery div div {
      float: left;
      position:relative;
      width: auto;
      height: 260px;
      margin: 0.5em 0.25em;
      background-color: #f4f9fd;
      text-align: center;
      border: 1px solid #dddddd;
      overflow: hidden;
      }
    .main .avatar-gallery div div img {
      margin: 0.5em;
      border: 1px solid #dddddd;
      }

    /* Stand-alone classes-------------------------------------------------------------*/
    .main-content.standalone {
      margin: 0.5em 0;
      padding: 1em;
      background-color: #fbfbfb;
      }
    .main-content.standalone h2 {
      margin: 0 0 1em 0;
      border-bottom: 1px solid #dddddd;
      font-size: 1.7em;
      }
    .main-content.standalone .button {
      margin: 1em;
      padding: 0.5em 1em;
      border: 1px solid #dddddd;
      }
    .main-content.standalone .button.button1 {
      font-weight: bold;
      }
    .main-content.standalone .button:hover {
      background-color: #fff;
      border: 1px solid #B42000;
      }
    .posting-confirm {
      margin: 1em;
      }

    /* Pagination-------------------------------------------------------------*/
    .pun .paged-head, .pun .paged-foot {
      /*border: 1px solid #dddddd;
      background-color: #fbfbfb;*/
      background-color: none;
      border: none;
      padding: 0.6em 1.3em 0.3em 1.3em;
      }
    .pun .paged .posting {
      float: right;
      font-weight: bold;

      font-size: 1.2em}
    .pun .paging {
      float: left;
      font-weight: bold;
      font-size: 1.1em}
    strong.pagination {
      font-weight: normal;
      }

    /* Post Basic Layout-------------------------------------------------------------*/
    .pun .topic {
      border: 1px solid #dddddd;
      border-style: none solid;
      background: #f4f9fd;
      }
    .pun .post {
      border-style: solid none;
      border-width: 2px 0 1px 0;
      border-color: #eee #fff #ccc #fff;
      }
    * html .pun .post {
      height: 1%;
      }
    *+ html .pun .post {
      min-height: 1px;
      }
    .pun .postmain {
      background-color: #fbfbfb;
      border-left: 1px solid #dddddd;
      margin-left: 17em;
      }
    .pun .posthead {
      padding: 0.5em 1.3em 0.5em 1em;
      background: #f4f4f4;
      border-bottom: 1px dashed #ccc;
      }
    .pun .posthead h2 strong {
      float: right;
      }
    .pun .postbody {
      width: 100%;
      }
    .pun .post-entry {
      padding: 1em 1em 0 1em;
        font-size: 13px;
      font-family: 'Georgia', arial, serif;
      color: #444; !important;
      line-height: 160%;
      }
    .pun .entry-content {
      padding-bottom: 0.8em;
      overflow: hidden;
      width: 100%}
    .pun .entry-content ul,.pun .entry-content ol {
      margin-left: 2em;
      }

    /*Posting layouts*/
    .postmain blockquote {
      padding: 0.5em 1em;
      background-color: #fff;
      border: 1px solid #dddddd;
      }
    .postmain cite {
      display: block;
      margin: 0 0 1em 0;
      font-weight: bold;
      font-style: normal;
      }
    .vote {
      float: right;
      width: 9px;
      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 #333333;
      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;
      }

    /* User information general layout-------------------------------------------------------------*/
    .pun .user {
      padding-top: 1.6em;
      overflow: hidden;
      width: 17em;
      white-space: normal;
      display: inline;

      }
    .pun .post .user {
      float: left;
      margin-left: -16em;
      margin-top: -1.8em;
      position:relative;

      }
    .pun .user .user-ident {
      padding: 0 0 0.7em 0;
      font-size: 12px;
      }
    .pun .user-ident .username {
      font-size: 1.2em;
      font-weight: bold;
      display: block;
      position: absolute;
      top: 0;
      text-decoration: none;
      color: #00569c;

      }
    * html .pun .user-ident .username {
      padding: 0 0 0.25em;
      }
    *+ html .pun .user-ident .username {
      padding: 0 0 0.3em;
      }
    .pun .user-ident .username a{
      text-decoration:none}
    .pun .user-ident .user-basic-info {
      font-weight: bold;
      }
    .pun .user .user-info {
      color: #666;
      line-height: 1.8em;
      }
    .pun .user .user-info img {
      vertical-align: middle;
    }
    .postfoot {
      clear: both;
      margin-left: -17em;
      border-top: 1px dashed #ccc;
      padding: 0.5em 1em;
      text-align: right;
      }
    div.post-options img{
      cursor: pointer;
      }
    .pun .postfoot .user-contact {
      float: left;



    Last edited by Admin on 5/5/2012, 7:36 pm; edited 1 time in total

    Trả lời nhanh
  • avatar
    Admin

    Post on 5/5/2012, 7:35 pm Admin

    Copy ngay sau Code CSS 1

    CSS 2:

    Code:
    width: 15em;
      text-align: left;
      }
    * html .pun .postfoot {
      margin-left: 0;
      }
    .pun .sig-content {
      padding-top: 0.8emmargin-left: -17em;
      clear:both;
      position: relative;
      padding: 0.5em 1em;
      }
    .pun .p-hidden {
      text-align:center;
      padding: 15px 0px;
      border-bottom: 1px solid #dddddd;
      }
    .pun .sig-content .sig-line {
      margin: 0 auto;
      border-top-style: solid;
      border-top-width: 1px;
      border-color: #dddddd;
      display: block;
      padding-bottom: 0.5em;
      width: 250px;
      }

    /* Plus menu-------------------------------------------------------------*/
    .overview {
      background-color: #f4f9fd;
      border: 1px solid #dddddd;
      font-family: Verdana,Arial,Helvetica,sans-serif;
      }
    .title-overview {
      background-color: #f4f9fd;
      padding: 5px 5px 0 0;
      }
    .overview h1 {
      border-bottom: 1px solid #dddddd;
      font-size: 1em;
      text-align: center;
      padding: 0.25em 0.5em;
      }
    .left-overview {
        padding: 5px 5px 0;
        }
    .left-overview a {
        font-weight: normal;
        }
    .center-overview {
        padding: 0.5em;
        text-align: center;
        }
    p.center-overview a {
      color: #00569c !important;
      }
    * html .center-overview {
      height: 1%;
      }
    .topic-overview {
      padding: 0.5em;
      background-color: #fff;
      }
    .overview-info {
      padding: 0.25em 0.5em;
      background-color: #fbfbfb;
      font-size: 0.8em;
      border-bottom: 1px dotted #dddddd;
      }
    .dashed {
      color: #f4f9fd;
      background-color: #f4f9fd;
      border: none;
      }
    #search_menu .forumline {
      padding: 0.5em;
      }
    #search_menu .forumline .thHead {
      font-weight: bold;
      }
    #search_menu .forumline td {
      padding: 0.5em 0;
      }
    #search_menu .forumline span.genmed a {
      color: #333333 !important;
        font-size: 0.9em;
      }
    #search_menu .forumline input.post {
      border: 1px solid #dddddd;
      }

    /* Table forumline-------------------------------------------------------------*/
    table.forumline {
      background-color: #f4f9fd;
      border: 1px solid #dddddd;
      }

    /* Text editor (quick reply)-------------------------------------------------------------*/
    .pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited {
      padding-left: 20px;
      background-repeat: no-repeat;
      background-position: left;
      background-image: url('http://illiweb.com/fa/punbb/helpdark.png');
      }
    .pun .frm-form {
      background: #fbfbfb;
      border: none;
      }
    .pun div.frm-form {
        margin: 1.7em;
        }
    .dd-textarea {
     
    /*width: 72%;
      */
    width:auto;
      }
    button.button2, input.button2 {
      font-size: 0.9em;
      border: 1px solid #BCBCBC;
      width: auto !important;
      margin: 0px 0.25em 0;
      padding: 2px 3px;
      font-family: Verdana,Arial,Helvetica,sans-serif;
      color: #000000;
      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;
      }
    body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {
     
    /* Opera does not see this */
    padding: 1px 0;
      }
    button.button2:hover, input.button2:hover {
      border: 1px solid #b42000;
      color: #b42000;
      background-position: 0 100%;
      }
    * html button.button2, * html input.button2 {
      padding-bottom: 0;
      margin: 0 0.25em;
      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;
        }
    .select {
      background-color: #ffffff;
      border: 1px solid #BCBCBC;
      position: absolute;
      z-index:100;
      top: 0;
      left: 0;
      overflow: hidden;
      width: 0px;
     
    /*margin: -15px 0px 0px -30px;
        DAV 10/01/2011 */
    }
    * html .select {
      margin-top: -9px;
      }
    .select p {
      padding: 4px 6px;
      font-size: 0.9em;
      margin: 0px;
      }
    .select button {
      padding: 4px;
      font-size: 0.9em;
      margin: 0px;
      background-color: #FFF;
      border: none;
      text-align: left;
      }
    #sel_smilies_content button {
      background-color: #ffffff;
      }
    .select button.button2 {
      border: 1px solid #BCBCBC;
      padding: 0px;
      }
    *+html .select button.button2 {
      padding-right: 3px;
      padding-left: 3px;
      }
    * html .select button.button2 {
      padding-right: 3px;
      padding-left: 3px;
      }
    .select button.button2:hover {
      border: 1px solid #b42000;
      color: #b42000;
      background-position: 0 100%;
      }
    .select button:hover,.selectHover {
      cursor: pointer;
      background-color: #EEE;
      }
    button.bbcode {
      border: 1px solid #e3adad;
      background-image: url("http://illiweb.com/fa/wysiwyg/bg_button.png");
      }
    #text_editor_controls {
      margin: 10px 0px 0px 210px;
      white-space:pre-wrap;
      word-wrap:break-word;
      }
    #textarea_content iframe#text_editor_iframe,#text_editor_textarea {
      width: 100%;
     
    /*height: 100%;
      */
    }
    *+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea {
      width: 60%;
      }
    * html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea {
      width: 60%;
      }
    *+ html #text_editor_textarea.quick_reply_textarea {
      width: 60% !important;
      }
    * html #text_editor_textarea.quick_reply_textarea {
      width: 60% !important;
      }
    #quick_reply .frm-buttons{
     
    /*padding-left:210px;
      */
    padding-left:0;
      }
    #quick_reply table{
      border:none;
      }
    div.posting-block {
      width: 80%;
     
    /*width:100%;
      */

    /* CKE */
    float: left;
      margin-right: 20px;
      }
    .pun .frm div.posting-block dd.frm-textarea {
        width: auto;
        }
    .helpline {
      margin-left: 210px;
      }
    *+ html .helpline {
      display: block;
      height: 1em;
      }
    * html .helpline {
      display: block;
      height: 1em;
      }

    /* Smilies-------------------------------------------------*/
    #smiley-box {
      float: left;
      width: 15%;
      margin: 6px 0px 0px 0px;
      }
    #smiley-box iframe{
      border: none;
      overflow: auto;
      height: 300px;
      width: 100%;
      height: 260px;
      }
    .smiley-element {
        margin-top: 5px;
        }
    .smiley-element img {
        margin: 0px 15px 10px 0px;
        }
    .smiley-element a,.smiley-element a img {
        border:none;
        }
    #smiley-box-wysiwyg {
      float: left;
      margin: 25px 0px 0px 15px;
      width: 20%;
      background-color: #fbfbfb;
      }
    * html #smiley-box-wysiwyg {
      margin: 25px 3px 0px 0px;
      }
    *+html #smiley-box-wysiwyg {
      margin: 25px 3px 0px 0px;
      }
    #smiley-box-wysiwyg iframe{
      border: none;
      overflow: auto;
      height: 300px;
      width: 100%;
      height: 280px;
      background-color: #fbfbfb;
      }

    /* Privmsg-------------------------------------------------------------*/
    .pun-privmsg {
      list-style-type: none;
      text-align: center;
      }
    .pun-privmsg li {
      display: inline;
      margin-left: 15px;
      font-weight: bold;
      }
    .pun-privmsg li a {
      font-weight: normal;
      }
    .pun-privmsg li img {
      vertical-align: middle;
      }

    /* Popup-------------------------------------------------------------*/
    .popup {
      margin: 0px;
      min-width: 390px;
      }
    .popup h1 {
      font-size: 1.1em;
      margin-top: 5px;
      }

    /* Chatbox-------------------------------------------------------------*/
    body.chatbox {
      background-image: none;
      padding: 0;
      margin: 0;
      background-color: #ffffff;
      }
    #chatbox_header {
      height: 30px;
      }
    #chatbox_header.main-head {
      padding: 0 1.3em;
      color: #dedfdf;
      background-color: #1f537b;
      }
    .chatbox-title,.chatbox-title a.chat-title {
      color: #dedfdf;
      text-decoration: none;
      }
    .chatbox-title {
      float: left;
      margin: 0;
      padding: 2px 5px 0 5px;
      width: 15em;
      }
    .chatbox-options {
      float: right;
      list-style: none;
      font-size: 11px;
      margin: 0.7em 0.5em 0.5em 0.5em;
      }
    .chatbox-options li {
      display:inline;
      }
    .chatbox-options li,.chatbox-options li a,.chatbox-options li label {
      color: #dedfdf;
      }
    #chatbox_members {
      position: absolute;
      top: 30px;
      bottom: 30px;
      width: 180px;
      overflow: auto;
      border-right: 1px dashed #ccc;
      }
    #chatbox_messenger_form {
      margin: 10px 0 0 0;
      }
    #chatbox_members .member-title {
      text-align: center;
      padding: 0.5em 0.25em;
      background-image: none;
      font-size: 12px;
      background-color: #f4f9fd;
      color : #00569c;
      font-family: Verdana,Arial,Helvetica,sans-serif;
      }
    #chatbox_members ul {
      list-style: none;
      margin: 0 0 0 1em;
      }
    #chatbox_members ul li {
      margin: 0.5em 0.5em 0.5em 0;
      }
    #chatbox {
      position: absolute;
      top: 30px;
      left: 181px;
      right: 0;
      bottom: 30px;
      overflow: auto;
      line-height: 10px;
      }
    #chatbox p {
      line-height: 1.2em;
      }
    .chatbox_row_1 {
      padding: 4px;
      background-color: #fbfbfb;
      }
    .chatbox_row_2 {
      padding: 4px;
      background-color: #f4f4f4;
      }
    .chatbox_row_3 {
      padding: 4px;
      background-color: #f4f9fd;
      }
    #chatbox .user {
      font-weight: bold;
      }
    .memberlist_row_1 {
      background-color: #fbfbfb;
      }
    #chatbox_footer {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      border-top: 1px dashed #ccc;
      }
    #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;
      }
    .fontbutton {
      background:#E1E1E2 none repeat scroll 0%;
      border:medium none;
      color:#000000;
      float:left;
      margin-right:10px;
      padding:1px;
      }

    /*Internet Explorer fixers and hacks for Chatbox *
    /* 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");
      }
    #chatbox_contextmenu {
      border: 2px solid black;
      background-color: #f4f9fd;
      }
    #chatbox_contextmenu p {
      margin:0;
      padding: 1px 4px;
      font-family: verdana, arial, sans-serif;
      background: #fbfbfb;
      border-bottom:1px solid #777;
      }
    #chatbox_contextmenu p.hover {
      background: #f4f4f4;
      }
    #chatbox_contextmenu p.close {
      padding: 1px;
      font-size: 95%;
      color:#fff;
      background: url('');
      }
    #chatbox_contextmenu p.close img {
      vertical-align: middle;
      padding-left: 20px;
      }
    #chatbox_contextmenu a {
      color: #00569c;
        text-decoration: none;
        font-size: 95%;
      }
    #chatbox_contextmenu a:hover {
      color: ;
      }

    /* Portal / Modules-------------------------------------------------------------*/
    .module {
      overflow: hidden !important;
      }
    .module.main {
      margin: 0 !important;
      }
    .module.main .h3{
      padding-left: 30px;
      }
    .module .main-content {
      padding: 1em;
      }
    .module .main-content table {
      table-layout: fixed;
      }
    .module .main-content ul {
      margin: 0 2em;
      }
    .module p.author {
      padding: 0.25em;
      background-color: #f4f4f4;
      border-bottom: 1px solid #dddddd;
      font-size: 0.9em;
      }
    .module h3.news {
      padding: 0.5em;
      background-color: #dddddd;
      font-weight: bold;
      }
    .module div.body {
      padding: 0.5em;
      }
    .module .full-reading {
      margin-top: 2em;
      }
    .module div.body ul,.module div.body ol {
      margin-left: 2em;
      }
    .module p.comments {
      padding: 0.25em 0.25em 1em;
      border-top: 1px dashed #dddddd;
      font-size: 0.8em;
      }
    fieldset.frm-set.login {
      margin: 0;
      }
    fieldset.frm-set.login dl dt {
      width: auto;
      margin: 0 1em 0 0;
      text-align: left;
      }
    fieldset.frm-set.login dl dd {
      margin: 0;
      }
    .module .details img {
      border: 1px solid #dddddd;
      margin: 0 1em;
      }
    .module .details dt {
      font-weight: bold;
      }
    #calendar.main-content {
      padding: 0;
      }
    #calendar .calendar-header,#mini-calendar .calendar-header {
      border-left: none;
        border-bottom: 1px solid #dddddd;
      }
    #calendar table tr.date td:first-child,#mini-calendar table tr.date td:first-child{
      border-left: none;
      }
    .module #calendar {
      min-width: 180px;
      }
    .module hr {
      height: 1px;
      margin: 1em 0;
      border: 0.5px solid #dddddd;
      }
    .ballot fieldset {
      margin: 0.5em 0;
      }
    .ballot fieldset dd {
      float: left;
      }

    /* Groups-------------------------------------------------------------*/
    .frm-set dd ul {
      list-style-type: none;
      }

    /* Donate-------------------------------------------------------------*/
    .donate .quotebox {
      padding: 1em;
      background-color: #f4f4f4;
      border-bottom: 1px solid #dddddd;
      }
    .donate .donate-form p {
      padding: 1.7em;
      }
    .donate .column {
      width: 49%;
      }

    /* Report Abuse-------------------------------------------------------------*/
    .captcha div.captcha-img {
      float: left;
      margin: 0 1em 0 0;
      }
    .captcha .inputbox{
      margin-top: 0.5em;
      }
    .warning {
      color: #ff3333;
      }
    .report-abuse-textarea {
      width: 70%;
      }

    /* RPG-------------------------------------------------------------*/
    fieldset.frm-set.left.rpg,fieldset.frm-set.right.rpg {
      width: 47%;
      margin: 5px;
      }
    fieldset.frm-set.rpg dt {
      text-align: left !important;
      width: auto;
      float: none !important;
      }
    fieldset.frm-set.rpg dd {
      margin-left: 0 !important;
      }
    fieldset.frm-set.rpg dd table {
      display: table;
      width: 100%;
      border: 1px solid #dddddd;
      padding: 0;
      border-spacing: 0;
      border-collapse: collapse;
      }
    fieldset.frm-set.rpg dd table td {
      padding: 5px;
      }

    /* Helpful classes-------------------------------------------------------------*/
    .center {
        text-align: center;
        }
    .right {
        float: right;
        }
    .left {
        float: left;
        }
    .margin-field {
        margin: 0px 1.7em;
        }
    .normal {
        font-weight: normal;
        }
    .bold {
      font-weight: bold;
      }
    .clear {
      clear: both;
      height: 1px;
      }
    * html .clear {
     
    /* removes useless space in ie6 */
    display: none;
      }
    .clearfix:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      }
    *+ html .clearfix {
      min-height: 1px;
      }
    * html .clearfix {
      height: 1%;
        clear: both;
      }

    /* Footer-------------------------------------------------------------*/
    #pun-about {
      border-style: solid;
      border-width: 1px;
      border-color: #dddddd;
      text-align: right;
      line-height: 150%;
      padding: 0.6em 1em;
      background-color: #f4f4f4;
      font-size: 10px;
      }
    #pun-about ul {
      list-style-type: none;
      }
    #pun-about ul li {
      display: inline;
      }
    #pun-about ul li a {
      font-weight: bold;
      }
    #pun-about #qjump {
      float: left;
      text-align: left;
      }
    #pun-about #qjump label {
      font-weight: bold;
      }
    #pun-about #qjump fieldset {
      border: none;
      }
    #pun-foot {
      clear: both;
      }
    #pun-foot h3 {
        margin-top: 20px;
        }
    #pun-foot #pun-about ul li strong {
      font-weight: normal;
      }
    td.fav-icon img {
      float: left;
      margin: 0 1em 2em 0.5em;
      }

    /* Login Popup---------------------------------------------------*/
    #login_popup {
      position: absolute;
      z-index: 999;
      display: none;
      background-color: #fbfbfb;
      border: 1px solid #dddddd;
      }
    #login_popup_buttons {
      position: absolute;
      bottom: 8px;
      right: 6px;
      }
    #login_popup_buttons input {
      margin-left: 6px;
      }

    /* BEGIN TESTING FOR MEDIA PRINT */
    @media print {
      * {
      background-image: none;
      background-color: #fff;
      color: #000;
      }
    body {
      margin: 0;
      }

    /* Header */
    body div.pun {
      width: 95%;
      margin: 0;
      }
    div#pun-intro {
      padding: 0 0 1em 0;
      text-align: left;
      }
    p#pun-desc#pun-intro #pun-logo,p#pun-desc,#pun-navlinks,#pun-visit,.noprint {
      display: none;
      }

    /* Posts */
    .pun .main .paged-head,.pun .main .main-head p.h2 a,.pun .main .sig-content,.pun .main .paged-foot,.pun .main .postmain img,.pun .main .postmain .postfoot,.pun .main .main-foot,.pun .main .user-ident .user-basic-info,.pun .main .user-info,.pun #pun-qpost {
      display:none;
      }
    .pun .main .main-head {
      border-bottom: 1px solid #ddd;
      }
    .pun .main .main-head p.h2 {
      margin: 0;
        padding: 0;
      }
    .pun .main .main-head .h2 strong {
      margin-left: 0.25em;
      }
    .pun .main .posthead h2 a {
      margin-right: 0.5em;
      }
    .pun .main .main-content {
      border: none;
      }
    .pun .main .post {
      border: none;
        border-bottom: 1px solid #ddd;
      }
    .pun .main .post .user {
      float: none;
      }

    /* Footer */
    .pun .pun-crumbs .crumbs {
      font-size: 0.8em;
      }
    .pun .pun-crumbs .crumbs a {
      margin: 0 1.25em 0 0.5em;
      }
    #pun-foot,#pun-info {
      display: none;
      }
    }

    /* END TESTING FOR MEDIA PRINT */
    ul.profile_field_list {
      padding: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:6px;
      left:-12px;
      }
    .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: #ffffff;
      border: 1px solid #f4f9fd;
      }
    .jqmWindow .main {
      margin: 0;
      }
    .jqmOverlay {
      background-color: #000;
      }
    .jqDrag {
      cursor: move;
      }

    /* First Post */
    #first-post-br {
      width: 80%;
      border: 0;
      border-top: solid 1px #ccc;
      margin: 20px auto;
      }

    /* Blog */
    .blog_cal-border {
      display: inline;
      float: left;
      border: 1px solid #1f537b;
      background: #fbfbfb;
      padding: 1px;
      font-size: 1.2em;
      margin-right: 3em;
      }
    .blog_cal-content {
      width: 2.9em;
      background: #1f537b;
      padding: 1px;
      line-height: 1.4em;
      text-align: center;
      font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
      color: #ffffff;
      }
    .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: 1.1em;
      font-size: 1.2em;
      }
    .blog_title .status {
      margin-top: -0.1em;
      }
    .blog_title .topictitle {
      font-size: 1.1em;
      text-decoration: none;
      }
    .blog_message {
      margin-top: 0.5em;
      font-size: 1.1em;
      }
    .blog_comments {
      margin-right: 0.5em;
      font-size: 0.8em;
      text-align: right;
      }
    .blog_comments img {
      vertical-align: middle;
      }
    #blog_comments {
      width: 90%;
      margin: 0 auto;
      }
    #blog_comments .posthead {
      padding: 2px 4px;
      }
    .blog_comment-avatar {
      float: left;
      }
    .blog_comment-avatar img {
      background-color: #fff;
      border: 1px solid #1f537b;
      vertical-align: middle;
      width: 38px;
      margin: 2px 2px 4px;
      }
    #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_comments .postfoot {
      margin-left: inherit;
      }
    .no_comment {
      padding: 10px 0;
      }

    /* 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: #f4f4f4;
      color: #333333;
      }

    /* resize image */
    .resize_process .resizebox {
      display: none;
      }
    .resize_process img.resize_img {
      display: none;
      }
    .resizebox a.enlarge, .resizebox.showfull a.fullsize, .resizebox.enlarged a.resize {
      display: inline-block;
      zoom: 1;
      *display: inline;
      }
    .resizebox.enlarged a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
      display: none;
      }
    .resizebox {
      background-color: #ffffe1;
      max-width: 100%;
      line-height: 1.1em;
      cursor: default;
      font-size: 11;
      font-weight: normal;
      font-style: normal;
      margin: 0;
      text-align: left;
      display: inline-block;
      }
    .resizebox div {
      font-weight: normal;
      font-style: normal;
      margin: 0;
      }
    .resizebox .resize_border {
      border: 1px solid #fbfbfb;
      display: block;
      }
    .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;
      }
    .attachbox {
      background-color:#ffffe1;
      border:1px dashed #f4f9fd;
      clear:left;
      float:left;
      margin:5px 5px 5px 0;
      padding:6px;
      width:auto;
      color:#333333;
      }
    .attachbox dt {
      font-family:Arial,Helvetica,sans-serif;
      text-transform:uppercase;
      }
    .attachbox dd {
      border-top:1px solid #f4f9fd;
      clear:left;
      font-size:0.9em;
      margin-left:10px;
      padding:0;
      }
    dl.file {
      display:block;
      font-family:Verdana,Arial,Helvetica,sans-serif;
      margin-bottom:10px;
      }
    dl.file dt {
      font-family:Verdana,Arial,Helvetica,sans-serif;
      font-weight:bold;
      margin:0;
      padding:0;
      text-transform:none;
      }
    dl.file dt img {
      vertical-align:middle}
    .info {
      font-size:10px;
      font-style:italic;
      }

    /* Spoiler */
    .spoiler_content {
      display:none;
      }
    .spoiler_content.hidden {
      display:block;
      }

    Nguồn: Cntt-k3

    Trả lời nhanh
  • avatar
    S.Red

    Post on 27/11/2014, 8:05 pm S.Red

    đẹp

    Trả lời nhanh
  • avatar
    anonymos.owner

    Post on 15/8/2017, 1:34 am anonymos.owner

    thanks

    Trả lời nhanh
  • Sponsored content

    Post Sponsored content

    Trả lời nhanh

View previous topic View next topic Back to top Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum