Hỗ trợ Forumotion
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

Admin
  • Administrator

Admin

Administrator


Admin

Admin
loading...

Demo:

Skin nền xanh dản dị mà phong cách (Mới) 310

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


  • Admin
    Admin

    Bài gửi 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
  • Admin
    Admin

    Bài gửi 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://2img.net/i/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://i1129.photobucket.com/albums/m513/nguyenanhdung_2010/skib%20dep/1.png" 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
  • Admin
    Admin

    Bài gửi 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://2img.net/i/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;



    Được sửa bởi Admin ngày 5/5/2012, 7:36 pm; sửa lần 1.

    Trả lời nhanh
  • Admin
    Admin

    Bài gửi 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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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
  • S.Red
    S.Red

    Bài gửi 27/11/2014, 8:05 pm S.Red

    đẹp

    Trả lời nhanh
  • anonymos.owner
    anonymos.owner

    Bài gửi 15/8/2017, 1:34 am anonymos.owner

    thanks

    Trả lời nhanh
  • Sponsored content

    Bài gửi Sponsored content

    Trả lời nhanh

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết