WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

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

1Few Codes required Empty Few Codes required Tue Sep 07, 2010 1:00 pm

Behavior???


Registered Member
Registered Member
I need few codes to solve all these problems

Problem 1
http://clubbies.forummotion.com/index.htm

I want to center the banner and remove the text. I tried to Header in ACP and still it didnt work

Problem2
http://clubbies.forummotion.com/index.htm

The place where its seen 'Clubbies Office' to the extreme right, you will see another bar of the same sort repeating, how do I remove that?

Problem 3
http://clubbies.forummotion.com/site-news-and-announcements-f1/our-first-forum-review-thanks-to-kaynil-t111.htm

The post body is smaller than the size of the pagebody, how do I remove that?

Problem 4
Is there a way to add a blue table as a bad ground to the post edit message
A baground like this
http://clubbies.forummotion.com/site-news-and-announcements-f1/our-first-forum-review-thanks-to-kaynil-t111.htm#941

http://www.thedungeons.info

2Few Codes required Empty Re: Few Codes required Wed Sep 08, 2010 4:52 am

Mikey

Mikey
Registered Member
Registered Member
Can't really just give codes if I can't see the site's current code, but I'll try...

Problem 1: Is the image in a fixed or relative position? Search for "position: fixed" and tell me if it's in there.

I'll help you with the rest once I finish some other stuff in a bit..

3Few Codes required Empty Re: Few Codes required Wed Sep 08, 2010 10:30 pm

Behavior???


Registered Member
Registered Member
Its in a fixed position

But unless we find a way to remove the text at the extreme right, thers no way centering it, atleast thats what I think!

http://www.thedungeons.info

4Few Codes required Empty Re: Few Codes required Thu Sep 09, 2010 6:48 pm

ankillien

ankillien
Administrator
Administrator
Hi there,

1) Logo in center...

Code:
a#pun-logo {float : none; }

2) To remove text you need to remove the forum description from admin panel general tab.

3) For the bar, either you can increase width of the bar or reduce width of the table with this code...

Code:
.main {
width : 880px;
margin : auto !important;
}

4) Post body width bug, this code will fix it...

Code:
.postmain {
width : 722px;
}

5) I don't understand where exactly you want the blue table to be. Please explain more.


Hope this helps Very Happy

5Few Codes required Empty Re: Few Codes required Thu Sep 09, 2010 8:14 pm

Behavior???


Registered Member
Registered Member
I added the code for the fourth problem. its giving a bigger version of the forum in Mozilla and a smaller one in Chrome, when I delete the code and save the CSS, its not changing too

Then for the code of the 4th problem, it so happened that the page structure increased but the quote, reply and all those buttons went out of the post body and is extending to the baground

The code also didnt bring any change to the table baground image

PS- I have a PunBB

http://www.thedungeons.info

6Few Codes required Empty Re: Few Codes required Thu Sep 09, 2010 8:28 pm

ankillien

ankillien
Administrator
Administrator
Behavior??? wrote:I added the code for the fourth problem. its giving a bigger version of the forum in Mozilla and a smaller one in Chrome, when I delete the code and save the CSS, its not changing too

I haven't given code for the 4th problem. It is about the table background color, right? The code in no.4 is for post body width bug.

Behavior??? wrote:Then for the code of the 4th problem, it so happened that the page structure increased but the quote, reply and all those buttons went out of the post body and is extending to the baground

Being a guest I can't see those buttons so I can't help at that Neutral

Behavior??? wrote:The code also didnt bring any change to the table baground image

Which background image? The blue header image? This is the code for it...

Code:
    .main {
    width : 880px;
    margin : auto !important;
    }

Try changing the width px to adjust it as per your need.

7Few Codes required Empty Re: Few Codes required Thu Sep 09, 2010 10:23 pm

Behavior???


Registered Member
Registered Member
Code:
.main {
width : 880px;
margin : auto !important;
}

How much ever I try, it doesnt work

Also,

When I add the post body code, this screenshot will show you whats happening!
Few Codes required Untitl11


http://www.thedungeons.info

8Few Codes required Empty Re: Few Codes required Thu Sep 09, 2010 10:35 pm

ankillien

ankillien
Administrator
Administrator
I've tried that code and it works for me. Try it again with important tag...

Code:
    .main {
    width : 880px !important;
    margin : auto !important;
    }

The screen shot won't help much but try adding this for post body fix... (don't remove the old code)

Code:
.post {
width : 922px !important;
}

9Few Codes required Empty Re: Few Codes required Thu Sep 09, 2010 11:37 pm

Behavior???


Registered Member
Registered Member
Those codes didnt work either

Code:
* {
    margin: 0px;
    padding: 0px;
    }
* html {
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;
   }
*+ html {
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;
   }
body {
   background-color: #73c7e9;
   background-image: url('http://i41.tinypic.com/6oit8o.png');
  background-attachment: scroll;
  background-repeat: repeat-x;
   color: #333333;
   font-size: 12px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   }

/* Wrap .pun-------------------------------------------------------------*/
.pun {
   width: 930px;
        background: #ffffff;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
   margin-top: 15px;
   margin-bottom: 15px;
        border: 1.5px solid #000000;
/* Fix for RTL min-width bug, left here for consistency */
min-width: 768px;
   line-height: 130%;
   }
.pun div, .pun td, .sig-line {
   border-color: ##bfe4ff;
   color: ##bfe4ff;
   }
.pun img, .pun fieldset {
   border: none;
   }
.pun a:link {
   color: #2B3DE3;
   }
.pun a:visited {
   color: #914BC2;
    }
.pun a:hover {
   color: #8D15BD;
    }
.pun a:active {
   color: ##A24EC9;
    }
.pun a:focus {
   color: #00487d;
    }
.pun h2, .pun h3, .pun th, .pun input, .pun select {
   font: normal 1em Verdana, Arial, sans-serif;
   }

/* Main heading (Logo and description)-------------------------------------------------------------*/
#pun-logo {
    float: none;
  text-align: center;
    }



/* Main navigation (Menu, information and crumbs)-------------------------------------------------------------*/
#pun-head #pun-navlinks {
   padding: 0.5em 1.1em 0.6em 1.1em;
   background-color: #ffffff;
   border-color: #ffffff;
   }
#pun-navlinks ul {
   list-style: none;
   text-align: center;
   }
#pun-navlinks li {
   display: inline;
   font-size: 1.15em;
   }
#pun-navlinks li a {
    margin: 0 0em 0 0;
    }
#pun-navlinks a, #pun-navlinks a:visited {
   
/*color: #fff;
   */
text-decoration: none;
   }
#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
   text-decoration: underline;
   
/*color: #fff;
   */
}
#pun-visit,.main-box {
   border-color: #99dafa;
   border-style: solid;
   border-width: 1px;
   padding: 0.6em 1em;
   background-color: #e6f4ff;
   margin: 0 0 1em 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
   }
#pun-visit ul,.main-box ul {
   float: right;
   width: 70%;
   text-align: right;
   list-style-type: none;
   }
.main-box ul {
   float: left;
   width: auto;
   }
#pun-visit li,.main-box li {
   margin-left: 0.7em;
   white-space: nowrap;
   float: right;
   }
.pun-crumbs {
   padding: 0.2em 1em;
   margin: 0 1px 1em 1px;
   }
.pun-crumbs p {
   margin: 0;
   line-height: 1.5;
   font-size: 1.11em;
   color: #666;
   }
.pun-crumbs a {
    text-decoration: none;
    }

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

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

/* Main headings and Pagination-------------------------------------------------------------*/
.pun .main, .pun .main-category {
   margin: 1em 0;
   }
.main .main-head, .main .main-foot {
   padding: 0.7em 1.3em;
   font-weight: normal;
   color: #ffffff;
   background-color: #ffffff;
   }
.main .main-head {
   height:12px;
background-image: url('http://www.dodaj.rs/f/1x/jc/2YQOc2DO/debela.png');
 background-repeat: repeat-x
   }
.main .main-head .page-title {
   font-size: 12px;
   font-weight: normal;
   }
.pun .main-content {
   border: 1px solid #37ADE8;
   background-color: #fbfbfb;
   }
.pun .style1 {
   background-color: #fbfbfb;
   padding: 0.5em;
   }
.pun .style2 {
   background-color: #37ADE8;
   padding: 0.5em;
   }
.pun .main-foot .h2, .pun .main-head .h2 {
   float: left;
   }
.pun .main .options {
   float: right;
   text-align: right;
   color: #ccc;
   }
.pun .main .options a,.pun .main .options a:link,.pun .main .options a:visited {
   margin-left: 0.5em;
   color: #ccc;
   text-decoration: none;
   }
.pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited {
   margin-left: 0.6em;
   color: #ccc;
   text-decoration: underline;
   }

/* Table-------------------------------------------------------------*/
  .pun table.table {

width: 100%;
table-layout: fixed;
empty-cells: show;
border-collapse: collapse;
border: 0px;
}

.pun .frm .frm-form table {
   border: 1px solid #bfe4ff;
   border-top: 1px solid #1F537B;
   border-color: #bbb;
   }
.pun table.table th {
   padding: 0.5em 0;
   border-style: none;
   border-color: #;
   background-color: #e6f4ff;
   color: #333333;
   }
.pun table.table td {
   padding: 0.6em 0 0.7em;
   border-width: 1px;
   border-style: solid none none solid;
   line-height: 130%;
   background-color: #fbfbfb;
   border-color: #bfe4ff;
   }
.pun .main table td.tc2, .pun .main table td.tc3 {
   background-color: #e6f4ff;
   }
.pun table.table td table td {
   border: none;
   padding: 0px;
   }
.pun table .tcl {
   width: 50%;
   overflow: hidden;
   text-align: left;
   }
.pun table.table th.tcl {
   padding-left: 0.5em;
   }
.pun .frm .frm-form table .tc2 {
    text-align: left;
    padding-left: 0.5em;
   }
.pun .table .tc2, .pun .table .tc3 {
   width: 10%;
   text-align: center;
   }
.pun .frm .frm-form table .tc4 {
   text-align: center;
   width: 5%;
   }
.pun table .tcr {
   width: 30%;
   overflow: hidden;
   text-align: left;
   padding: 0 0 0 0.5em !important;
   }
.pun table th.tcl,.pun table th.tc2,.pun table th.tc3,.pun table th.tc4,.pun table th.tcr {
   overflow: hidden;
   }
.pun table .report {
    width: 9%;
    }
.pun .main table.table td.report {
    background-color: #e6f4ff;
    }
.pun table .tdtopics {
    padding-left: 42px;
    }
.pun table .tdtopics .status {
    margin-left: -32px;
    }
.pun table .tdtopics img, .pun .

posthead img {
   vertical-align: middle;
   }
table .tcl.memberlist {
   width: 25%;
   }
.pun tbody.statused td.tcl {
   padding-left: 3.4em;
   }
.pun tbody.statused span.status {
   position: absolute;
   }
.pun table td.tcl {
   border-left-style: none;
   border-left-width: 0;
   vertical-align: top;
   height: 0px;
   padding-left: 0.5em;
   min-height: 24px;
   }
pun table td.tcl .height-giver {
   min-height: 0px;
   visibility: hidden;
   width: 1px;
   }
td.avatar-mini a {
   text-decoration: none;
   }
td.avatar-mini a span {
   text-decoration: underline;
   }
td.avatar-mini img {
   background-color: #fff;
   border: 1px solid #6096bf;
   vertical-align: middle;
   width: 38px;
   height: 38px;
   }
* html .pun table {
   position: relative;
   }
* html .pun table td.tcl {
   position: relative;
   }
.pun table td.tcl h2 {
   font-weight: bold;
   }
.pun .main table.table td.td-title {
   background-color: #f0f8ff;
   }
.pun .main table.table th.name {
   padding-left: 0.5em;
   }
.pun .sticky-separator {
   border-top: 5px double #bfe4ff !important;
   }
.mod-text {
   font-weight: bold;
   }
h2.topic-title {
   display: inline;
   }
.hierarchy {
   display: inline;
   text-transform: none;
   border: none;
   font-size: 10px;
   font-weight: bold !important;
   }

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

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

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

/* bbCode */
.codebox {
   margin: 1em;
    background-color: #e1efff;
    border: 1px dotted #bfe4ff;
   }
.codebox dt {
   padding: 0.25em;
    border-bottom: 1px dotted #bfe4ff;
   }
.codebox dd {
   margin: 0.5em;
    padding: 0.5em;
    background-color: #ffffe1;
   }
.faq dd ul {
   margin: 0 2em;
    }
.codebox + blockquote {
   margin: 0.5em 3em;
    padding: 0.5em;
    background-color: #fff;
    border: 1px dotted #bfe4ff;
   }

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

/* Advanced profile-------------------------------------------------------------*/
div.nav-head {
   margin: -1px 0 0 0;
   padding: 0.7em 1.3em;
   font-weight: normal;
   color: #dedfdf;
   background: #1F537B;
   }
#tabs {
   min-width: 932px;
   }
* html #tabs {
   width: 100%;
   }
#tabs ul {
   list-style-position: outside;
   list-style-type: none;
   padding: 0 1.8em;
   white-space: nowrap;
   }
#tabs ul li {
   float: left;
   margin: 0;
   padding: 0 4px 0 0;
   }
#tabs ul li.activetab a {
   background-color: #6096bf;
   border-color:#6096bf;
   color: #f0f8ff;
   text-decoration:underline;
   }
#tabs ul li.activetab a:hover {
   background-color: #6096bf;
   }
#tabs ul li a {
   float: left;
   padding: 0 1em;
   background-color: #f0f8ff;
   border: 1px solid #bfe4ff;
   font-size:1.1em;
   font-weight:normal;
   line-height: 2em;
   text-decoration:none;
   }
#tabs ul li a:hover {
    background-color: #e6f4ff;
    }

/*Profile View*/
fieldset.profile-view dl dt {
   width: 8em;
   text-align: left;
   font-weight: normal;
   }
fieldset.profile-view dl dd {
   margin: 0;
   }
#profile-advanced-layout {
   float: left;
   margin-right: -302px;
   width: 100%;
   }
#profile-advanced-left {
   margin-right: 302px;
   }
#profile-advanced-left .main {
   margin-top: 0;
   }
#profile-advanced-avatar {
   float: left;
   width: 30%;
   }
#profile-advanced-points, #profile-advanced-reputation {
   float: left;
   }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
   margin-right: 4px;
   }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
   margin-bottom: 4px;
   }
#profile-advanced-details .main-content {
   padding: 4px;
   }
#profile-advanced-details .pagination {
   float: left;
   }
#profile-advanced-details ol {
   list-style: none;
   }
#profile-advanced-details ol li {
   display: block;
   margin-bottom: 4px;
   }
#profile-advanced-details .avatar {
   float: left;
   }
.avatar {
   width: 50px;
   border: 1px solid #6096bf;
   background-color: #fff;
   }
.avatar img {
   width: 50px;
   }
.friend-block .avatar {
   margin: 0 auto;
   cursor:pointer;
   }
.friend-block {
   float: left;
   width: 70px;
   margin: 1px;
   text-align: center;
   overflow: hidden;
   }
.friend_list_online_status {
   line-height: 11px;
   font-size: .7em;
   }
.friend_list_online_status img {
   vertical-align: middle;
   }
.friends-foes-list {
   float: left;
   width: 200px;
   height: 2em;
   }
#profile-advanced-details .message-block {
   margin-left: 57px;
   }
#profile-advanced-details .message-header {
   border-top: 1px solid #e6f4ff;
   background: #e6f4ff;
   padding: 4px;
   margin-bottom: 4px;
   }
#profile-advanced-details .message-date {
   float: right;
   }
#profile-advanced-details .message-body {
   margin-bottom: 4px;
   }
#profile-advanced-details .message-footer {
   text-align: right;
   }
#profile-advanced-details .message-footer li {
   display: inline;
   margin: 0 0.25em;
   
/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
   content: ' .';
   
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
   margin-right: 0.25em;
   
/* Spacing between generation dot */
text-decoration: underline;
   }
#profile-advanced-details .message-footer li.last:after {
   content: normal;
   }
#profile-advanced-layout #new-message {
   position: relative;
   margin-top: 20px;
   }
#profile-advanced-layout #tabs {
   position: absolute;
   bottom: 0;
   }
#profile-advanced-layout #new-message-link {
   position: absolute;
   bottom: 0;
   right: 4px;
   padding-bottom: 4px;
   }
#profile-advanced-details .top {
   margin-bottom: 16px;
   }
#profile-advanced-details .bottom {
   margin-top: 16px;
   }
#profile-advanced-right {
   float: right;
   width: 302px;
   }
#profile-advanced-add {
   margin-right: 4px;
   padding: 7px 0 6px;
   text-align: right;
   }
#profile-advanced-details .stats-field {
   margin: 4px 0 10px 4px;
   padding: 0 10px 6px;
   }
#profile-advanced-details .stats-field legend {
   font-weight: bold;
   }
#profile-advanced-details .stats-field ul {
   list-style-type:none;
   text-indent: 10px;
   padding: 0;
   }
#profile-advanced-details .stats-field li {
   margin: 4px 0;
   }

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

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

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

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

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

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

/* Pagination-------------------------------------------------------------*/
.pun .paged-head, .pun .paged-foot {
   border: 1px solid #bfe4ff;
   background-color: #fffffff;
   padding: 0.6em 1.3em 0.3em 1.3em;
   }
.pun .paged .posting {
   float: right;
   font-weight: bold;
   font-size: 1.2em}
.pun .paging {
   float: left;
   font-weight: bold;
   font-size: 1.1em}
strong.pagination {
   font-weight: normal;
   }

/* Post Basic Layout-------------------------------------------------------------*/
.pun .topic {
   border: 1px solid #bfe4ff;
   border-style: none solid;
   background: #fffff;
   }
.pun .post {
   border-style: solid none;
   border-width: 2px 0 1px 0;
   border-color: #eee #fff #ccc #fff;
   }
* html .pun .post {
   height: 1%;
   }
*+ html .pun .post {
   min-height: 1px;
   }
.pun .postmain {
   background-color: #fbfbfb;
   border-left: 1px solid #bfe4ff;
   margin-left: 17em;
   }
.pun .posthead {
   padding: 0.5em 1.3em 0.5em 1em;
   background: #e6f4ff;
   border-bottom: 1px dashed #ccc;
   }
.pun .posthead h2 strong {
   float: right;
   }
.pun .postbody {
   width: 100%;
   }
.pun .post-entry {
   padding: 1em 1em 0 1em;
   }
.pun .entry-content {
   padding-bottom: 0.8em;
   overflow: hidden;
   width:100%}
.pun .entry-content ul,.pun .entry-content ol {
   margin-left: 2em;
   }

/*Posting layouts*/
.postmain blockquote {
   padding: 0.5em 1em;
   background-color: #fff;
   border: 1px solid #bfe4ff;
   }
.postmain cite {
   display: block;
   margin: 0 0 1em 0;
   font-weight: bold;
   font-style: normal;
   }
.vote {
   float: right;
   width: 9px;
   margin-left: 4px;
   }
.vote .vote-button {
   text-align: center;
   font-weight: bold;
   margin-left: -1px;
   }
.vote .vote-button a {
   text-decoration: none !important;
   }
.vote .vote-bar {
   width: 3px;
   height: 50px;
   margin: 0 auto;
   border: 1px solid #333333;
   font-size: 0;
   }
.vote .vote-no-bar {
   letter-spacing:-2px;
   margin-left:-2px;
   white-space:nowrap;
   }
.vote .vote-bar-plus {
   background-color: #0f0;
   }
.vote .vote-bar-minus {
   background-color: #f00;
   }

/* User information general layout-------------------------------------------------------------*/
.pun .user {
   padding-top: 1.6em;
   overflow: hidden;
   width: 15em;
   white-space: normal;
   display: inline;
   }
.pun .post .user {
   float: left;
   margin-left: -16em;
   margin-top: -1.8em;
   position:relative;
   }
.pun .user .user-ident {
   padding: 0 0 0.7em 0;
   font-size: 12px;
   }
.pun .user-ident .username {
   font-size: 1.2em;
   font-weight: bold;
   display: block;
   position: absolute;
   top: 0;
   text-decoration: none;
   color: #00487d;
   }
* html .pun .user-ident .username {
   padding: 0 0 0.25em;
   }
*+ html .pun .user-ident .username {
   padding: 0 0 0.3em;
   }
.pun .user-ident .username a{
   text-decoration:none}
.pun .user-ident .user-basic-info {
   font-weight: bold;
   }
.pun .user .user-info {
   color: #666;
   line-height: 1.8em;
   }
.postfoot {
   clear: both;
   margin-left: -17em;
   border-top: 1px dashed #ccc;
   padding: 0.5em 1em;
   text-align: right;
   }
div.post-options img{
   cursor: pointer;
   }
.pun .postfoot .user-contact {
   float: left;
   width: 15em;
   text-align: left;
   }
* html .pun .postfoot {
   margin-left: 0;
   }
.pun .sig-content {
   padding-top: 0.8emmargin-left: -17em;
   clear:both;
   position: relative;
   padding: 0.5em 1em;
   }
.pun .p-hidden {
   text-align:center;
   padding: 15px 0px;
   border-bottom: 1px solid #bfe4ff;
   }
.pun .sig-content .sig-line {
   margin: 0 auto;
   border-top-style: solid;
   border-top-width: 1px;
   border-color: #bfe4ff;
   display: block;
   padding-bottom: 0.5em;
   width: 250px;
   }

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

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

/* Text editor (quick reply)-------------------------------------------------------------*/
.pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited {
   padding-left: 20px;
   background-repeat: no-repeat;
   background-position: left;
   background-image: url('http://2img.net/i/fa/punbb/helpdark.png');
   }
.pun .frm-form {
   background: #fbfbfb;
   border: none;
   }
.pun div.frm-form {
    margin: 1.7em;
    }
.dd-textarea {
    width: 72%;
    }
button.button2, input.button2 {
   font-size: 0.9em;
   border: 1px solid #BCBCBC;
   width: auto !important;
   margin: 0px 0.25em 0;
   padding: 2px 3px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color: #000000;
   background-repeat: repeat-x;
   background-color: #FAFAFA;
   background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
   background-position: top;
   overflow: visible;
   vertical-align:middle;
   }
body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {
   
/* Opera does not see this */
padding: 1px 0;
   }
button.button2:hover, input.button2:hover {
   border: 1px solid #bf7360;
   color: #bf7360;
   background-position: 0 100%;
   }
* html button.button2, * html input.button2 {
   padding-bottom: 0;
   margin: 0 0.25em;
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2, *+html input.button2 {
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2 img {
    vertical-align: middle;
    }
* html button.button2 img {
    vertical-align: middle;
    }
.select {
   background-color: #ffffff;
   border: 1px solid #BCBCBC;
   position: absolute;
   z-index: 999;
   top: 0;
   left: 0;
   overflow: hidden;
   width: 0px;
   margin: -15px 0px 0px -30px;
   }
* html .select {
   margin-top: -9px;
   }
.select p {
   padding: 4px 6px;
   font-size: 0.9em;
   margin: 0px;
   }
.select button {
   padding: 4px;
   font-size: 0.9em;
   margin: 0px;
   background-color: #FFF;
   border: none;
   text-align: left;
   }
.select button.button2 {
   border: 1px solid #BCBCBC;
   padding: 0px;
   }
*+html .select button.button2 {
   padding-right: 3px;
   padding-left: 3px;
   }
* html .select button.button2 {
   padding-right: 3px;
   padding-left: 3px;
   }
.select button.button2:hover {
   border: 1px solid #bf7360;
   color: #bf7360;
   background-position: 0 100%;
   }
.select button:hover,.selectHover {
   cursor: pointer;
   background-color: #EEE;
   }
button.bbcode {
   border: 1px solid #e3adad;
   background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");
   }
#text_editor_controls {
    margin: 10px 0px 0px 210px;
    }
#textarea_content iframe#text_editor_iframe,#text_editor_textarea {
   width: 100%;
   
/*height: 100%;
   */
}
*+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea {
   width: 60%;
   }
* html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea {
   width: 60%;
   }
*+ html #text_editor_textarea.quick_reply_textarea {
   width: 60% !important;
   }
* html #text_editor_textarea.quick_reply_textarea {
   width: 60% !important;
   }
#quick_reply .frm-buttons {
    padding-left: 210px;
    }
div.posting-block {
   width: 80%;
   float: left;
   margin-right: 20px;
   }
.pun .frm div.posting-block dd.frm-textarea {
    width: auto;
    }
.helpline {
   margin-left: 210px;
   }
*+ html .helpline {
   display: block;
   height: 1em;
   }
* html .helpline {
   display: block;
   height: 1em;
   }

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

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

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

/* Chatbox-------------------------------------------------------------*/
body.chatbox {
   background-image: none;
   padding: 0;
   margin: 0;
   background-color: #ffffff;
   }
#chatbox_header {
   height: 30px;
   }
#chatbox_header.main-head {
   padding: 0 1.3em;
   color: #dedfdf;
   background-color: #6096bf;
   }
.chatbox-title,.chatbox-title a.chat-title {
   color: #dedfdf;
   text-decoration: none;
   }
.chatbox-title {
   float: left;
   margin: 0;
   padding: 2px 5px 0 5px;
   width: 15em;
   }
.chatbox-options {
   float: right;
   list-style: none;
   font-size: 11px;
   margin: 0.7em 0.5em 0.5em 0.5em;
   }
.chatbox-options li {
   display:inline;
   }
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
   color: #dedfdf;
   }
#chatbox_members {
   position: absolute;
   top: 30px;
   bottom: 30px;
   width: 180px;
   overflow: auto;
   border-right: 1px dashed #ccc;
   }
#chatbox_messenger_form {
   margin: 10px 0 0 0;
   }
#chatbox_members .member-title {
   text-align: center;
   padding: 0.5em 0.25em;
   background-image: none;
   font-size: 12px;
   background-color: #f0f8ff;
   color : #00487d;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   }
#chatbox_members ul {
   list-style: none;
   margin: 0 0 0 1em;
   }
#chatbox_members ul li {
   margin: 0.5em 0.5em 0.5em 0;
   }
#chatbox {
   position: absolute;
   top: 30px;
   left: 181px;
   right: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
#chatbox p {
   line-height: 1.2em;
   }
.chatbox_row_1 {
   padding: 4px;
   background-color: #fbfbfb;
   }
.chatbox_row_2 {
   padding: 4px;
   background-color: #e6f4ff;
   }
.chatbox_row_3 {
   padding: 4px;
   background-color: #f0f8ff;
   }
#chatbox .user {
   font-weight: bold;
   }
.memberlist_row_1 {
   background-color: #fbfbfb;
   }
#chatbox_footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   border-top: 1px dashed #ccc;
   }
#message,#submit_button{
   border-width: 1px;
   }
.fontbutton {
   padding: 1px;
   cursor: pointer;
   text-align: left;
   }
.fontbutton_normal {
   background: #E1E1E2;
   }
.fontbutton_selected {
   background: #BBC7CE;
   border: 1px solid #22229C;
   }
.fontbutton_clicked {
   background: #959595;
   border: 1px solid #22229C;
   }
.fontbutton_hover {
   background: #E1E1E2;
   border: 1px solid #22229C;
   }
.fontbutton {
   background:#E1E1E2 none repeat scroll 0%;
   border:medium none;
   color:#000000;
   float:left;
   margin-right:10px;
   padding:1px;
   }

/*Internet Explorer fixers and hacks for Chatbox *
/* html #chatbox-members {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }
* html #chatbox {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
   }
* html #chatbox-footer {
   
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }
#chatbox_contextmenu {
   border: 2px solid black;
   background-color: #f0f8ff;
   }
#chatbox_contextmenu p {
   margin:0;
   padding: 1px 4px;
   font-family: verdana, arial, sans-serif;
   background: #fbfbfb;
   border-bottom:1px solid #777;
   }
#chatbox_contextmenu p.hover {
   background: #e6f4ff;
   }
#chatbox_contextmenu p.close {
   padding: 1px;
   font-size: 95%;
   color:#fff;
   background: url('');
   }
#chatbox_contextmenu p.close img {
   vertical-align: middle;
   padding-left: 20px;
   }
#chatbox_contextmenu a {
   color: #00487d;
    text-decoration: none;
    font-size: 95%;
   }
#chatbox_contextmenu a:hover {
   color: ;
   }

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

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

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

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

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

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

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

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

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

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

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

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

/* END TESTING FOR MEDIA PRINT */
ul.profile_field_list {
   padding:0;
   }
html ul.profile_field_list li {
   list-style-type: none;
   }
ul.profile_field_list > li {
   list-style-type: none;
   }
.inputURL {
   font-size:10px;
   font-family:"Courier New", "Times New roman";
   letter-spacing:-1px;
   }
.middleline {
   line-height:2em;
   }
.invisible{
   display:none;
   visibility:hidden;
   }
.visible{
   display:block;
   visibility:visible;
   }

/* ajax profil */
.ajax-profil_hover{
   background:transparent}
.ajax-profil_parent{
   position:relative;
   zoom:1}
.ajax-profil_edit{
   cursor:pointer;
   position:absolute;
   top:6px;
   left:-12px;
   }
.ajax-profil_edit img{
   margin-left:4px}
.ajax-profil_valid{
   cursor:pointer;
   margin-left:4px;
   vertical-align:middle}
#profile-advanced-details dl{
   padding:8px 10 8px 0;
   width:98%;
   margin:10px 0 0;
   }
#profile-advanced-details dl dt{
   float:left;
   display:block;
   width:10em;
   }
#profile-advanced-details dl dd{
   margin-left:10em;
   padding-left:12px;
   }
#profile-advanced-details div.separator{
   clear:both;
   font-size:1px;
   line-height:1px;
   border-bottom:1px solid #dcdcdc;
   padding-top:10px;
   }
#profile-advanced-details .ajax-profil_edit{
   left:-4px;
   }

/* jqModal */
.jqmWindow {
   display: none;
   position: fixed;
   left: 50%;
   width: 450px;
   margin-left: -225px;
   top: 50%;
   margin-top: -125px;
   background-color: #ffffff;
   border: 1px solid #f0f8ff;
   }
.jqmWindow .main {
   margin: 0;
   }
.jqmOverlay {
   background-color: #000;
   }
.jqDrag {
   cursor: move;
   }

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

/* Blog */
.blog_cal-border {
   display: inline;
   float: left;
   border: 1px solid #6096bf;
   background: #fbfbfb;
   padding: 1px;
   font-size: 1.2em;
   margin-right: 3em;
   }
.blog_cal-content {
   width: 2.9em;
   background: #6096bf;
   padding: 1px;
   line-height: 1.4em;
   text-align: center;
   font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
   color: #ffffff;
   }
.blog_cal-content span {
   display: block;
   }
.blog_cal-day {
   padding-left: 0.2em;
   font-size: 1.6em;
   letter-spacing: 0.2em;
   }
.blog_cal-month {
   line-height: 0.7em;
   font-size: 2em;
   font-weight: bold;
   }
.blog_cal-year {
   line-height: 1.2em;
   font-size: 0.8em;
   }
.blog_title {
   padding-top: 1.1em;
   font-size: 1.2em;
   }
.blog_title .status {
   margin-top: -0.1em;
   }
.blog_title .topictitle {
   font-size: 1.1em;
   text-decoration: none;
   }
.blog_message {
   margin-top: 0.5em;
   font-size: 1.1em;
   }
.blog_comments {
   margin-right: 0.5em;
   font-size: 0.8em;
   text-align: right;
   }
.blog_comments img {
   vertical-align: middle;
   }
#blog_comments {
   width: 90%;
   margin: 0 auto;
   }
#blog_comments .posthead {
   padding: 2px 4px;
   }
.blog_comment-avatar {
   float: left;
   }
.blog_comment-avatar img {
   background-color: #fff;
   border: 1px solid #6096bf;
   vertical-align: middle;
   width: 38px;
   margin: 2px 2px 4px;
   }
#blog_comments .h3 {
   overflow: hidden;
   margin-top: 0;
   margin-left: 45px;
   padding: 0;
   min-height: 22px;
   }
.blog_comment-title {
   float: left;
   min-height: 12px;
   margin-top: 7px;
   }
#blog_comments .postfoot {
   margin-left: inherit;
   }
.no_comment {
   padding: 10px 0;
   }

/* Social bookmarking */
#bookmarks {
   float: right;
   }
#bookmarks a img {
   width: 20px;
   height: 20px;
   background: url(http://2img.net/i/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;
   vertical-align: middle;
   }
#bookmarks a img.twitter {
   width: 16px;
   height: 16px;
   margin: 2px;
   background: url(http://2img.net/i/fa/social_bookmarking/twitter.png) no-repeat scroll;
   }
#bookmarks img.delicious {
   background-position: -10px -10px;
   }
#bookmarks img.digg {
   background-position: -10px -50px;
   }
#bookmarks img.excite {
   background-position: -9px -90px;
   }
#bookmarks img.facebook {
   background-position: -9px -128px;
   }
#bookmarks img.furl {
   background-position: -10px -166px;
   }
#bookmarks img.google {
   background-position: -10px -206px;
   }
#bookmarks img.live {
   background-position: -9px -246px;
   }
#bookmarks img.netscape {
   background-position: -9px -284px;
   }
#bookmarks img.newsvine {
   background-position: -9px -322px;
   }
#bookmarks img.reddit {
   background-position: -10px -360px;
   }
#bookmarks img.slashdot {
   background-position: -10px -400px;
   }
#bookmarks img.smarking {
   background-position: -9px -440px;
   }
#bookmarks img.stumbleupon {
   background-position: -10px -478px;
   }
#bookmarks img.technorati {
   background-position: -10px -518px;
   }
#bookmarks img.yahoo {
   background-position: -10px -558px;
   }

/* wysiwyg */
.mceContentBody{
   background: #e6f4ff;
   color: #333333;
   }

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

/* Spoiler */
.spoiler_content {
   display:none;
   }
.spoiler_content.hidden {
   display:block;
   }
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}


a:link {background-color:#;}
a:visited {background-color:#;}
a:hover {background-color:#;}
a:active {background-color:#;}
.entry-content p {
font-weight : bold;
font-size : 10px;
}

body.chatbox (
    background-color: #FFFFFF;
)
    .main {
    width : 880px !important;
    margin : auto !important;
    }
.postmain {
width : 500px;
}
.post {
width : 922px !important;
}

See my whole CSS

http://www.thedungeons.info

10Few Codes required Empty Re: Few Codes required Fri Sep 10, 2010 11:34 am

ankillien

ankillien
Administrator
Administrator
See this code...

Code:
body.chatbox (
    background-color: #FFFFFF;
)

It is a wrong CSS syntax so remove it form your stylesheet and see if my codes work.

11Few Codes required Empty Re: Few Codes required Fri Sep 10, 2010 1:48 pm

Behavior???


Registered Member
Registered Member
Whenever the post body increases, the quote and multi quote buttons extend to out of the page structure.

Please register in my forum and look upto whats happening please, I am in despite need of this

I tried deleting that syntax you said, also I added the two codes together, but none seem to work

http://www.thedungeons.info

12Few Codes required Empty Re: Few Codes required Fri Sep 10, 2010 9:43 pm

ankillien

ankillien
Administrator
Administrator
Well, I've tried the codes on your forum and they work. There can be something wrong in your codes.

Try adding my code above all other codes, with !important tag.

13Few Codes required Empty Re: Few Codes required Sat Sep 11, 2010 12:19 am

Behavior???


Registered Member
Registered Member
Clearing Cookies and Caches worked

but the quote, multi quote, edit and those buttons still extend out of the post body

http://www.thedungeons.info

14Few Codes required Empty Re: Few Codes required Sat Sep 11, 2010 6:54 pm

ankillien

ankillien
Administrator
Administrator
If you can make a test account, I can check the problem my self and gve you some fiix for it.

15Few Codes required Empty Re: Few Codes required Sun Sep 12, 2010 10:00 am

Behavior???


Registered Member
Registered Member
I installed a new theme and the problem is now solved

Thankyou so Much Ani for the banner code!

http://www.thedungeons.info

16Few Codes required Empty Re: Few Codes required Sun Sep 12, 2010 10:14 am

Joel

Joel
Registered Member
Registered Member
Solved, Locked

http://www.advertisehotspot.info/

Sponsored content


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

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