Template veraendern - Widget einfuegen

Hallo Guten Morgen

Soweit verstehe ich punBB nun, an einem scheiter ich leider und hoffe auf eure hilfe.

Das Template laesst keine widgets zu (so habe ich den eindruck). Unter Display > Templates habe ich geschaut, weiss leider nicht welcher bereich hierfuer zustaendig ist ?!? Die breite des forums ist 100%.

Im bezug auf widgets haette ich noch eine frage zusammenhaengend, dafuer einen zweiten thread aufmachen?

Vielen Dank

LG

Hallo,

du meinst der Style lässt keine Indexmodule zu? Das hat mit den Templates nichts zu tun, sofern diese nicht verändert worden sind.
Aber du hast Recht. Dein Style ist mit viel persönlichem CSS aufgebaut, sodass über den normalen Adminbereich nicht mehr viel zu ändern ist.

In deinem persönlichen CSS ist folgender Eintrag:

#content-container div#left {
float: left;
margin-right: 0;
overflow: hidden;
width: 0;
}
#content-container div#right {
float: right;
overflow: hidden;
width: 0;
}

Dieser Eintrag bewirkt, dass die Indexmodule nicht angezeigt werden, was aber beabsichtigt ist. Der ganze Style ist darauf aufgebaut und wenn du diesen Eintrag entfernen oder (z.B. auf 180px) ändern würdest, wäre das ganze Layout dahin und die Module würden unterhalb des Forums erscheinen.

Du hast zwar im Adminbereich die Breite des Forums auf 100% stehen, aber im persönlichen CSS ist etwas anderes definiert, nämlich 900 Pixel.

Code:

.pun {
    line-height: 130%;
    margin: 0 auto;
    min-width: 900px;
    padding: 0;
    width: 900px;
}

Um die Indexmodule anzeigen zu lassen, müsstest du den kompletten Style im CSS ändern und deine Anzeige mit dem integrierten Header- und Footerbild wäre dahin.

Hm schade dann um den style, primaer geht es um das widget "Neueste Beitraege" dass den usern fehlt. In einem anderen beitrag hier im forum habe ich die anleitung gefunden, wie man das widget oben einfuegt, leider ist die anleitung fuer ein anderes forum, glaube da war es fuer phpBB3. geht das auf bei punBB?

Das Tutorial ist für bb2. klick
Für PunBB hab ich leider noch nicht die Zeit gefunden (obwohl ich es dort angekündigt hatte, dass das bald folgt, sorry...

Ich weiß nicht, wann ich dazu komme, da das doch schon etwas umfangreicher ist

ok da ich dass nicht peil lass ich es und warte wenn ich im net die anleitung dazu finde, darf ich dass dan hier posten?

Wenn du etwas dazu findest, darfst du mir das gerne per PN senden.
Du kannst nicht einfach etwas von anderen Quellen hier einstellen.

Ich schau aber auch mal danach, ob ich das nicht hinbekomme und melde mich dann wieder hier

edit: ich hab´s hinbekommen...Moment, ich poste es gleich

also die Änderungen im Template mod_recent_topic sind genau die Gleichen.

Du musst nur im Template overall_header folgende Änderungen durchführen:

Anstatt

Code:

<div id="{ID_LEFT}">

musst du folgendes einsetzen:

Code:

<td valign="top" width="100%"><div id="center">

Das Problem, was bei dir auftauchen könnte, ist dass die Breite nicht passt, weil du ja im CSS so viele Änderungen drin hast.
Ich schau aber mal, ob ich das noch anpassen kann...

edit:
du kannst übers CSS die id "center" noch formatieren.

Das stellst du so ein:

Code:

#center {
    padding: 12px;
    width: 900px;
}

Mit dem padding-Wert musst du evtl ein bisschen spielen.

recent topics sind nun veraendert (danke!) aber hoch bekomme ich die nicht, was ueberseh ich?

bin so vorgegangen wie in mod_recent_topics und im overal_header veraendert wie oben beschrieben, und recent widget veraendert, scroll raus etc.

du hast das Modul in die rechte Spalte gesetzt..

Wenn ihr auf der linken Seite bisher schon Module eingesetzt habt, dann müsst ihr diese entweder löschen oder auf die rechte Seite verschieben.
Auf der linken Seite darf nur das Modul "neue Themen" eingesetzt sein.

es steht links alleine

hm, wird aber rechts angezeigt?

Dann hast du einen Fehler im Template overall_header...schau bitte nochmal nach, ob alles so eingetragen ist (bzw entfernt wurde) wie ich das oben angegeben habe.
Bei mir im Testforum klappt es einwandfrei

im overal_header steht es nun so:

Code:

<div id="container">
                              <div id="content">
                                 <td valign="top" width="100%"><div id="center">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                 </div>
                              



in welchem Forum hast du das eingesetzt?
Ich seh das bei dir gar nicht...

http://soulmate.forumieren.com hier, und da steht es momentan auf dem portal. edit: also das widget steht momentan auf dem portal

Das soll ja nicht aufs Portal, sondern auf den Index, oder?
Im Portal ist das nicht mehr so einzusetzen, es sei denn du setzt das ganz oben hin.

Versuche es doch mal in deinem Testforum...da hast du doch den gleichen Style drauf, oder?
Ich kann jetzt so nicht sagen, woran es liegt, denn in meinem PunBB-Testforum klappt das einwandfrei.

Ja es soll auf dem index oben stehen auf dem testforum habe ich das selbe template und die veraenderungen vorgenommen: http://probni.forumieren.com/

menno

kannst du das Modul mal bitte für Gäste freigeben?
Ich kann das ja so gar nicht sehen

es ist fuer alle offen Zuckerpuppe

Komisch, ich sehe es bei beiden Foren nicht auf dem Index?

Hab es mit Firefox, Opera und Internet Explorer getestet. Ich kann es nicht auf dem Index sehen, sondern nur auf dem Portal

auf dem index erscheinen ja gar keine widgets, ausser die unsichtbaren wie dass vom chat..

testforum:



soulmate:




wenn ich zB. das widget mit meinen social marks (FB, Google+ etc) aufs forum setze, sehe ich die auch.
alle anderen nicht. das hast du mir aber oben erklaert warum die nicht erscheinen. das habe ich verstanden. haengt das widget "Recent Topics" auch damit zusammen?

kannst du mir mal dein komplettes persönliches CSS geben?
(Bitte in

Code:

[code][/code]

setzen)

Ich habe in meinem Testforum auch folgenden Code von dir eingegeben

Code:

#content-container div#left {
float: left;
margin-right: 0;
overflow: hidden;
width: 0;
}
#content-container div#right {
float: right;
overflow: hidden;
width: 0;
}

Aber dennoch erscheint das Modul.

Es muss an etwas anderen liegen....

hier

ps: musste teile, da der beitrag sonst zu lang ist


Teil 1

Code:

ul.socialicons {
            list-style: none;
            margin:0px;
            padding:5px;
            position:fixed;
            left:0px;
            top:250px;
        }
        ul.socialicons li {
            padding-bottom:8px;
            padding-left:15px;
        }
        ul.socialicons li img {
            opacity:0.5;
            transition-duration:0.5s;
            -moz-transition-duration:0.5s;
            -webkit-transition-duration:0.5s;
            -o-transition-duration:0.5s;
        }
        ul.socialicons li img:hover {
            opacity:1.9;
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            transform: rotate(360deg);
        }
.slova {font-size: 20px; font-weight: normal;
color:#6D6968; font-family: georgia,verdana,arial,times;}

* {
    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: #221C1A
   background-image: url('http://img542.imageshack.us/img542/4822/body10.png');
   background-attachment: scroll;
        background-repeat:  repeat-y;
   color: #868686;
   font-size: 12px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
        background-position: top center;
   }


/* Wrap .pun-------------------------------------------------------------*/
.pun {
   width: 900px;
   margin: 0 auto;
   padding: 0px;
        padding-top: 0px;
     
   
/* Fix for RTL min-width bug, left here for consistency */
min-width: 900px;
   line-height: 130%;
   }
.pun div, .pun td, .sig-line {
   border-color: ##dddddd;
   color: ##dddddd;
   }
.pun img, .pun fieldset {
   border: none;
   }
.pun a:link {
   color: #221C1A;
        text-decoration: none;
   }
.pun a:visited {
   color: #81756c;
        text-decoration: none;
    }
.pun a:hover {
   color: #5b4e43;
        text-decoration: none;
    }
.pun a:active {
   color: #81756c;
        text-decoration: none;
    }
.pun a:focus {
   color: #81756c;
        text-decoration: none;
    }
.pun h2, .pun h3, .pun th, .pun input, .pun select {
   font: normal 1em Verdana, Arial, sans-serif;
   }

/* Main heading (Logo and description)-------------------------------------------------------------*/
#pun-intro {
   margin: 0;
   padding: 1.5em 1em 1em 1em;
   border-bottom: 0px solid #296fa5;
   background-color: transparent;
   background-image: url('http://img140.imageshack.us/img140/1368/soulheader03.jpg');
        margin-left: -37px;
   text-align: center;
   background-repeat: no-repeat;
        width: 950px;
        height: 560px;
        margin-bottom: -5px;
   }

.novideo {
Background-image: url('http://www.dodaj.rs/f/1W/Zr/4AYOWxg8/novideo.png');
background-repeat: repeat-x;
background-type: scroll;
background-position: top center;
width: 100%;
height: 700px;
border:none;
}

*+ html #pun-head {
   margin-top: -5px;
   }
* html #pun-head {
   margin-top: -5px;
   }
#pun-logo {
    float: none;
}
#pun-title {
   padding-left: 5px;
   white-space: nowrap;
   color: #ffffff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 20px;
   }
#pun-title h1 {
   font-size: inherit;
   font-weight: inherit;
   color: inherit;
   }
p#pun-desc {
   color:#DDDDDD;
   padding: 0.3em 0 0 5px;
   }

#pun-head #pun-navlinks {
   padding: 0.5em 1.1em 0.6em 1.1em;
   background-color: transparent;
   border-color: #dddddd;
        border: 0px;
      display: block;
      margin-left: auto;
      margin-right: auto;
   }

#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: #dddddd;
   border-style: solid;
   border-width: 0px;
   padding: 0.6em 1em;
   background-color: transparent;
   margin: 0 0 1em 0;
   }
#pun-visit ul,.main-box ul {
   float: right;
   width: 70%;
   text-align: right;
   list-style-type: none;
   }
.main-box ul {
   float: left;
   width: auto;
   }
#pun-visit li,.main-box li {
   margin-left: 0.7em;
   white-space: nowrap;
   float: right;
   }
.pun-crumbs {
   padding: 0.2em 1em;
   margin: 0 1px 1em 1px;
   }
.pun-crumbs p {
   margin: 0;
   line-height: 1.5;
   font-size: 1.11em;
   color: #666;
   }
.pun-crumbs a {
    text-decoration: none;
    }

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

/* Announcement Box-------------------------------------------------------------*/
#pun-announcement {
   border-style: solid;
   border-width: 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 #dddddd;
   }

/* Main headings and Pagination-------------------------------------------------------------*/
.pun .main, .pun .main-category {
   margin: 1em 0;
   }
.main .main-head, .main .main-foot {
   padding: 0.7em 1.3em;
   font-decoration: bold;
   color: #877566;
   background-color: #E9E5E2;
        border: 1px #ccc solid;
   }
.main .main-head {
   background-image: url('http://img33.imageshack.us/img33/700/untitl12m.png');
   }
.main .main-head .page-title {
   font-size: 12px;
   font-weight: normal;
   }
.pun .main-content {
   border: 1px solid #dddddd;
   background-color: #fbfbfb;
   }
.pun .style1 {
   background-color: #fbfbfb;
   padding: 0.5em;
   }
.pun .style2 {
   background-color: #f4f4f4;
   padding: 0.5em;
   }
.pun .main-foot .h2, .pun .main-head .h2 {
   float: left;
   }
.pun .main .options {
   float: right;
   text-align: right;
   color: #ccc;
   }
.pun .main .options a,.pun .main .options a:link,.pun .main .options a:visited {
   margin-left: 0.5em;
   color: #ccc;
   text-decoration: none;
   }
.pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited {
   margin-left: 0.6em;
   color: #ccc;
   text-decoration: underline;
   }

/* Table-------------------------------------------------------------*/
.pun table.table {
   width: 100%;
   table-layout: fixed;
   empty-cells: show;
   border-collapse: collapse;
   }
.pun .frm .frm-form table {
   border: 1px solid #dddddd;
   border-top: 1px solid #1F537B;
   border-color: #bbb;
   }
.pun table.table th {
   padding: 0.5em 0;
   border-style: none;
   border-color: #;
   background-color: #fbfbfb;
   color: #333333;
   }
.pun table.table td {
   padding: 0.6em 0 0.7em;
   border-bottom: 1px solid #dddddd;
        border-left: 2px solid #dddddd;
   line-height: 130%;
        border-right: 2px solid #dddddd;
   background-color: #ffffff;
   
  background-image: url('http://img99.imageshack.us/img99/3858/backgr10.png');
        background-repeat: repeat-x;
      background-position: top;
   }

.pun .main table td.tc3 {
   background-image: url('http://www.dodaj.rs/f/2g/cV/3shLNieA/png.png');
background-repeat: repeat-x;
background-position: top;
background-color: #fff;
           
   }
.pun .main table td.tc2 {
background-image: url('http://www.dodaj.rs/f/2g/cV/3shLNieA/png.png');
background-repeat: repeat-x;
background-position: top;
background-color: #fff;
}
.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: 7%;
   text-align: center;
   }
.pun .frm .frm-form table .tc4 {
   text-align: center;
   width: 5%;
   }
.pun table .tcr {
   width: 20%;
   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: #f4f4f4;
    }
.pun table .tdtopics {
    padding-left: 42px;
    }
.pun table .tdtopics .status {
    margin-left: -32px;
    }
.pun table .tdtopics img, .pun .posthead img {
   vertical-align: middle;
   }
table .tcl.memberlist {
   width: 25%;
   }
.pun tbody.statused td.tcl {
   padding-left: 3.4em;
   }
.pun tbody.statused span.status {
   position: absolute;
   }
.pun table td.tcl {
   border-left-style: none;
   border-left-width: 0;
   vertical-align: top;
   height: 42px;
   padding-left: 0.5em;
   min-height: 24px;
   }
pun table td.tcl .height-giver {
   min-height: 42px;
   visibility: hidden;
   width: 1px;
   }
td.avatar-mini a {
   text-decoration: none;
   }
td.avatar-mini a span {
   text-decoration: underline;
   }
td.avatar-mini img {
   background-color: #fff;
   border: 1px solid #1f537b;
   vertical-align: middle;
   width: 38px;
   height: 38px;
   }
* html .pun table {
   position: relative;
   }
* html .pun table td.tcl {
   position: relative;
   }
.pun table td.tcl h2 {
   font-weight: bold;
   }
.pun .main table.table td.td-title {
   background-color: #f4f9fd;
   }
.pun .main table.table th.name {
   padding-left: 0.5em;
   }
.pun .sticky-separator {
   border-top: 5px double #dddddd !important;
   }
.mod-text {
   font-weight: bold;
   }
h2.topic-title {
   display: inline;
   }
.hierarchy {
   display: inline;
   text-transform: none;
   border: none;
   font-size: 10px;
   font-weight: bold !important;
   }

/* Stats-------------------------------------------------------------*/
#stats {
   padding: 0.6em 1em;
   line-height: 150%;
   background-color: transparent;
        background-image: url('http://img99.imageshack.us/img99/3858/backgr10.png');
        background-repeat: repeat-x;
        background-position: top center;
   }
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: transparent;
background-position: right;
        background-repeat: no-repeat;

   }
#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: transparent;
   }

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

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

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

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

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

/*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 #1f537b;
   background-color: #fff;
   }
.avatar img {
   width: 50px;
   }
.friend-block .avatar {
   margin: 0 auto;
   cursor:pointer;
   }
.friend-block {
   float: left;
   width: 70px;
   margin: 1px;
   text-align: center;
   overflow: hidden;
   }
.friend_list_online_status {
   line-height: 11px;
   font-size: .7em;
   }
.friend_list_online_status img {
   vertical-align: middle;
   }
.friends-foes-list {
   float: left;
   width: 200px;
   height: 2em;
   }
#profile-advanced-details .message-block {
   margin-left: 57px;
   }
#profile-advanced-details .message-header {
   border-top: 1px solid #dddddd;
   background: #f4f4f4;
   padding: 4px;
   margin-bottom: 4px;
   }
#profile-advanced-details .message-date {
   float: right;
   }
#profile-advanced-details .message-body {
   margin-bottom: 4px;
   }
#profile-advanced-details .message-footer {
   text-align: right;
   }
#profile-advanced-details .message-footer li {
   display: inline;
   margin: 0 0.25em;
   
/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
   content: ' .';
   
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
   margin-right: 0.25em;
   
/* Spacing between generation dot */
text-decoration: underline;
   }
#profile-advanced-details .message-footer li.last:after {
   content: normal;
   }
#profile-advanced-layout #new-message {
   position: relative;
   margin-top: 20px;
   }
#profile-advanced-layout #tabs {
   position: absolute;
   bottom: 0;
   }
#profile-advanced-layout #new-message-link {
   position: absolute;
   bottom: 0;
   right: 4px;
   padding-bottom: 4px;
   }
#profile-advanced-details .top {
   margin-bottom: 16px;
   }
#profile-advanced-details .bottom {
   margin-top: 16px;
   }
#profile-advanced-right {
   float: right;
   width: 302px;
   }
#profile-advanced-add {
   margin-right: 4px;
   padding: 7px 0 6px;
   text-align: right;
   }
#profile-advanced-details .stats-field {
   margin: 4px 0 10px 4px;
   padding: 0 10px 6px;
   }
#profile-advanced-details .stats-field legend {
   font-weight: bold;
   }
#profile-advanced-details .stats-field ul {
   list-style-type:none;
   text-indent: 10px;
   padding: 0;
   }
#profile-advanced-details .stats-field li {
   margin: 4px 0;
   }

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

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

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

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

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

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

/* Pagination-------------------------------------------------------------*/
.pun .paged-head, .pun .paged-foot {
   border: 1px solid #dddddd;
   background-color: #fbfbfb;
   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 #e2e2e2;
   border-style: none solid;
   background: #f0f0f0;
   }
.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: #ffffff;
   border-left: 1px solid #dddddd;
        border-top: 1px solid #fff;
   margin-left: 17em;
   position: relative;
        background-position: top center;
        background-repeat: repeat-x;
        background-image: url('http://img63.imageshack.us/img63/4816/postcopy.png');
   }
.pun .posthead {
   padding: 0.5em 1.3em 0.5em 1em;
   background: #f4f4f4;
   border-bottom: 1px dashed #ccc;
   }
.pun .posthead h2 strong {
   float: right;
   }
.pun .postbody {
   width: 100%;
   }
.pun .post-entry {
   padding: 1em 1em 0 1em;
   }
.pun .entry-content {
   padding-bottom: 0.8em;
   overflow: hidden;
   width: 100%}
.pun .entry-content ul,.pun .entry-content ol {
   margin-left: 2em;
   }

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

/* User information general layout-------------------------------------------------------------*/
.pun .user {
   padding-top: 1.6em;
   overflow: hidden;
   width: 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: #00569c;
   }
* html .pun .user-ident .username {
   padding: 0 0 0.25em;
   }
*+ html .pun .user-ident .username {
   padding: 0 0 0.3em;
   }
.pun .user-ident .username a{
   text-decoration:none}
.pun .user-ident .user-basic-info {
   font-weight: bold;
   }
.pun .user .user-info {
   color: #666;
   line-height: 1.8em;
   }

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 #dddddd;
   }
.pun .sig-content .sig-line {
   margin: 0 auto;
   border-top-style: solid;
   border-top-width: 1px;
   border-color: #dddddd;
   display: block;
   padding-bottom: 0.5em;
   width: 250px;
   }

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

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

/* Text editor (quick reply)-------------------------------------------------------------*/
.pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited {
   padding-left: 20px;
   background-repeat: no-repeat;
   background-position: left;
   background-image: url('http://2img.net/i/fa/punbb/helpdark.png');
   }
.pun .frm-form {
   background: #fbfbfb;
   border: none;
   }
.pun div.frm-form {
    margin: 1.7em;
    }
.dd-textarea {
    width: 72%;
    }
button.button2, input.button2 {
   font-size: 0.9em;
   border: 1px solid #BCBCBC;
   width: auto !important;
   margin: 0px 0.25em 0;
   padding: 2px 3px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color: #000000;
   background-repeat: repeat-x;
   background-color: #FAFAFA;
   background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
   background-position: top;
   overflow: visible;
   vertical-align:middle;
   }
body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {
   
/* Opera does not see this */
padding: 1px 0;
   }
button.button2:hover, input.button2:hover {
   border: 1px solid #b42000;
   color: #b42000;
   background-position: 0 100%;
   }
* html button.button2, * html input.button2 {
   padding-bottom: 0;
   margin: 0 0.25em;
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2, *+html input.button2 {
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2 img {
    vertical-align: middle;
    }
* html button.button2 img {
    vertical-align: middle;
    }
.select {
   background-color: #ffffff;
   border: 1px solid #BCBCBC;
   position: absolute;
   z-index: 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 #b42000;
   color: #b42000;
   background-position: 0 100%;
   }
.select button:hover,.selectHover {
   cursor: pointer;
   background-color: #EEE;
   }
button.bbcode {
   border: 1px solid #e3adad;
   background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");
   }
#text_editor_controls {
    margin: 10px 0px 0px 210px;
    }
#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: #1f537b;
   }
.chatbox-title,.chatbox-title a.chat-title {
   color: #dedfdf;
   text-decoration: none;
   }
.chatbox-title {
   float: left;
   margin: 0;
   padding: 2px 5px 0 5px;
   width: 15em;
   }
.chatbox-options {
   float: right;
   list-style: none;
   font-size: 11px;
   margin: 0.7em 0.5em 0.5em 0.5em;
   }
.chatbox-options li {
   display:inline;
   }
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
   color: #dedfdf;
   }
#chatbox_members {
   position: absolute;
   top: 30px;
   bottom: 30px;
   width: 180px;
   overflow: auto;
   border-right: 1px dashed #ccc;
   }
#chatbox_messenger_form {
   margin: 10px 0 0 0;
   }
#chatbox_members .member-title {
   text-align: center;
   padding: 0.5em 0.25em;
   background-image: none;
   font-size: 12px;
   background-color: #f4f9fd;
   color : #00569c;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   }
#chatbox_members ul {
   list-style: none;
   margin: 0 0 0 1em;
   }
#chatbox_members ul li {
   margin: 0.5em 0.5em 0.5em 0;
   }
#chatbox {
   position: absolute;
   top: 30px;
   left: 181px;
   right: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
#chatbox p {
   line-height: 1.2em;
   }
.chatbox_row_1 {
   padding: 4px;
   background-color: #fbfbfb;
   }
.chatbox_row_2 {
   padding: 4px;
   background-color: #f4f4f4;
   }
.chatbox_row_3 {
   padding: 4px;
   background-color: #f4f9fd;
   }
#chatbox .user {
   font-weight: bold;
   }
.memberlist_row_1 {
   background-color: #fbfbfb;
   }
#chatbox_footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   border-top: 1px dashed #ccc;
   }
#message,#submit_button{
   border-width: 1px;
   }
.fontbutton {
   padding: 1px;
   cursor: pointer;
   text-align: left;
   }
.fontbutton_normal {
   background: #E1E1E2;
   }
.fontbutton_selected {
   background: #BBC7CE;
   border: 1px solid #22229C;
   }
.fontbutton_clicked {
   background: #959595;
   border: 1px solid #22229C;
   }
.fontbutton_hover {
   background: #E1E1E2;
   border: 1px solid #22229C;
   }
.fontbutton {
   background:#E1E1E2 none repeat scroll 0%;
   border:medium none;
   color:#000000;
   float:left;
   margin-right:10px;
   padding:1px;
   }

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

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

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

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

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

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

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

/* Footer-------------------------------------------------------------*/
#pun-about {
   border-style: solid;
   border-width: 0px;
   border-color: #dddddd;
   text-align: right;
   line-height: 150%;
   padding: 0.6em 1em;
        font-size: 8px;
      background-color: transparent;
   }
#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;
        margin-left: 10px;
   }
#pun-about #qjump label {
   font-weight: bold;
   }
#pun-about #qjump fieldset {
   border: none;
   }

#pun-foot {
        background-image: url('http://img805.imageshack.us/img805/580/soulmatefooter.png');
        background-repeat: no-repeat;
        background-color: #DCE1DD;
        margin-left: -37px;
        width: 976px;
        height: 290px;
        background-position: center bottom;
   }

#pun-foot h3 {
    margin-top: 10px;
    }
#pun-foot #pun-about ul li strong {
   font-weight: normal;
   }
td.fav-icon img {
   float: left;
   margin: 0 1em 2em 0.5em;
   }

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

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

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

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

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

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

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

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

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

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

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

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

/* resize image */
.resize_process .resizebox {
   display: none;
   }
.resize_process img.resize_img {
   display: none;
   }
.resizebox a.enlarge, .resizebox 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;
   }


Teil 2

Code:


.resizebox .resize_border {
   border: 1px solid #fbfbfb;
   display: block;
   }
.resizebox .resize_content {
   padding: 5px 10px;
   display: inline-block;
   zoom: 1;
   *display: inline;
   }
.resizebox .resize_filler {
   border: none;
   padding: 0;
   width: 40px;
   display: inline-block;
   zoom: 1;
   *display: inline;
   }
.attachbox {
   background-color:#ffffe1;
   border:1px dashed #f4f9fd;
   clear:left;
   float:left;
   margin:5px 5px 5px 0;
   padding:6px;
   width:auto;
   color:#333333;
   }
.attachbox dt {
   font-family:Arial,Helvetica,sans-serif;
   text-transform:uppercase;
   }
.attachbox dd {
   border-top:1px solid #f4f9fd;
   clear:left;
   font-size:0.9em;
   margin-left:10px;
   padding:0;
   }
dl.file {
   display:block;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   margin-bottom:10px;
   }
dl.file dt {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-weight:bold;
   margin:0;
   padding:0;
   text-transform:none;
   }
dl.file dt img {
   vertical-align:middle}
.info {
   font-size:10px;
   font-style:italic;
   }

/* Spoiler */
.spoiler_content {
   display:none;
   }
.spoiler_content.hidden {
   display:block;
   }

/* Style pour nouveau personnal Ad */
.adtitle {
   color:#006699;
   font-size:11px;
   font-weight:bold;
   line-height:12px;
   text-decoration:underline !important;
   padding-bottom:5px;
   }
.adbody {
   color:#000000;
   font-size:10px;
   line-height:12px;
   text-decoration:none;
   }
.adbody:hover {
   text-decoration:none !important;
   }
.adlink {
   color:#006699;
   font-size:10px;
   line-height:12px;
   text-decoration:none;
   }
.adlink:hover {
   text-decoration:none !important;
   }
.tradeDoubler {
   height:88px;
   float:left;
   padding: 0 10px 0 10px;
   width:20%;
   text-align:justify;
   }
.tradeDoubler a {
   display:block;
   }

.linkovi1 {
   width: 105px;
   background-color: #fff;
   border: 1px solid #ccc;
   padding: 8px;
   margin-left: 25px;
   -moz-border-radius-bottomright: 8px;
   -webkit-border-bottom-right-radius: 8px;
   -moz-border-radius-topleft : 8px;
   -webkit-border-top-left-radius: 8px;
}

.linkovimargina1 {
   margin-left: 32px;
}

.linkovi2 {
   width: 155px;
   background-color: #fff;
   border: 1px solid #ccc;
   padding: 8px;
   margin-left: 25px;
   margin-top: 5px;
   -moz-border-radius-bottomright: 8px;
   -webkit-border-bottom-right-radius: 8px;
   -moz-border-radius-topleft : 8px;
   -webkit-border-top-left-radius: 8px;
}

#linkovilevo {
margin-top: -170px;
margin-left: -300px;
}
/*FMChat Design*/
.chatbase { /*This can be edited to your liking - (the button)*/
  position: fixed;
  bottom: 2px;
  right: 15px;
  background-image: url("http://img11.imageshack.us/img11/7118/chatbutton.png");
  border: 0px solid ;
  width: 110px;
  height: 166px;
  border-radius: 0px;
  text-align: center !important;
  cursor: pointer;
  color: transparent;
}
#chat { /*This can be edited to your liking - (box surrounding the chatbox)*/
  border: 2px solid #221C1A;
  width: 65%;
  position: fixed;
  right: 15px;
  bottom: 27px;
  height: 75%;
  border-radius: 5px;
  z-index: 999;
}
.forumline {
margin-top: 100px;
}

    li.header dl dd, li.header dd, li.header dt {
    color: #FFFFFF;
    font-size: 8pt;
    font-family: verdana;
    font-style: normal;
    text-shadow: 0 0 5px #000000;
    text-transform: capitalize;
    text-align: center;
    }

auch wenn ich dein komplettes CSS übernehme, wird das Modul bei mir im Testforum angezeigt:


Was hast du denn hier eingesetzt?
Sag bloß nicht, dass du da ne Null stehen hast?

Bei soviel wald seh ich den baum nicht, Danke Zuckerpuppe!

(wo aender ich jetzt nur den style des widgets?)

jetzt funktionierts mit den recent topics