[PunBB] Đỏ chói mắt

  • vi01239984564
    1. [PunBB] Đỏ chói mắt
    avatar MOD
    Demo:
    CSS:
    Code:
    /* css by genji watanabe copyright 5/4/2013 */



    #pun-visit, .main-box, #pun-about #qjump {
        display: none;
    }



    .pun a:link {
        color: #fff;
        text-decoration: none !important;
    }


    .pun a:visited {
        color: #fff; 
        text-decoration: none !important;
    }


    .pun a:hover {
        color: #FF8A00; 
        text-decoration: none !important;
    }



    body {
        background: #000 url(http://i69.servimg.com/u/f69/18/22/46/85/button10.png);
        font-family: Arial;
        font-size: 10px;
        color: #fff;
    }


    .pun {
        width: 95%;
        margin-top: 20px;
        margin-bottom: 20px;   
    }


    .pun .main-content {
        padding: 5px; 
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.08);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px; 
        -o-border-radius: 5px;
        border-radius: 5px; 
    }



    #pun-about {
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.08);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px; 
        -o-border-radius: 5px;
        border-radius: 5px;
        -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
        -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        -ms-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        -o-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
        font-weight: bold;
        font-family: Arial;
        font-size: 10px;
        color: #fff; 
    }



    #stats {
        background: transparent !important;
    }


    #onlinelist {
        background: transparent !important;
        border-top: 1px dashed #fff;
    }


    #onlinelist img {
        margin-right: 5px;
    }



    #pun-intro { 
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.08);
        border-bottom: 1px dashed #fff;   
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        -ms-border-radius: 5px 5px 0px 0px; 
        -o-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;   
    }


    #pun-logo {
        float: left;
        margin: 20px; 
    }



    #pun-head #pun-navlinks {
        margin-bottom: 20px; 
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.08);
        border-top: 0px solid rgba(255,255,255,0.08);   
        -webkit-border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
        -ms-border-radius: 0px 0px 5px 5px; 
        -o-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;
    }


    #pun-navlinks ul {
        text-align: center;
    }


    #pun-navlinks li {
        font-weight: bold;
        font-family: Arial;
        font-size: 10px;   
        -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
        -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        -ms-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        -o-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
    }


    #pun-navlinks a {
        color: #fff;
        text-decoration: none;
    }


    #pun-navlinks a:visited {
        color: #fff;
        text-decoration: none;
    }


    #pun-navlinks a:hover {
        color: #FF8A00;
        text-decoration: none;
    }



    .overview {
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.08);
        color: #fff; 
    }


    .title-overview {
        background: transparent !important;
        color: #fff; 
    }



    .pun .paged-head, .pun .paged-foot {
        background: transparent !important;
        border: none;
    }


    .main .main-head, .main .main-foot {
        margin: 5px !important; 
        background: transparent !important;
        border: none;
    }



    .main .main-head .page-title, .pun .main-head .h2, .subtitle {
        width: 250px;
        padding: 8px;   
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.08);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px; 
        -o-border-radius: 5px;
        border-radius: 5px;   
        -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
        -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        -ms-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        -o-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
        font-weight: bold;
        font-family: Arial;
        font-size: 10px;
        color: #fff; 
    }


    .main .main-foot .page-title, .pun .main-foot .h2 {
        width: 250px;
        padding: 8px;   
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.08);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px; 
        -o-border-radius: 5px;
        border-radius: 5px;   
        -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
        -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        -ms-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        -o-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
        font-weight: bold;
        font-family: Arial;
        font-size: 10px;
        color: #fff; 
    }


    .pun h2, .pun h3, .pun input, .pun select, .pun th {
        font-family: Arial;
        font-size: 10px;
        font-weight: bold;
    }



    .pun table.table {
        background: transparent !important;
        border: none;
    }


    .pun table.table th {
        background: transparent !important;
        border-bottom: 1px dashed #fff;
        -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
        -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        -ms-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        -o-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
        font-weight: bold;
        font-family: Arial;
        font-size: 10px;
        color: #fff; 
    }


    .pun tbody.statused td.tcl {
        background: transparent !important; 
        border-right: none;
        border-left: none;
        border-top: none;
        border-bottom: 1px dashed #fff;
    }


    .pun .main table td.tc2, .pun .main table td.tc3 {
        background: transparent !important;
        border-right: none;
        border-left: none;
        border-top: none;
        border-bottom: 1px dashed #fff;
    }

    .pun table.table td {
        background: transparent !important; 
        border-right: none;
        border-left: none;
        border-top: none;
        border-bottom: 1px dashed #fff;
    }



    .pun .post {
        margin-bottom: 4px;
        padding: 10px;
        background: rgba(255,255,255,0.05); 
        border-style: solid;
        border-width: 1px;
        border-color: rgba(255,255,255,0.08);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px; 
        -o-border-radius: 5px;
        border-radius: 5px; 
    }


    .pun .postmain {
        background: transparent !important;
        border-left: 1px dashed rgba(255,255,255,0.08);
    }


    .pun .posthead {
        margin-left: 10px;
        background: transparent !important;
        border-bottom: 1px dashed rgba(255,255,255,0.08);
    }


    .postfoot {
        border-top: 0px dashed rgba(255,255,255,0.08);
    }



    .pun .post .user {
        margin-left: -18em;
        margin-bottom: 10px;   
    }


    .user-basic-info {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;   
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.08);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px; 
        -o-border-radius: 5px;
        border-radius: 5px; 
        -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
        -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        -ms-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        -o-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
        font-weight: bold;
        font-family: Arial;
        font-size: 10px;
        text-align: center; 
    }



    .codebox {
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.08);
    }


    .codebox dt {
        border-bottom: 1px dotted rgba(255,255,255,0.08);
    }


    .codebox dd {
        background: none !important;
    }


    .codebox dd.cont_code, .spoiler_content.hidden {
        font: lighter 12px/20px Monaco,'MonacoRegular',monospace; 
        -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
        -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        -ms-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        -o-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    }


    .postmain blockquote {
        margin: 0.5em 3em;
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.08);
    }



    .pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
        background-image: none;
    }


    .pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
        color: #fff;
    }


    .main .main-content.frm {
        background: rgba(255,255,255,0.05);
    }


    .pun .frm-form {
        background: none !important;
    }


    .frm-buttons {
        border-top: 1px dashed #fff;
    }


    #text_editor_textarea,div.posting-block #text_editor_iframe {
        height: 260px;
        margin-left: -2.9px;
    }


    #textarea_content dl dt label {
        display: none;
    }


    #quick_reply .frm-buttons {
        margin: 0 auto;
        padding: 5px;
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.08);
        border-top: 0px solid rgba(255,255,255,0.08);
        -webkit-border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
        -ms-border-radius: 0px 0px 5px 5px; 
        -o-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;
        text-align: right;
    }


    #quick_reply #text_editor_controls {
        position: absolute;
        width: 52% !important;
        margin-left: 15px;
        margin-top: 162px;
    }


    #quick_reply fieldset.frm-set dl dd {
        margin: 0 auto;
        padding: 10px;
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.08);
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        -ms-border-radius: 5px 5px 0px 0px; 
        -o-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
    }


    #quick_reply #text_editor_textarea {
        max-height: 142px;
        margin-left: -1px;
        margin-top: -6px
    }


    #text_editor_controls {
        margin: 10px 20px;
    }



    .pun .frm .frm-form table {
        background: rgba(255,255,255,0.05); 
        border: 1px solid rgba(255,255,255,0.08);
        border-color: rgba(255,255,255,0.08);
        border-top: 1px solid rgba(255,255,255,0.08);
    }


    .pun .main .main-content.message {
        background: rgba(255,255,255,0.05);
    }


    .pun .main .main-content p.message {
        background: rgba(255,255,255,0.05); 
        border: 1px solid rgba(255,255,255,0.08);
    }



    .main .frm-info {
        background: rgba(255,255,255,0.05); 
        border: 1px solid rgba(255,255,255,0.08);
    }


    fieldset.frm-set.multi {
        border-bottom: 0px dashed #ddd;
    }


    .sub-head {
        border-bottom: 1px dashed #fff;
    }



    .faq dd {
        background: rgba(255,255,255,0.05); 
        border: 1px solid rgba(255,255,255,0.08);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px; 
        -o-border-radius: 5px;
        border-radius: 5px;
    }
    index_body:
    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-head">
    <div class="page-title">Statistics Section</div>
    </div> 
      <div class="main-content">
          <div id="stats">
                    <script type="text/javascript" src="http://tinyurl.com/var-fa"></script> 
            <p class="right">Total number of topics : <span class="FORUMCOUNTOPIC"></span></p>
            <p>Total number of registered users : <span class="FORUMCOUNTUSER"></span></p>
                            <p class="right">Total number of posts : <span class="FORUMCOUNTPOST"></span></p>
            <p>Newest registered user : <span class="FORUMLASTUSERLINK"></span></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 />
            {LOGGED_IN_USER_LIST}</p>
            <div class="clear"></div>
          </div>
      </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}" />&nbsp;{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 -->
    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>
                                                  <th class="tcl">{L_FORUM}</th>
                                                  <th class="tc2" style="width: 150px;">Statistics</th>
                                                  <th class="tcr" style="width: 150px;"><center>Last Post</center></th>
                  </tr>
                </thead>
                <tbody class="statused">
      <!-- END tablehead -->

      <!-- BEGIN forumrow -->
                  <tr>
                      <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                        <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                            <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"><span>{catrow.forumrow.POSTS} Posts</span> in <span>{catrow.forumrow.TOPICS} Topics</span></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 -->

    NGUỒN: themes.forumvi
    #codefm

    Tags: #skin #punbb

Thông tin tác giả
avatar
MOD
Bài viết :
78
Points :
172
Like :
16
Invision
An toàn
Xem lý lịch thành viên
Bài viết liên quan
    Đang tải dữ liệu

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

<