Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Archived] choose CSS for template



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

1
Offline

  error404

avatar
Punbb Rookie
Punbb Rookie
hello, i want to take template posting_body from dazzle skin for my forum. but I am confused should take css code to posting_body  Shocked 

can help me to take the css code for posting_body?  Question 


posting_body:
Code:
<script src="{JS_DIR}extendedview.js" type="text/javascript"></script>
{SCEDITOR}
<!-- 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>
 </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 -->

<div class="pun-crumbs">
 <p class="crumbs">
 <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » <strong>{L_NEW_OR_EDIT_POST}</strong>
 </p>
</div>

{ERROR_BOX}

<div class="main">
<form action="{S_POST_ACTION}" class="frm-form" method="post" name="post" enctype="multipart/form-data">

{POST_PREVIEW_BOX}

<!-- BEGIN switch_forum_rules -->
<div id="forum_rules">
 <div class="main-head clearfix">
 <p class="h2">{L_FORUM_RULES}</p>
 </div>
 <table class="main-content frm">
 <tr>
 <!-- BEGIN switch_forum_rule_image -->
 <td class="logo">
 <img src="{RULE_IMG_URL}" />
 </td>
 <!-- END switch_forum_rule_image -->
 <td class="rules entry-content">
 {RULE_MSG}
 </td>
 </tr>
 </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_quote_limit -->
<div class="main">
 <div class="main-head"></div>
 <div class="main-content warning">
 <p class="center">{switch_quote_limit.L_QUOTE_LIMIT_WARNING}</p>
 <br />
 </div>
</div>
<!-- END switch_quote_limit -->

<div class="main-head clearfix">
 <p class="h2"><!-- BEGIN switch_post_a -->{L_POST_A}<!-- END switch_post_a --></p>
 <p class="options">
 <a class="exthelp" title="{L_HELP}" href="http://{URL_FORUM}{U_FAQ}" target="_blank">{L_BBCODE_GUIDE}</a>
 </p>
</div>

<div class="main-content frm">
 <fieldset class="frm-set multi posting">
 <!-- BEGIN switch_username_select -->
 <dl>
 <dt><label>{L_USERNAME}</label></dt>
 <dd><input type="text" name="username"  maxlength="8" value="{USERNAME}" /></dd>
 </dl>
 <!-- END switch_username_select -->

 <!-- BEGIN switch_reasons -->
 <dl>
 <dt><label>{L_REASON}</label></dt>
 <dd>{REASON_NEW}</dd>
 </dl>
 <!-- END switch_reasons -->

 <!-- BEGIN switch_privmsg -->
 <dl>
 <dt><label>{L_USERNAME}</label></dt>
 <dd>
 <!-- BEGIN switch_username -->
 <input style="margin-top:2px" type="text" name="username[]" value="{switch_privmsg.switch_username.USERNAME}" /><br />
 <!-- END switch_username -->
 <input style="margin-top:2px" type="text" id="username" name="username[]" value="{USERNAME}" tabindex="1" /> 
 <img id="add_username" src="{ADD_USERNAME_IMG}" class="selectHover" alt="" /> 
 <input type="button" id="find_user" value="{L_FIND_USERNAME}" />
 </dd>
 </dl>
 <!-- BEGIN switch_privmsg_friend -->
 <dl>
 <dt><label>{switch_privmsg.switch_privmsg_friend.L_OR_FRIEND}</label></dt>
 <dd>{switch_privmsg.switch_privmsg_friend.FRIEND_PM}</dd>
 </dl>
 <!-- END switch_privmsg_friend -->
 <!-- BEGIN switch_privmsg_group -->
 <dl>
 <dt><label>{switch_privmsg.switch_privmsg_group.L_OR_GROUP}</label></dt>
 <dd>{switch_privmsg.switch_privmsg_group.MASS_PM}</dd>
 </dl>
 <!-- END switch_privmsg_group -->
 <!-- END switch_privmsg -->

 <!-- BEGIN switch_icon_checkbox -->
 <dl>
 <dt style="padding-top:14px"><label>{L_ICON_TITLE}</label></dt>
 <dd>
 <!-- BEGIN row -->
 <!-- BEGIN cell -->
 <label style="vertical-align:bottom">

 <input type="radio" name="post_icon" tabindex="2" value="{switch_icon_checkbox.row.cell.ICON_ID}" {switch_icon_checkbox.row.cell.ICON_CHECKED} id="post_icon_{switch_icon_checkbox.row.cell.ICON_ID}" /> 
 <span onclick="document.forms['post'].post_icon_{switch_icon_checkbox.row.cell.ICON_ID}.checked=true">{switch_icon_checkbox.row.cell.ICON_IMG}</span>
 </label>  
 <!-- END cell -->
 <!-- END row -->
 </dd>
 </dl>
 <!-- END switch_icon_checkbox -->

 <!-- BEGIN switch_subject -->
 <dl>
 
<dd class="frm-input">
 <input placeholder="Titulo del Tema" type="text" name="subject" value="{SUBJECT}" maxlength="{TOPIC_TITLE_MAXLENGTH}" title="{TOPIC_TITLE_LENGTH_EXPLAIN}" onkeypress="if (event.keyCode==13){return false}" />
 <!-- BEGIN switch_subject_color -->
 <script type="text/javascript">
 //<![CDATA[
 input = document.getElementsByName('subject');
 //]]>
 </script>
 <select name="topic_color" onchange="input[0].style.color = topic_color.value" style="margin-left:10px">

 {switch_subject.switch_subject_color.TOPIC_TITLE_COLOR_OPTIONS}

 </select>
 <script type="text/javascript">
 //<![CDATA[
 input[0].style.color = '{switch_subject.switch_subject_color.TOPIC_TITLE_COLOR_DEFAULT}';
 //]]>
 </script>
 <!-- END switch_subject_color -->
 </dd>
 </dl>
 <!-- END switch_subject -->

 <!-- BEGIN switch_description -->
 <dl>
 <dd class="frm-input">
 <input type="text" placeholder="Descripción  del Tema" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
 </dd>
 </dl>
 <!-- END switch_description -->

 <div id="text_editor_select_controls">
 <div class="left"><span id="helpbox" class="helpline"></span></div> <!-- must enclose helpbox in a floating div for ie bug -->
 <div class="clear"></div>

 <div id="textarea_content" class="posting-block" style="">
 <dl>
 <dd class="frm-textarea">
 <textarea id="text_editor_textarea" onclick="storeCaret(this)" rows="15" cols="9" onkeyup="storeCaret(this)" name="message" tabindex="3" onselect="storeCaret(this)" wrap="virtual" style="width:98%">{MESSAGE}</textarea><br />
 </dd>
 </dl>

 <!-- BEGIN edit_reason -->
 <br/>
 <dl>
 <dt><label><span style="font-size:11px">{edit_reason.L_EDIT_REASON}</span></label></dt>
                          <dd><input class="inputbox medium" style="width:63%" type="text" name="edit_reason" value="{edit_reason.EDIT_REASON}" maxlength="255"/></dd>
 </dl>
 <!-- END edit_reason -->
 </div>
 <div id="smiley-box">
 <div id="smileyContainer">
 {L_SMILIES_PREVIEW_NEW}
 </div>
 </div>
 </fieldset>

 <fieldset class="frm-set">
 <dl>
 <dt>{L_INFORMATION}</dt>
 <dd>{HTML_STATUS}<br />
 {BBCODE_STATUS}<br />
 {SMILIES_STATUS}
 </dd>
 </dl>

 <div class="frm-buttons">
 {S_HIDDEN_FORM_FIELDS}
 <input type="hidden" name="lt" value="{LAST_TOPIC_ID}" />
 <!-- BEGIN switch_preview -->
 <input type="submit" name="preview" value="{L_PREVIEW}" tabindex="5" /> 
 <!-- END switch_preview -->
 <!-- BEGIN switch_draft -->
  <input type="submit" name="draft" value="{L_DRAFT}" tabindex="7" accesskey="d" /> 
 <!-- END switch_draft -->
 <!-- BEGIN switch_publish -->
  <input type="submit" name="publish" value="{L_PUBLISH}" tabindex="8" accesskey="p" /> 
 <!-- END switch_publish -->
  <input type="submit" name="post" value="{L_SUBMIT}" tabindex="6" accesskey="s" />
 </div>
 </fieldset>
</div>

<div class="main">
 <!-- BEGIN switch_roll_dice -->
 <div class="main-head clearfix">{ROLL_DICE_TITLE}</div>
 <div class="main-content frm">
 <script type="text/javascript">
 function add_dice(dice_number,dice,number)
 {
 var content = document.getElementById('post_dice').innerHTML;
 document.getElementById('dice_to_del').innerHTML = '';
 document.getElementById('dice_to_del').id = '';

 var new_tr = document.createElement('tr');
 new_tr.appendChild(document.createElement('td'));
 new_tr.firstChild.innerHTML = '{ROLL_DICE_TITLE_LOW} #' + (dice_number + 1) + ' : <select name="post_dice_' + dice_number + '" id="post_dice_' + dice_number + '" value="' + dice + '">' + content + '</select> <label for="nb_rolls">{switch_roll_dice.L_DICE_ROLLS} : </label><input type="text" size="2" maxlength="3" name="nb_rolls_' + dice_number + '" id="nb_rolls" value="' + number + '" /> <span id="dice_to_del"><a href="javascript:add_dice(' + (dice_number + 1) + ',\'\',1)"><img src="{PATH_IMG_FA}tabs_more.gif" alt="plus" /></a></span>';
 document.getElementById('list_dice').lastChild.appendChild(new_tr);

 var select_dice = document.getElementById('post_dice_' + dice_number);
 if ( dice == '' )
 {
 select_dice.selectedIndex=0;
 }
 for ( var i = 1; select_dice.options[i]; i++ )
 {
 select_dice.options[i].selected = ( select_dice.options[i].value == dice );
 }
 }
 </script>
 <table style="width:100%" id="list_dice"><tr><td>
 {ROLL_DICE_TITLE_LOW} #1 : 
 <select name="post_dice_0" id="post_dice">
 <option value="">-</option>
 <!-- BEGIN row_replace -->
 <option value="{switch_roll_dice.row_replace.DICE_ID}"{switch_roll_dice.row_replace.DICE_SELECTED}>{switch_roll_dice.row_replace.DICE_NAME}</option>
 <!-- END row_replace -->
 </select>
  <label for="nb_rolls">{switch_roll_dice.L_DICE_ROLLS} : </label><input type="text" size="2" maxlength="3" name="nb_rolls_0" id="nb_rolls" value="{switch_roll_dice.S_DICE_ROLLS_VALUE}" />
  <span id="dice_to_del"><a href="javascript:add_dice(1,'',1)"><img src="{PATH_IMG_FA}tabs_more.gif" alt="plus" /></a></span>
 </td></tr>
 </table>
 {switch_roll_dice.DICE_SCRIPT}
 </div>
 <!-- END switch_roll_dice -->

 <!-- BEGIN switch_attachment_list -->
 <div class="main-head clearfix">
 <p class="h2">{L_ATTACHMENTS}</p>
 </div>
 <div class="main-content frm">
 <fieldset class="frm-set multi">
 <!-- BEGIN attachments -->
 <dl>
                <dt><label>{L_ATTACHMENT_FILENAME}</label></dt>
                <dd>
                    <!-- BEGIN switch_is_orphan -->
         <span class="gen">{switch_attachment_list.attachments.switch_is_orphan.FILENAME}</span>  
                    <!-- END switch_is_orphan -->
                    <!-- BEGIN switch_is_not_orphan -->
         <a href="{switch_attachment_list.attachments.switch_is_not_orphan.U_ATTACH_URL}" class="gen">{switch_attachment_list.attachments.switch_is_not_orphan.FILENAME}</a>  
                    <!-- END switch_is_not_orphan -->
         <input class="liteoption" type="submit" value="{L_ATTACHMENT_DELETE}" name="delete_file[{switch_attachment_list.attachments.ATTACH_POS}]" />
                </dd>
     <dt><label for="filecomment{switch_attachment_list.attachments.ATTACH_POS}">{L_ATTACH_COMMENT}</label></dt>
     <dd class="frm-input">
         <!--textarea name="comment_list[{switch_attachment_list.attachments.ATTACH_POS}]" cols="35" rows="3" style="color:#000000;width:100%">{switch_attachment_list.attachments.ATTACH_COMMENT}</textarea><br /-->
         <input type="text" id="filecomment{switch_attachment_list.attachments.ATTACH_POS}" name="comment_list[{switch_attachment_list.attachments.ATTACH_POS}]" value="{switch_attachment_list.attachments.ATTACH_COMMENT}" maxlength="255" />
         <input type="hidden" value="{switch_attachment_list.attachments.ATTACH_ID}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][attach_id]" />
         <input type="hidden" value="{switch_attachment_list.attachments.IS_ORPHAN}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][is_orphan]" />
         <input type="hidden" value="{switch_attachment_list.attachments.REAL_FILENAME}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][real_filename]" />
         <input type="hidden" value="{switch_attachment_list.attachments.ATTACH_COMMENT}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][attach_comment]" /><br /><br />
     </dd>
 </dl>
 <!-- END attachments -->
 </fieldset>
 </div>
 <!-- END switch_attachment_list -->

 <!-- BEGIN switch_attachment -->
 <div class="main-head clearfix">
 <p class="h2">{L_ATTACHMENT_ADD}</p>
 </div>
 <div class="main-content frm">
 <fieldset class="frm-set multi">
 {L_ATTACHMENT_ADD_HELP}<br /><span class="info">{EXT_LIST}</span><br /><br />

 <dl>
 <dt><label for="fileupload">{L_ATTACHMENT_FILENAME}</label></dt>
 <dd><input type="file" id="fileupload" name="fileupload" /><input type="submit" name="add_file" /> ({L_MAX_ATT_SIZE})</dd>
 </dl>

 <dl>
 <dt><label for="filecomment">{L_ATTACH_COMMENT}</label></dt>
 <dd class="frm-input"><input type="text" id="filecomment" name="filecomment" value="" maxlength="255" /></dd>
 </dl>
 </fieldset>
 </div>
 <!-- END switch_attachment -->

 <div class="main-head clearfix">
 <p class="h2">{L_OPTIONS}</p>
 </div>

 <div class="main-content frm">
 <fieldset class="frm-set multi">
 <!-- BEGIN switch_html_checkbox -->
 <label><input type="checkbox" name="disable_html"{S_HTML_CHECKED} /> {L_DISABLE_HTML}</label><br />
 <!-- END switch_html_checkbox -->

 <!-- BEGIN switch_bbcode_checkbox -->
 <label><input type="checkbox" name="disable_bbcode"{S_BBCODE_CHECKED} /> {L_DISABLE_BBCODE}</label><br />
 <!-- END switch_bbcode_checkbox -->

 <!-- BEGIN switch_smilies_checkbox -->
 <label><input type="checkbox" name="disable_smilies"{S_SMILIES_CHECKED} /> {L_DISABLE_SMILIES}</label><br />
 <!-- END switch_smilies_checkbox -->

 <!-- BEGIN switch_signature_checkbox -->
 <label><input type="checkbox" name="attach_sig"{S_SIGNATURE_CHECKED} /> {L_ATTACH_SIGNATURE}</label><br />
 <!-- END switch_signature_checkbox -->

 <!-- BEGIN switch_notify_checkbox -->
 <label><input type="checkbox" name="notify"{S_NOTIFY_CHECKED} /> {L_NOTIFY_ON_REPLY}</label><br />
 <!-- END switch_notify_checkbox -->

 <!-- BEGIN switch_delete_checkbox -->
 <label><input type="checkbox" name="delete" /> {L_DELETE_POST}</label><br />
 <!-- END switch_delete_checkbox -->

 <!-- BEGIN switch_type_toggle -->
 <br />{S_TYPE_TOGGLE}
 <!-- END switch_type_toggle -->
 </fieldset>

 <!-- BEGIN switch_topic_modif -->
 <fieldset class="frm-set">
 <!-- BEGIN switch_icon_checkbox -->
 <dl>
 <dt><label>{POST_ICON_TITLE}</label></dt>
 <dd>
 <!-- BEGIN row -->
 <!-- BEGIN cell -->
 <label style="vertical-align:top">
 <input type="radio" name="post_icon" value="{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}" id="post_icon_{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}" {switch_topic_modif.switch_icon_checkbox.row.cell.ICON_CHECKED} /> <span onclick="document.forms['post'].post_icon_{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}.checked=true">{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_IMG}</span>
 </label>
 <!-- END cell -->
 <!-- END row -->
 </dd>
 </dl>
 <!-- END switch_icon_checkbox -->
 <dl>
 <dt><label for="modif_topic_title">{L_TOPIC_TITLE_MODIFY}</label></dt>
 <dd>
 <input type="text" name="modif_topic_title" id="modif_topic_title" value="{MODIF_TOPIC_TITLE}" maxlength="{TOPIC_TITLE_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
 <!-- BEGIN switch_topic_button -->
  <input type="button" value="{L_SOLVED_WITHOUT_BRAKETS}" onclick="set_solved(this.form.elements['modif_topic_title'],'{L_SOLVED}')" style="display:none" id="button_solved" />
 <script type="text/javascript">
 //<![CDATA[
 document.getElementById('button_solved').style.display = 'inline';
 //]]>
 </script>
 <!-- END switch_topic_button -->
 </dd>
 </dl>
 </fieldset>
 <!-- END switch_topic_modif -->
 </div>

 <!-- BEGIN switch_type_cal -->
 <div class="main-head clearfix">
 <p class="h2">{L_CALENDAR}</p>
 </div>

 <div class="main-content frm">
 <fieldset class="frm-set">
 <dl>
 <dt><label>{L_CALENDAR_TITLE} :</label></dt>
 <dd>
 {S_CALENDAR_DAY} {S_CALENDAR_MONTH} {S_CALENDAR_YEAR} 
 <a href="javascript:void(0)" style="font-style:normal;font-weight:normal" onclick="document.post.topic_calendar_day.value={TODAY_DAY};document.post.topic_calendar_month.value={TODAY_MONTH};document.post.topic_calendar_year.value={TODAY_YEAR}">{L_TODAY}</a>
 </dd>
 </dl>
 <dl>
 <dt><label>{L_TIME} :</label></dt>
 <dd>
 <input name="topic_calendar_hour" type="text" maxlength="2" value="{CALENDAR_HOUR}" /> {L_HOURS}  
 <input name="topic_calendar_min" type="text" maxlength="2" value="{CALENDAR_MIN}" /> {L_MINUTES}
 </dd>
 </dl>
 <dl>
 <dt><label>{L_CALENDAR_DURATION} :</label></dt>
 <dd>
 <input name="topic_calendar_duration_day" type="text" maxlength="5" value="{CALENDAR_DURATION_DAY}" /> {L_DAYS}   
 <input name="topic_calendar_duration_hour" type="text" maxlength="5" value="{CALENDAR_DURATION_HOUR}" /> {L_HOURS}  
 <input name="topic_calendar_duration_min" type="text" maxlength="5" value="{CALENDAR_DURATION_MIN}" /> {L_MINUTES}
 <input name="create_event" type="hidden" value="{CREATE_EVENT}" />
 <input name="calendar_d" type="hidden" value="{CALENDAR_D}" />
 </dd>
 </dl>
 </fieldset>
 </div>
 <!-- END switch_type_cal -->
{POLLBOX}
</form>
{TOPIC_REVIEW_BOX}
</div>

<!-- BEGIN switch_privmsg -->
<div id="find_username" class="jqmWindow"></div>

<script src="{JS_DIR}jquery/jqmodal/jqmodal.js" type="text/javascript"></script>
<!-- END switch_privmsg -->
<script type="text/javascript">
//<![CDATA[
$(function(){
<!-- BEGIN switch_privmsg -->
 privmsg_add_username('{U_SEARCH_USER}', '<br /><input style="margin-top:2px" type="text" name="username[]" />');
<!-- END switch_privmsg -->
<!-- BEGIN switch_image_resize -->
    resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} });
<!-- END switch_image_resize -->
});
//]]>
</script>
</div>


CSS:
Code:
#page-body {
    width: 960px;  margin: auto;  
    position: relative;
    padding: 10px;  
    border-top: 5px solid #1C2229;      
    box-shadow: 0 0 20px rgba(0,0,0,.5);  -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5);  
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);  
    background: #fff;
}
#pun-foot {
    border-radius: 0 0 5px 5px;
    width: 980px;
    margin: auto;      background: #fff;
    z-index: 999;
    display: block;
    position: relative;
    box-shadow: 0 10 20px rgba(0,0,0,.5);  -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5);  
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.5);
    margin-bottom: 30px;
}
body {
    background: #21313d;  color: #444;  font-family: Arial, Sans-Serif;  font-size: 13px;    padding: 0;  
    margin: auto!important;  line-height: 1.4;
}
.pun {
    width: 980px;  margin: auto;  position: relative;padding:0px;
}
.main .main-foot, .main .main-head {
    background: #53748D url(http://i.imgur.com/3Y5TPJy.png)center center;  color: #ffffff;    padding: 10px;  font-size: 10px;  text-transform: uppercase;  font-weight: bold;  border: 1px solid #284158;  border-radius: 4px 4px 0 0;  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.14);  
    line-height: 19px;
}
.table tbody.statused tr td {
    background: white!important;  vertical-align: middle;  border: 0px;
    border-bottom: 1px solid #DDD!important;      
    font-family: arial, sans-serif;  font-size: 12px;  font-weight: bold;
    color: rgb(119, 119, 119);
}
.table tbody.statused tr:nth-child(2n+2) td ,.main-content tbody .statused tr:nth-child(2n+2) td{
background: rgb(250, 250, 250)!important;
}
.main-head .page-title h2 ,.main .main-head .page-title{
    font-family: arial, sans-serif;  font-size: 10px;  font-weight: bold;
}
p#catrow {
    font-family: arial, sans-serif;  font-size: 11px;  font-weight: bold;
    text-align: right;
    margin-right: 10px;
}
.desc_forum_cat_row {
    color: rgb(170, 170, 170);    font-family: arial, sans-serif;  font-size: 11px;  font-style: italic;
    font-weight: normal;
}
.statused tr td .hierarchy a {color: rgb(85, 85, 85);      font-family: arial, sans-serif;  font-size: 12px;  font-weight: bold;}
.statused tr td .hierarchy a:hover {color: #222;}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
#pun-about #qjump {
    display: none;
}
#pun-about {
    background: rgb(248, 248, 248);  
    color: transparent;  border-top: 1px solid #D1D1D1;  
    padding: 0 5px;    height: 45px;  line-height: 45px;
    text-align: left;
}
#pun-about ul li a {
    font-size: 11px;  color: #999;  display: block;  float: left;  height: 45px;  line-height: 45px;  padding: 0 10px;  border-right: 1px solid #ddd;
    font-weight: normal;
}
#pun-about ul li a:hover {
    background: #fff;  color: #666;
}
ul#pun-legend {
    text-align: left;
    line-height: 37px;
    height: 37px;
    margin: 0;
    color: rgb(68, 68, 68);      font-family: Arial, sans-serif;  font-size: 11px;
}
ul#pun-legend img {
    top: 9px;
    position: relative;
    margin-left: 10px;
}

#pun-foot #copyright {
    padding: 0 15px;      border-radius: 0 0 5px 5px;  font-size: 11px;  height: 45px;  
    line-height: 45px;  color: #999;
}
#pun-foot #copyright a {
    font-weight: bold;
}
#pun-foot #back-top {
    float: right;  padding: 0 10px;  height: 45px;  line-height: 45px;  display: block;  border-left: 1px solid #ddd;  margin-left: 10px;  border-right: 1px solid #ddd;
}
#pun-foot .mybb-link.right {
    margin-right: 10px;  border-right: 1px solid #ddd;  padding-right: 10px;
}
#pun-foot .icon-upload.icon-large {
    background: url("http://i.imgur.com/noa2Awt.png") no-repeat center center;
    width: 25px;
    height: 24px;
    display: block;
    margin-top: 10px;
}
#pun-foot .icon-upload.icon-large:hover {
    background: url("http://i.imgur.com/1JvGS3S.png") no-repeat center center;
}
#pun-foot #copyright .audentio-link.right {
    line-height: 15px;
    margin-top: 8px;
}
#pun-foot .center.admin {
    position: absolute;
    top: 17px;
    right: 10px;
}
#pun-foot .center.admin a {
    font: bold 10px arial;
}
.boardstats_cat {    font-family: arial, sans-serif;  
    background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  border-bottom: 1px solid #ddd;  min-height: 20px;  line-height: 20px;
}
.boardstats_cat .bw#icons {
    background: url("http://i.imgur.com/kaTjOdI.png")no-repeat center;
    height: 14px;
    width: 16px;
    float: left;
    margin: 2px 10px 0 0px;
}
.tborder.index_boardstats .contenedor {
background: white;
vertical-align: middle;
border-bottom: 1px solid #DDD;
padding: 15px;
color: rgb(56, 56, 56);
font-family: arial, sans-serif;
font-size: 11px;
}
.tborder.index_boardstats {
    border: 1px solid #ddd;
    border-bottom: 0px;
}
.boardstats_cat .bs#icons {
    background: url("http://i.imgur.com/jsZSvJy.png")no-repeat center;  
    height: 16px;  
    width: 22px;  float: left;  margin: 2px 10px 0 0px;
}
.tborder.index_boardstats .bs_br {  font-family: arial, sans-serif;    background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  border-bottom: 1px solid #ddd;  min-height: 20px;  line-height: 20px;
  text-align: right;}
.tborder.index_boardstats .bs_br ul li {
    display: inline;
}
.tborder.index_boardstats .bs_br ul li a {
    color: rgb(151, 151, 151);
    border-right: 1px solid rgb(151, 151, 151);
    padding: 0 5px;
}
.tborder.index_boardstats .bs_br ul li a:hover {
    color: black;
}
.tborder.index_boardstats .bs_br ul li#rtd a {
    border-right: 0px;
}
.pun .main-content .table thead tr th {
    font-family: arial, sans-serif;  background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  border-bottom: 1px solid #ddd;  min-height: 20px;  line-height: 20px;
    font-weight: bold;
}
#pun-visit, .main-box {
    display: none;
}
#page-body {
    overflow: hidden;
padding-top: 20px;}
.pun .crumbs a {
    font-family: Arial, sans-serif;  
    font-size: 11px;  
}
.pun .crumbs {
    position: absolute;
    top: 10px;
    width: 930px;
}
.container_IE {
    background: url("http://i.imgur.com/Hw0gs2Q.png") repeat-x top;
}
.menu.main_width {
    background: url(http://i.imgur.com/bhf8jNK.png);  height: 58px;  border-radius: 4px 4px 0 0;  box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.07), 0px -1px 0px rgba(255, 255, 255, 0.07);  overflow: hidden;
}
.menu.main_width ul li {
    display: block;  padding-left: 10px;  float: left;  
    background: url(http://i.imgur.com/50TLteD.png) no-repeat right 10px;
}
.menu.main_width ul li:first-child {
    margin-left: 10px;
}
.menu.main_width ul li a {
    color: #f8f8f8;  text-decoration: none;  margin-top: 16px;  display: block;  padding-right: 35px;  padding-left: 2px;  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.58);
}
.menu-item-subtitle {
    display: block;  float: left;  font-size: 10px;  color: #868686;  font-weight: normal;  font-style: italic;
}
.menu.main_width ul li:hover .menu-item-subtitle {
    color: #fafafa;
}
#panel {
    color: #E9E9E9;  font-size: 11px;  height: 42px;  font-family: georgia;  font-style: italic;  text-shadow: 0px -1px 0px #000;  line-height: 42px;
}
#pun-intro {
    width: 980px;
    height: 93px;
    padding: 0;
    background: none;
    border: none;
}
#pun-logo {
    display: table-cell;  vertical-align: middle;  height: 93px;  line-height: 93px;  margin: auto;
    float: none;
}
.registerlink {
    background: #8DB318;  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);  padding: 5px 10px;  border-radius: 2px;  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.19), 1px 1px 0px rgba(0, 0, 0, 0.43);  margin-left: 10px;
}
#panel a {
    color: #E9E9E9;
}
.registerlink:hover {
    background: #78AD28;
}
.icon-plus-sign {
    background: url("http://i.imgur.com/Qg6Pc4b.png") no-repeat center;
    padding: 5px;
}
.loginlink .icon-user {
    background: url("http://i.imgur.com/WOLNdgB.png") center no-repeat;
    padding: 6px;
}
.social-icons.right {
    color: #E9E9E9;  font-size: 11px;  font-family: georgia;  font-style: italic;  text-shadow: 0px -1px 0px #000;  line-height: 42px;
    height: 42px;
}
.social-icons.right a {
    background: url(http://i.imgur.com/AjVm7sG.png) 0px 0px;  height: 16px;  width: 18px;  display: inline-block;  position: relative;  top: 5px;  background-position: 0px -2px;  opacity: 0.6;
    margin: 8px 2px 8px 2px;
    display: none;
}
.a-icon-twitter {
    background-position: 60px -2px !important;
}
.a-icon-gplus {
    background-position: 80px -2px !important;
}
.a-icon-rss {
    background-position: 40px -2px !important;
}
.a-icon-vimeo {
    background-position: 100px -2px !important;
}
.hidden.a-icon-youtube {
    background-position: 0px -2px !important;
}
.a-icon-facebook {
    background-position: 19px -2px !important;
}
.social-icons.right a:hover {
    opacity: 1;
}
.in_search {
    position: absolute;
    right: 20px;
    top: 70px;
}
.in_search .inputbox.medium {
    background: #ffffff;  color: #979797;      font-size: 11px;  outline: 0;
    border: 1px solid rgb(70, 83, 92);  padding: 0px 10px;  
    height: 30px;  
    margin-right: -5px;
}
.in_search #buttonsearch {
    background: #353535 url(http://i.imgur.com/sQN42lT.png) !important;  color: transparent;  height: 32px;  border: 0;  width: 34px;  background-position: -50px -8px !important;
    cursor: pointer;
    top: 1px;
    position: relative;
}
.user-dropdown-box {
    display: none;  position: absolute;  min-width: 150px;  
    background: url(http://i.imgur.com/5kJJAoi.png);  color: #555;  
    top: 41px;  border-radius: 0 4px 4px 4px;  padding: 5px;  z-index: 88;  
    left: 120px;  box-shadow: none;  font-family: arial;  text-shadow: none;  font-style: normal;
}
.user-dropdown-box .user-dropdown-box-inner {
    background: white;  text-align: center;
    padding: 10px;
}
.userloginbox .username input, .userloginbox .pass input {
    padding: 8px;  margin-bottom: 10px;
    border: 1px solid #D3D3D3;
    background: #ffffff;  color: #979797;      font-size: 11px;  outline: 0;
    width: 160px;
}

.user-dropdown-box .user-dropdown-box-inner .sendpass a {
    margin: -10px;  padding: 15px;  background: #fafafa;  margin-top: 0;
    text-shadow: none;  color: #555 !important;  display: block;  height: auto;  line-height: 1.3;    border-top: 1px solid #ddd;  font-family: arial;  font-style: normal;  text-align: left;
}
.buttonipblog input.mainoption {  font-size: 11px;  color: #666;  border-radius: 2px;  cursor: pointer;  border: 1px solid #C2C2C2;  background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);
    display: block;  width: 100%;  margin-bottom: 15px;  padding: 10px;  text-transform: uppercase;  font-weight: bold;
}
.buttonipblog input.mainoption:hover {
    background: #fefefe;
}
.buttonipblog input.mainoption:active {
    background: rgb(238,238,238); background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */;      box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
}
.user-dropdown-box::before {
    width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  content: "";  position: absolute;  border-bottom: 5px solid #000000;  top: -5px;  left: 10px;
}
#page-body input[type="button"], #page-body input[type="submit"], #page-body input[type="reset"], #page-body input[type="file"]::-webkit-file-upload-button, #page-body button {
    padding: 6px 10px;  font-size: 11px;  
    color: #666;  border-radius: 2px;  cursor: pointer;  border: 1px solid #C2C2C2;  background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);
}
#page-body input[type="button"]:hover, #page-body input[type="submit"]:hover, #page-body input[type="reset"]:hover, #page-body input[type="file"]::-webkit-file-upload-button:hover, #page-body button:hover {
    background: #fefefe;
}
#page-body input[type="button"]:active, #page-body input[type="submit"]:active, #page-body input[type="reset"]:active, #page-body input[type="file"]::-webkit-file-upload-button:active, #page-body button:active {
    background: rgb(238,238,238);  background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1)));  background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );  box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
}
#page-body blockquote ,#page-body .codebox {
    border: 1px solid #ccc;  margin: 0;  background: #fff;  
    padding: 10px;  border-radius: 2px;  position: relative;  padding-right: 45px;  overflow: hidden;
}
#page-body blockquote::before {
    content: "";  
    background: url(http://i.imgur.com/cqwW2R7.png) no-repeat center center;  width: 128px;  height: 128px;  position: absolute;  right: 10px;  top: -57px;
}
#page-body .codebox::before {
    background: url(http://i.imgur.com/zBfocq2.png) no-repeat center center;  top: -45px;
    content: "";    width: 128px;  height: 128px;  position: absolute;  right: 10px;  
}
#page-body .codebox dt {
    font-weight: bold;  border-bottom: 1px solid #ccc;  font-style: normal;  display: block;  margin: 0;  padding-bottom: 8px;  margin-top: -2px;  padding-top: 1px;  text-transform: uppercase;  font-size: 11px;  margin-bottom: 7px;
}
#page-body .codebox .cont_code {
    background: none;
}
.pun .post .user {
    display: block;
    position: relative;
    margin: 0;
    width: initial!important;
    float: none;
    background: white;  vertical-align: middle;  border-bottom: 1px solid #DDD;  padding: 15px;
    height: 75px;
  overflow:initial;
}
.pun .postmain {
    margin: 0;
    border: 0;
}
.pun .post-entry {
    background: rgb(250, 250, 250);  vertical-align: middle;  border-bottom: 1px solid #DDD;
    padding: 5px 10px;
}
#page-body .postfoot {
    margin: 0;
    background: white;  vertical-align: middle;  border: 0;
    border-bottom: none;  padding: 15px;
}
.pun .posthead {
    font-family: arial, sans-serif;  background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  
    border-bottom: 1px solid #ddd;  
    border-top: none;
    min-height: 20px;  line-height: 20px;
}
.pun .post {
    margin: 10px 0;
    border: 1px solid #ddd;
}
.pun .topic {
    border: 0;
    background: none;
}
.pun .user .user-info {
    float: right;
font-size:11px}
.pun .user .user-ident {
    float: left;
}
.pun .topic .post:first-child {
    margin-top: 0px;
}
.pun .user-ident .user-basic-info {
font-weight: normal;
font-size: 11px;
}
.pun .post .user .user_avatar {
    float: left;
}
.pun .post .user .user_avatar img {
    padding: 1px;  border: 1px solid #DDD;  box-shadow: 0px 1px 3px -1px #BEBEBE;
    width: 70px;
    height: 70px;
}
.pun .post .user .user_avatar img:hover {border-color: #aaa;}
.pun .user-ident .username {
    position: relative;
}
.pun .user .user-ident {
    margin-left: 15px;
    font-size: 11px;
    font-weight: normal;
}
.pun .user-ident .username a {
    font-size: 13px;
    font-weight: bold;
}
.pun .user-ident .username status.s_u_p {
    float: left;
    background: url("http://i.imgur.com/UvKrxTF.png");
    height: 7px;
    width: 7px;
    margin: 4px 4px 4px 0px;
}
#tabs ul li a {
    font-size: 11px;  color: #666;  
    border-radius: 2px 2px 0 0;  cursor: pointer;  
    border: 1px solid #C2C2C2;  background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);  display: block;      
    padding: 0px 5px;    
    font-weight: bold;
    border-bottom: 0;
}
#tabs ul li.activetab a {
    background: rgb(238,238,238); background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */;      box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
    border: 1px solid rgb(150, 150, 150);
    color: black;
    text-decoration: none;
    border-bottom: 0;
    margin-top: -2px;
    padding: 1px 5px;
}
#tabs ul li.activetab a:hover ,#tabs ul li a:hover {
    background: white;
    color: black;
}
#profile-advanced-layout #new-message {
    width: auto;
}
.posting img:hover {
opacity: 0.9;
}
#page-body input[type="text"], #page-body textarea {
    background: #ffffff;  color: #979797;  border: 1px solid #A7A7A7;  
    padding: 6px;  font-size: 11px;  outline: 0;
}
.frm-set.multi.posting .frm-input {
    margin-left: 0;
    width: initial;
}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea {
    margin: 0;
    width: 600px;
}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr {
    width: 735px!important;
}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr .sceditor-toolbar {
    margin: 0;
    width: 725px!important;
    float: left;
}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr iframe ,.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr textarea {
    width: 725px!important;
    border: 0px!important;
    padding: 0!important;
    color: #111;  font-family: Verdana,Arial,Helvetica,sans-serif;  font-size: 13px;
}
#smiley-box {
    width: 155px;
    padding: 2px;
    margin-left: 1px;
    height: 280px;
    background: url(http://i.imgur.com/3Y5TPJy.png)repeat-x;  
    background-size: auto 35px;
    color: #ffffff;    
    font-size: 10px;  text-transform: uppercase;  font-weight: bold;  
    border: 1px solid #284158;  border-radius: 4px 4px 0 0;  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.14);  line-height: 19px;
    padding-top: 35px;
    position: relative;
}
#smiley-box iframe {
    height: 280px;
}
#smiley-box::before {
    content: "Smiley";
    position: absolute;
    top: 9px;
    text-align: center;
    width: 139px;
}
.pun #pun-info .main-content {
    font-family: arial, sans-serif;  background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  
    border: 1px solid #ddd;  min-height: 20px;  line-height: 20px;  font-weight: bold;
}
.pun #pun-info .main-content #stats {
    border-bottom: 1px solid white;
}
.pun #pun-info .main-content #onlinelist {
    border-top: 1px solid rgb(219, 219, 219);
}
#user-hoverbox {
    margin-left: 5px;
    z-index: 999;  min-width: 160px;  position: absolute;  padding-top: 1px;
display:initial!important;}
#user-hoverbox #user-hoverbox-inner a {
    display: block;  background: white;  color: rgb(136, 136, 136);  border-bottom: 1px solid #aaa;  padding: 8px;  font-size: 11px;  z-index: 999;  text-align: left;  text-shadow: none !important;
}
#user-hoverbox-inner {
    background: white;
    width: 140px;
    border: 4px solid black;
    border-radius: 2px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.31);
}
#user-hoverbox #user-hoverbox-inner a:hover {
    background: #fafafa;  color: #333;
}
#user-hoverbox::before {
    width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  content: "";  position: absolute;  border-bottom: 5px solid rgb(54, 54, 54);  top: -4px;  left: 12px;
}
#user-hoverbox a .icon-user {
    background-image: url("http://i.imgur.com/o0vbztB.png");
}
#user-hoverbox a .icon-comments {
    background-image: url("http://i.imgur.com/H1HNIqI.png");            
}
.pun #user-hoverbox a i {
    background-position: center;  
    background-repeat: no-repeat;  
    width: 13px;  
    height: 10px;  float: left;  
    margin-top: 2px;  margin-right: 3px;
    opacity: 0.8;
}
#user-hoverbox a .icon-envelope-alt {
    background-image: url("http://i.imgur.com/LpRlXho.png");
}
#user-hoverbox a .icon-file-alt {
    background-image: url("http://i.imgur.com/3tVmtX5.png");
}
#user-hoverbox a .icon-folder-open {
    background-image: url("http://i.imgur.com/xbes4ru.png");
}
.pun #user-hoverbox a:hover i {
    opacity: 1!important;
}
.pun #page-body #user-hoverbox #user-hoverbox-inner a {
font-weight: normal;
font-style: normal;
}
#profile-advanced-details .message-text img {
    max-width: 620px;
}
#profile-advanced-details .message-header {
    height: 42px;
    font: bold 11px arial;
    color: rgb(101, 107, 112);
    font-style: normal;
    border-bottom: 1px solid #C2C2C2!important;
    border: 0px;
    margin: 0;
    background-image: -webkit-linear-gradient(top,#FAFAFA,#EEEEEE);  
    background-image: -moz-linear-gradient(top,#FAFAFA,#EEEEEE);  
    background-image: -ms-linear-gradient(top,#FAFAFA,#EEEEEE);  
    background-image: -o-linear-gradient(top,#FAFAFA,#EEEEEE);  
    background-image: linear-gradient(top,#FAFAFA,#EEEEEE);
}
#profile-advanced-details .message-block {
    margin: 0;
}
#profile-advanced-details ol li {
    border: 1px solid rgb(187, 187, 187);
    margin: 5px 0;
}
#profile-advanced-details .avatar {
    border: none;
    margin-top: 0px;
    margin-right: 6px;
}
#profile-advanced-details .avatar img {
    border: solid silver;
    border-width: 0px 1px 0 0;
    width: 50px;
    height: 50px;
}
#profile-advanced-details .message-block .message-text {
    padding: 10px;
    font-family: arial;
}
embed[src^="http://www.youtube.com"] {
    width: 620px;
    height: 380px;
}
#profile-advanced-layout #tabs.clearfix {
position: initial;
}

Pagination ---------------

         p.pag,.paging{
            border-radius:3px;
            color: white;
            margin: 4px 0 9px 0;}
            #blog_comments .paging,#blog_comments p.pag{
            color:#F1F1F1;}
            td p.pag a,.paging a, td p.pag b, .paging b, .paged-foot .paging a, .paged-foot .paging b, .paged-foot .paging a:hover{
            border-radius:3px;
            padding: 6px 9px 6px 9px !important;
            margin-right: 3px !important;
            font-size: 12px !important;}
            td p.pag a,.paging a, .paged-foot .paging a{
            border-radius:3px;
            color: #666666 !important;
            border: solid 1px #B3B3B3 !important;
            background-color: #DEDEDE;
            background:-moz-linear-gradient(#F2F2F2,#BABABA);
            background-image: -webkit-linear-gradient(#F2F2F2,#BABABA);
            text-shadow: 0px 1px #EBEBEB !important;
            box-shadow: 0px 1px #D4D4D4 !important;
            -moz-box-shadow: 0px 1px #D4D4D4 !important;
            -webkit-box-shadow: 0px 1px #D4D4D4 !important;}
            td p.pag b, .paging b, td p.pag a:hover, .paging a:hover{
            border-radius:3px;
            border: solid 1px #878787 !important;
            color: #EBEBEB !important;
            background-color: #58E862;
            background:-moz-linear-gradient(#BABABA,#DBDBDB);
            background-image: -webkit-linear-gradient(#BABABA,#DBDBDB);
            text-shadow: 0px 1px #666666 !important;
            box-shadow: 0px 1px #D4D4D4 !important;
            -moz-box-shadow: 0px 1px #D4D4D4 !important;
            -webkit-box-shadow: 0px 1px #D4D4D4 !important;}
            p.pag img,.paging img,.paged-foot .paging img{postion:relative;
            top:-3px;
            margin-top:-5px!Important;
            vertical-align: center !important;}


TS Inform ----------

    .titlebox{
        -moz-border-radius:3px;
        -moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
        -webkit-border-radius:3px;
        -webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
        background:#EFEFEF;
        border:1px solid #D6D6D6;
        border-radius:3px;
        box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
        overflow:hidden;
        padding:10px;
        text-shadow:#fff 0 1px 0
    }
    .titlebox dd{display:block}
    .titlebox dava{float:left}
    .titlebox dava a img{
        -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
        -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
        background:#fff;
        border:1px solid #D5D5D5;
        box-shadow:0 2px 2px rgba(0,0,0,0.1);
        float:left;
        height:50px!important;
        padding:1px;
        width:50px!important
    }
    .titlebox dava a img:hover{
        -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
        border-color:#A1A1A1;
        box-shadow:0 2px 2px rgba(0,0,0,0.2)
    }
    .ipsType_pagetitle a{
    z-index:999;
    }
    .desc.lighter.blend_links{
    color:#a4a4a4;
    }
    .desc.lighter,.desc.lighter.blend_links a{
    color:#A4A4A4;
    }
    .desc,.desc.blend_links a,p.posted_info{
    color:#777;
    font-size:12px;
    }
    .conect{
    display:inline-block;
    padding-left:5px;
    }
    div.avatarredet {
    padding-right: 5px;
    }

Last Post Avatar -----

    .avatar-index { float: left; }
    .avatar-index img { width: 40px; height: 40px; padding: 1px; border: 1px solid #DDD; margin: 0 5px; }

Powered by PunBB
Currently 0 users have thanked error404 for this post:

2
Offline

  Shadow

avatar
Administrator
Administrator
7 days passed without answer, thread archived.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

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


Topic URL's

URL
BBcode
HTML

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