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

Board Index » Forumotion »  [Read Only] Questions & Problems »[Archived] choose CSS for template

Foto

[Archived] choose CSS for template

by ,


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

1
Offline

  error404

error404
Punbb Rookie
Punbb Rookie
2014-03-23, 23:54
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
Thanks
Currently 0 users have thanked error404 for this post:

2
Offline

  Shadow

Shadow
Administrator
Administrator
2014-04-02, 09:34
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

 

About PunBB Design

PunBB Design (ex. PunBB Community) Forum is Forumotion hosted forum created 2012 as a test forum for helping out members and improving design and quality of the Forumotion forums. Over the time it became bigger and bigger in term of content, members and activity. That's why several times Forumotion offered us a free domain name for our community (www.punbb.biz). Today we want to back it's old activity and make it even better! In 2013 PunBB Design is awarded for best Forumotion forum.

General Links

Forum Resources

Forumotion Links

BtT
  • This skin is designed by Shadow for PunBB Design™.