Elargir son forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Elargir son forum

Message par zuk4X4 le Jeu 2 Sep 2010 - 15:06

Bonjours à tous,

J'ai un petit souci recurent sur mon forum,

mes cases sont toutes tassée en largeur, et du coup les écritures et les photos sont coupées

Adresse du forum ceoncerné: www.zuk4X4.fr


Dernière édition par zuk4X4 le Ven 3 Sep 2010 - 14:40, édité 1 fois

zuk4X4
Nouveau membre

Messages : 18
Inscrit(e) le : 31/08/2010

http://www.zuk.com
zuk4X4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir son forum

Message par Renald le Jeu 2 Sep 2010 - 16:41

Bonjour,

Tu peux élargir ton forum dans le PA en allant sur Général puis configuration tu peux mettre une largeur en % par exemple 100% ton forum prendra toute la largeur de l'ecran quelque soit la résolution de l'utilisateur.
Mais ton fond ne sera plus visible.
A toi de trouver le bon pourcentage.

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir son forum

Message par zuk4X4 le Ven 3 Sep 2010 - 13:45

j'ai que l'image de fond qui change de taille, mes catégorie restent telles quelle Confused

zuk4X4
Nouveau membre

Messages : 18
Inscrit(e) le : 31/08/2010

http://www.zuk.com
zuk4X4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir son forum

Message par Renald le Ven 3 Sep 2010 - 13:55

Tu as mis des valeurs dans le css pour figer ton forum?

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir son forum

Message par zuk4X4 le Ven 3 Sep 2010 - 14:05

qu'entend tu par ccs ?

merci

zuk4X4
Nouveau membre

Messages : 18
Inscrit(e) le : 31/08/2010

http://www.zuk.com
zuk4X4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir son forum

Message par zuk4X4 le Ven 3 Sep 2010 - 14:08

ok, feuille de style ccs,
pourrais tu me dire l marche a éffectuer stp, je n'ai plus bcp de temps avant l'ouverture du forum,

merci d'avance

zuk4X4
Nouveau membre

Messages : 18
Inscrit(e) le : 31/08/2010

http://www.zuk.com
zuk4X4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir son forum

Message par Renald le Ven 3 Sep 2010 - 14:13

Fais moi un copié-collé de ta feuille css.

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir son forum

Message par zuk4X4 le Ven 3 Sep 2010 - 14:16

celle qui s'affiche dans image et couleur est vide, pres il y a ccs de base de votre forum, je clique, et j'obtient cela:

* {
margin: 0px;
padding: 0px;
}
html {
font-size: 100%;
height: 100%;
}
* 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: #;
}

/* Begin CSS for print media */
@media print {
* {
background-image: none;
background-color: #fff;
color: #000;
}
body {
padding: 0;
margin: 0;
font-size: 10pt;
}
body#phpbb div#wrap {
width: 85%;
margin: 0;
}
span.corners-top,span.corners-bottom {
display: none;
}

/* Header */
#wrap #logo-desc p,#wrap #logo-desc img,div#page-header div.navbar,div#page-header div.navbar ul.linklist {
display: none !important;
}
#wrap div.headerbar {
margin: 0;
border-bottom: 1px solid #ccc;
}
#wrap div#page-body h2 {
font-weight: bolder;
border-bottom: 1px solid #ccc;
margin-bottom: 1em;
}

/* Posts */
#wrap div#page-body div.topic-actions,#wrap div#page-body .pagination,#wrap div#page-body .left-box,#wrap div.postbody ul.profile-icons,#wrap div.postbody img,#wrap dl.postprofile,#wrap div.post .right,#wrap div.postbody div.signature {
float: none;
display: none !important;
}
#wrap dl.postprofile {
float: none;
}
#wrap div.postbody .online {
background-image: none;
}
#wrap div.postbody {
width: auto;
}
#wrap div.postbody h3 {
font-size: 10pt;
}
#wrap div.postbody p.author {
width: 100%;
border-bottom: 1px dashed #ccc;
}
#wrap div#page-body div.post {
padding: 0 0 2em 0;
border-top: 3px double #ccc;
}
div.postbody {
width: 100%;
float: none;
}
#wrap div#page-body div.post .content {
overflow: visible;
}

/* Footer */
div.noprint {
display: none;
}
#wrap div#page-footer,#wrap div#page-footer ul.linklist {
display: none;
}
}

/* End CSS for print media */
#min-width {
min-width: 750px;
}
body {
font-family: rockwell;
color: #8c8787;
background-color: #ffffff;
background-image: url('https://i36.servimg.com/u/f36/15/06/53/71/post-919.jpg');
background-attachment: scroll;
font-size: 10px;
height: auto;
padding: 10px 0px;
}
* html .conteneur_minwidth_IE {

/* Hack IE min-width */
padding-left: 1110px;
}
* html .conteneur_container_IE {

/* Hack IE min-width */
margin-left: -1110px;
position: relative;
}
* html .conteneur_minwidth_IE, * html .conteneur_container_IE, * html .conteneur_layout_IE {

/* Hack IE min-width */
height: 1px;
}
#wrap {
width: 100px;
margin: 0px auto;
background-color: #;
border: 1px solid #;
padding: 5px;
min-width: 978px;
}
#simple-wrap {
padding: 6px 10px;
}

/* **************************************************************************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: -30px;
}
#content-container div#content {
margin-right: 30px;
}
#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: 210px;
}
#content-container div#left {
width: 180px;
float: left;
margin-right: 30px;
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: 210px;
}
* html #content-container div#main {

/* FIX for IE6 */
margin-right: -99%;
width: 100%;
float: left;
}
#page-body {
margin: 4px 0;
width: 100%;
}
#page-body p.page-bottom {
margin: 0;
}
#page-footer {
clear: both;
}
#page-footer h3 {
margin-top: 20px;
}
#page-footer .linklist strong {
font-weight: normal;
}

/* Tags-------------------------------------------------*/
h1.page-title {
font-family: rockwell;
font-weight: normal;
color: #ff3300;
font-size: 2em;
margin: 0.8em 0 0.2em 0;
}
h1.gallery-title {
display: inline;
font-size: 11px;
text-align: center;
font-weight: bold;
}
h2 {

/* Keeping old styles for h2 for legacy */
font-family: rockwell;
font-weight: normal;
color: #ff3300;
font-size: 2em;
margin: 0.8em 0 0.2em 0;
}
h1.solo {
margin-bottom: 1em;
}
h3, .h3 {
font-family: rockwell;
text-transform: uppercase;
border-bottom: 1px solid #9fc6d9;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
color: #9fc6d9;
margin-top: 20px;
}
.h3 {
font-weight: bold;
}
.module .h3,.postbody .h3,.introduction .h3 {
margin-top: 8px;
}
.table-title, .table-title h2 {
display: inline;
font-size: 1em;
color: #fcfcf7;
}
input {
font-weight: normal;
cursor: pointer;
vertical-align: middle;
padding: 0 3px;
font-size: 1em;
font-family: rockwell;
}
select {
font-family: rockwell;
font-weight: normal;
cursor: pointer;
vertical-align: middle;
border: 1px solid #ff3300;
padding: 1px;
background-color: #3e3a3a;
}
option {
padding-right: 1em;
}
textarea {
font-family: rockwell;
width: 60%;
padding: 2px;
font-size: 1em;
line-height: 1.4em;
}
p {
line-height: 1.3em;
font-size: 1.1em;
margin-bottom: 0.5em;
}
p.right {
text-align: right;
}
p.right img {
vertical-align: middle;
}
p.center {
text-align: center;
margin: 0px;
}
p.author {
margin: 0 15em 0.6em 0;
padding: 0 0 5px 0;
font-family: rockwell;
font-size: 1em;
line-height: 1.2em;
}
p.nomargin {
line-height: 1.3em;
font-size: 1.1em;
margin-bottom: 0em;
}
p.path {
margin-left: 10px;
clear: left;
}
fieldset {
border-width: 0;
font-family: rockwell;
font-size: 1.1em;
}
fieldset.jumpbox {
text-align: right;
margin-top: 15px;
height: 2.5em;
}
fieldset.quickmod {
width: 50%;
float: right;
text-align: right;
height: 2.5em;
}
label {
cursor: default;
padding-right: 5px;
color: #8c8787;
}
label input {
vertical-align: middle;
}
label img {
vertical-align: middle;
}
hr {
border: 0 none #322e2e;
border-top: 1px solid #322e2e;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}
hr.dashed {
border-top: 1px dashed #322e2e;
margin: 5px 0;
}
img {
border-width: 0;
}
blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background: #ebeadd url("http://illiweb.com/fa/prosilver/quote.gif") 6px 8px no-repeat;
border: 1px solid #DBDBCE;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
}
blockquote div {
margin-left: 20px;
}
blockquote blockquote {
background-color: #EFEED9;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
background-color: #ebeadd;
}
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
font-size: 1em;
}
blockquote.uncited {
padding-top: 25px;
}
ul {
list-style-type: none;
}
ul.ul-icons {
float: left;
margin: 0 10px;
}
* html table, * html select, * html input {
font-size: 100%;
}
* html hr {
margin: 0;
}

/* Links-----------------------------------------------------*/
a:link{
color: #ff3300;
text-decoration: none;
}
a:visited{
color: #ff3300;
text-decoration: none;
}
a:active{
color: #ff3300;
text-decoration: underline;
}
a:hover{
color: #ffffff;
text-decoration: none;
}
a.forumtitle {
color: #ff3300;
font-family: neuropol x free;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
}
a.forumtitle:hover {
color: #ffffff;
text-decoration: underline;
}
a.forumtitle:active {
color: #ff3300;
}
a.topictitle {
font-family: rockwell;
font-size: 1.1em;
font-weight: bold;
color: #ff3300;
text-decoration: none;
}
div.topic-title-container {
display: inline;
}
.topic-title {
display: inline;
font-size: 12px;
text-align: left;
}
.topic-title-post {
}
a.topictitle:hover {
color: #ffffff;
text-decoration: underline;
}
a.topictitle:active {
color: #ff3300;
}

/* Input------------------------------------------------------*/
.inputbox {
background-color: #3e3a3a;
border: 1px solid #BCBCBC;
color: #8c8787;
padding: 2px;
cursor: text;
}
.inputbox:hover {
border: 1px solid #9fc6d9;
}
.inputbox:focus {
border: 1px solid #9fc6d9;
color: #8c8787;
}
input.inputbox{
width: 85%;
}
input.medium{
width: 50%;
}
input.narrow{
width: 25%;
}
input.tiny{
width: 110px;
}
textarea.inputbox {
width: 85%;
}

/* Input Button Form---------------------------------------------------------*/
input.button1, input.button2, button.button2 {
font-size: 1em;
}
a.button1, input.button1 {
font-weight: bold;
border: 1px solid #666666;
}
a.button2, input.button2, button.button2 {
border: 1px solid #BCBCBC;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
width: auto !important;
padding: 2px 3px;
font-family: rockwell;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('http://illiweb.com/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
}
body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {

/* Opera does not see this */
padding: 1px 0;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
border: 1px solid #ffffff;
color: #ffffff;
background-position: 0 100%;
}
a.button1:link, a.button1:visited, a.button1:active, a.button2:link, a.button2:visited, a.button2:active {
color: #ff3300;
text-decoration: none;
padding: 2px 8px;
line-height: 250%;
vertical-align: text-bottom;
background-position: 0 1px;
}
* html input.button1, * html input.button2, * html button.button2 {
padding-bottom: 0;
margin-bottom: 1px;
}
*+html button.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
* html button.button2 img {
vertical-align: middle;
}

/* Fieldset dl---------------------------------------------------------*/
fieldset dl {
padding: 4px 0;
}
fieldset dt {
float: left;
width: 40%;
text-align: left;
display: block;
}
fieldset dd {
margin-left: 41%;
vertical-align: top;
margin-bottom: 3px;
}
fieldset dl:hover dt label {
color: #000000;
}
dt label {
font-weight: bold;
text-align: left;
}
dd label {
white-space: nowrap;
color: #8c8787;
}
dd input, dd textarea {
margin-right: 3px;
}
dd select {
width: auto;
}
dd textarea {
width: 85%;
}

/* Fieldset fields 1 et 2---------------------------------------------*/
fieldset.fields1 dt {
width: 10em;
border-right-width: 0;
}
fieldset.fields1 dd {
margin-left: 10em;
border-left-width: 0;
}
fieldset.fields1 {
background-color: transparent;
}
fieldset.fields1 div {
margin-bottom: 3px;
}
fieldset.fields2 dt {
width: 15em;
border-right-width: 0;
}
fieldset.fields2 dd {
margin-left: 16em;
border-left-width: 0;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}

/* Fieldset submit---------------------------------------------*/
fieldset.submit-buttons {
text-align: center;
vertical-align: middle;
margin: 5px 0;
}
fieldset.submit-buttons input {
vertical-align: middle;
padding-top: 3px;
padding-bottom: 3px;
}

/* Fieldset polls---------------------------------------------*/
fieldset.polls {
font-family: rockwell;
}
fieldset.polls dl {
margin-top: 5px;
border-top: 1px solid #e2e2e2;
padding: 5px 0 0 0;
line-height: 120%;
color: #8c8787;
}
fieldset.polls dt {
text-align: left;
float: left;
display: block;
width: 30%;
border-right: none;
padding: 0;
margin: 0;
font-size: 1.1em;
}
fieldset.polls dd {
float: left;
width: 10%;
border-left: none;
padding: 0 5px;
margin-left: 0;
font-size: 1.1em;
}

/* Header-------------------------------------------------*/
.headerbar {
background-color: #2d2727;
background-image: url('http://hitskin.com/themes/10/72/56/i_header_bg.jpg');
margin-bottom: 4px;
padding: 0pt 5px;
background-repeat: repeat-x;
}
* html .headerbar {
height: 1%;

/* Hack IE layout */
}
*+ html .headerbar {
min-height: 1px;
}
#logo-desc {
margin: 0px;
padding: 0px;
text-align: center;
}
#logo {
float: none;
padding: 5px;
}
a#logo:hover {
text-decoration: none;
}
#site-title,#site-title h1 {
font-family: ;
color: #fcfcfc;
font-size: 20px;
font-weight: bold;
padding-top: 15px;
}
#site-title h1 {
padding-top: 0;
}
#logo-desc p {
margin: 0px;
padding: 0px;
color: #fcfcfc;
}

/* Menu-------------------------------------------------*/
.navbar {
clear: both;
background-color: #121010;
padding:0px 10px;
}
ul.navlinks {
border-bottom: 1px solid #322e2e;
font-weight: bold;
text-align: center;
}
ul.borderless {
border-bottom: 0;
}
ul.linklist li {
list-style-type: none;
width: auto;
font-size: 1.1em;
line-height: 2.2em;
display: inline;
}
ul.linklist li a img {
vertical-align: middle;
}
.search-box {
margin-top: 3px;
margin-left: 5px;
float: left;
}
#search-box {
margin-top: 10px;
margin-right: 5px;
float: right;
white-space: nowrap;

/* For Opera */
}
* html #search-box {
margin-right: 35px;
}
#search-box #keywords {
width: 95px;
background-color: #3e3a3a;
}
#search-box input, {
border: 1px solid #BCBCBC;
}
#search-box input.button1 {
padding: 1px 5px;
}
input.search {
background-image: url('http://illiweb.com/fa/prosilver/icon_textbox_search.gif');
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 17px;
}
ul.linklist li.rightside {
float: right;
}
ul.linklist li.footer-home {
float: left;
}
p.rightside {
float: right;
margin-right: 5px;
}

/* Code block------------------------------------------------*/
dl.codebox {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #C9D2D8;
font-size: 1em;
}
dl.codebox dt {
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
font-size: 0.8em;
font-weight: bold;
display: block;
}
blockquote dl.codebox {
margin-left: 0;
}
dl.codebox code {
overflow: auto;
display: block;
height: auto;
max-height: 200px;
white-space: normal;
padding-top: 5px;
font: 0.9em Courier,'CourierNew',sans-serif;
line-height: 1.3em;
color: #2E8B57;
margin: 2px 0;
}

/* Table-------------------------------------------------*/
.forabg {
margin-bottom: 4px;
clear: both;
background-color: #9fc6d9;
background-image: url('http://hitskin.com/themes/10/72/56/i_list_bg.jpg');
background-repeat: repeat-x;
background-position: 0 0;
border: 2px solid #;
padding: 0px 5px;
}
* html .forabg {
position: relative;
height: 1%;
}
*+ html .forabg {
min-height: 1px;
}
.forumbg {
background-color: #9fc6d9;
background-image: url('http://hitskin.com/themes/10/72/56/i_list_bg.jpg');
background-repeat: repeat-x;
background-position: 0 0;
border: 2px solid #;
padding: 0px 5px;
margin-bottom: 4px;
clear: both;
}
* html .forumbg {
height: 1%;
}
*+ html .forumbg {
min-height: 1px;
}
.forumbg table.table1 {
margin: 0 -2px -1px -1px;
}
ul.topiclist {
list-style-type: none;
margin: 0;
background-image: url("https://illiweb.com/fa/empty.gif");
background-repeat: repeat-x;
color: #8c8787;
}
* html ul.topiclist {
height: 1%;
}
*+ html ul.topiclist {
min-height: 1px;
}
ul.topiclist li {
display: block;
margin: 0;
}
* html ul.topiclist li {
position: relative;
}
ul.topiclist li.row dl {
padding: 2px 0;
}
ul.forums li.row dl {
min-height: 70px;
}
* html ul.forums li.row dl {
height: 70px;
}
ul.topiclist dt,ul.topiclist dd.dterm {
display: block;
float: left;
width: 60%;
font-size: 1.1em;
padding-left: 5px;
padding-right: 5px;
}
ul.topiclist dfn {
display: none;
}
ul.topics li.header dl.icon dt {
padding-right: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 45px;
display: block;
float: left;
width: 50%;
}
ul.topics dd {
display: block;
float: left;
}
ul.forums {
background-color: #121010;
background-image: none;
}
li.header dl.icon {
min-height: 0;
}
li.header dl.icon dt {
padding-left: 0;
}
li.header dt {
font-weight: bold;
}
li.header dd {
margin-left: 1px;
}
dl.icon {
min-height: 35px;
background-position: 10px 50%;
background-repeat: no-repeat;
height: auto !important;
height: 35px;
}
dl.icon dt,dl.icon dd.dterm {
background-repeat: no-repeat;
background-position: 5px 50%;

/* Center icons */
}
li.header dt, li.header dd {
line-height: 1em;
border-left-width: 0;
margin: 2px 0 4px 0;
color: #fcfcf7;
padding-top: 2px;
padding-bottom: 2px;
font-size: 1em;
font-family: neuropol x free,rockwell;
text-transform: uppercase;
}
li.row {
border-top: 1px solid #322e2e;
border-bottom: 1px solid #322e2e;
}
li.row:hover {
background-color: #3e3a3a;
}
ul.topiclist dd {
border-left: 1px solid #322e2e;
display: block;
float: left;
padding: 4px 0;
}
ul.topiclist li.header dl dd {
border: none;
}
dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
display:block;
padding-left:5px;
}
ul.pmlist dt {
padding-left: 45px;
}
ul.forums dd {
border-color: #322e2e;
border-left-style: solid;
border-left-width: 1px;
}
li.row:hover dd {
border-left-color: #322e2e;
}
.mod-text {
font-weight: bold;
}
.hierarchy {
display: inline;
text-transform: none;
border: none;
font-size: 1em !important;
}

/* Panel----------------------------------------------*/
.panel {
margin-bottom: 4px;
padding: 0px 10px;
background-color: #121010;
color: #8c8787;
}
* html .panel {
height: 1%;
}
*+ html .panel {
min-height: 1px;
}
.content h2, .panel h2 {
color: #9fc6d9;
border-bottom: 1px solid #9fc6d9;
font-weight: normal;
font-size: 1.6em;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
.content h2.h3 , .panel h2.h3 {
font-size: 1.05em;
font-weight: bold;
}
.content h1, .panel h1 {
color: #9fc6d9;
border-bottom: 1px solid #9fc6d9;
font-weight: normal;
font-size: 1.6em;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
.panel h3 {
margin: 0.5em 0;
}
.panel-left {
float: left;
width: 47%;
}
.panel-right {
float: right;
width: 47%;
}
.panel p, .panel div.mes-txt {
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.4em;
}

/* Post----------------------------------------------*/
.post {
padding: 0 10px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-position: 100% 0;
}
*+ html .post {
word-wrap: break-word;
}
* html .post {
word-wrap: break-word;
}
.post ul {
list-style-type: disc;
}
.postprofile {
color: #8c8787;
margin: 5px 0 0px 0;
min-height: 80px;
border-right-style: solid;
border-right-width: 1px;
border-color: #322e2e;
width: 22%;
float: left;
display: inline;
position: relative;
}
* html .postprofile {
overflow: hidden;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin-left: 8px;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
color: #ff3300;
text-decoration: none;
}
.postprofile a:hover, .postprofile dt.author a:hover {
text-decoration: underline;
color: #ffffff;
}
.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 #8c8787;
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;
}

/* dl dt dd----------------------------------------------*/
dd.lastpost {
width: 20%;
font-size: 1.1em;
}
dd.mark {
float: right !important;
width: 9%;
text-align: center;
line-height: 200%;
font-size: 1.2em;
}
dd.posts, dd.topics, dd.views {
width: 8%;
text-align: center;
line-height: 2.2em;
font-size: 1.2em;
border: none;
}
dd.info {
width: 30%;
}
dl.details {
font-size: 1.1em;
}
dl.details dt {
float: left;
width: 10em;
text-align: right;
color: #8c8787;
display: block;
}
dl.details dd {
margin-left: 10em;
padding-left: 5px;
margin-bottom: 5px;
color: #8c8787;
}
.span-tab {
font-size: 0.9em;
}

/* Cp-main----------------------------------------------*/
#cp-main {
float: left;
width: 98%;
margin-left: 20px;
}
* html #cp-main {
margin-left: 10px;
}
#cp-main h1 {
color: #8c8787;
border-bottom: none;
padding: 0;
margin-left: 10px;
}
#cp-main h3, #cp-main hr {
border-color: #bfbfbf;
}
#cp-main .content {
padding: 0;
}
ul.cplist {
margin-bottom: 5px;
border-top: 1px solid #;
}

/* Panel----------------------------------------------*/
#cp-main .panel {
background-color: #;
}
#cp-main .panel.sig {
background-color: #CADCEB;
}
#cp-main .panel p {
font-size: 1.1em;
}
#cp-main .panel ol {
margin-left: 2em;
font-size: 1.1em;
}
#cp-main .panel li.row {
border-bottom: 1px solid #;
border-top: 1px solid #;
}

/* Table----------------------------------------------*/
#cp-main table.table1 {
margin-bottom: 1em;
}
#cp-main table.table1 thead th {
color: #8c8787;
font-weight: bold;
border-bottom: 1px solid #333333;
padding: 5px;
}
#cp-main table.table1 tbody th {
font-style: italic;
background-color: transparent !important;
border-bottom: none;
}

/* Table----------------------------------------------*/
#ucp-main table.table1 {
padding: 2px;
}
table.table1 {
width: 99%;

/* IE < 6 browsers */
width: 100%;
}
html>body table.table1 {
width: 100%;
}
table.table1 thead th {
font-weight: normal;
text-transform: uppercase;
color: #fcfcf7;
line-height: 1.3em;
font-size: 1em;
padding: 0 0 4px 3px;
}
table.table1 thead th span {
padding-left: 7px;
}
table.table1 tbody tr {
border: 1px solid #121010;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #3e3a3a;
color: #8c8787;
}
table.table1 td {
color: #8c8787;
font-size: 1.1em;
}
table.table1 tbody td {
padding: 5px;
border-top: 1px solid #322e2e;
}
table.table1 tbody th {
padding: 5px;
border-bottom: 1px solid #000000;
text-align: left;
color: #fcfcf7;
background-color: #121010;
}
table.table1 .name{
text-align: left;
}
table.table1 .posts{
text-align: center !important;
width: 7%;
}
table.table1 .joined{
text-align: left;
width: 15%;
}
table.table1 .active{
text-align: left;
width: 15%;
}
table.table1 .mark{
text-align: center;
width: 7%;
}
table.table1 .info{
text-align: left;
width: 30%;
}
table.table1 .info div{
width: 100%;
white-space: nowrap;
overflow: hidden;
}
table.table1 .autocol{
line-height: 2em;
white-space: nowrap;
}
table.table1 thead .autocol {
padding-left: 1em;
}
table.table1 .stats{
text-align: center;
width: 12%;
}
table.table1 .edit{
width: 5%;
text-align: right;
vertical-align: top;
}
table.table1 .alignv{
vertical-align: top;
}
td.avatar-mini img {
background-color: #fff;
border: 1px solid #9fc6d9;
vertical-align: middle;
width: 38px;
height: 38px;
}

/* FAQ----------------------------------------------*/
dl.faq {
font-family: rockwell;
font-size: 1.1em;
margin-top: 1em;
margin-bottom: 2em;
line-height: 1.4em;
}
dl.faq dt {
font-weight: bold;
color: #8c8787;
}
dl.faq dd p {
text-align: justify;
border: 1px dashed #322e2e;
padding: 5px;
margin: 5px;
font-size: 1em;
}
dl.faq ul {
list-style-type: disc;
list-style-position: inside;
}
dl.faq ol {
list-style-position: inside;
}
.content dl.faq {
font-size: 1.2em;
margin-bottom: 0.5em;
}

/* Tabs----------------------------------------------*/
#tabs {
line-height: normal;
margin: 20px 0 -1px 7px;

/*min-width: 570px;
*/
}
#tabs ul {
margin:0;
padding: 0;
list-style: none;
}
#tabs li {
display: inline;
margin: 0;
padding: 0;
font-size: 1em;
font-weight: bold;
}
#tabs a {
float: left;
background: #121010 none no-repeat 0% -35px;
margin: 0 1px 1px 0;
padding: 0 0 0 5px;
text-decoration: none;
position: relative;
cursor: pointer;
}
#tabs a span {
float: left;
display: block;
background: none no-repeat 100% -35px;
padding: 6px 10px 6px 5px;
color: #8c8787;
white-space: nowrap;
}
#tabs a:hover span {
color: #ffffff;
}
#tabs .activetab a {
background-position: 0 0;
margin-bottom: -1px;
border-bottom: 1px solid #121010;
background-color: #121010;
}
#tabs .activetab a span {
background-position: 100% 0;
padding-bottom: 7px;
color: #333333;
}
#tabs a:hover {
background-position: 0 -70px;
background-color: #121010;
}
#tabs a:hover span {
background-position:100% -70px;
}
#tabs .activetab a:hover {
background-position: 0 0;
}
#tabs .activetab a:hover span {
color: #000000;
background-position: 100% 0;
}
* html #tabs,* html .post,* html .navbar,* html fieldset dl,* html ul.topiclist dl,* html ul.linklist,* html dl.polls {
height: 1%;
}
*+ html #tabs,*+ html .post,*+ html .navbar,*+ html fieldset dl,*+ html ul.topiclist dl,*+ html ul.linklist,*+ html dl.polls {
min-height: 1px;
}
#tabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

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

/* Page numbering-------------------------------------------------*/
.pagination {
width: auto;
text-align: right;
margin-top: 5px;
float: right;
}
* html .pagination {
height: 1%;
}
*+ html .pagination {
min-height: 1px;
}
.row .pagination {
display: block;
float: right;
width: auto;
margin-top: 0;
padding: 1px 0 1px 15px;
font-size: 0.9em;
background: url("http://illiweb.com/fa/prosilver/icon_pages.gif") 0 50% no-repeat;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
font-weight: normal;
text-decoration: none;
color: #5C758C;
background-color: #;
margin: 0 2px;
padding: 0 2px;
border: 1px solid #B4BAC0;
font-size: 0.9em;
line-height: 1.5em;
}
.pagination span a:hover {
border-color: #368AD2;
background-color: #ff3300;
color: #FFF;
text-decoration: none;
}
.pagination span a.pag-img {
border: none;
background-color: transparent;
}
.pagination span a.pag-img:hover {
background-color: transparent;
}
.pagination span strong {
padding: 0 2px;
margin: 0 2px;
background-color: #627DA3;
border: 1px solid #627DA3;
color:#FFFFFF;
font-size: 0.9em;
}
.pagination span.page-sep {
display:none;
}
#cp-main .pagination {
float: right;
width: auto;
padding-top: 1px;
}

/* Postbody (preview)---------------------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #8c8787;
width: 76%;
float: right;
clear: both;
}
.postbody .topic-title {
font-size: 1.5em;
padding: 2px 0 0 0;
margin: 0 0 0.3em 0 !important;
text-transform: none;
border: none;
font-family: rockwell;
line-height: 125%;
color: #8c8787;
font-weight: bold;
}
.postbody .content {
font-size: 1.3em;
}
.postbody ul.profile-icons {
float: right;
width: auto;
padding: 0;
margin-right: 45px;
}
.postbody ul.profile-icons img {
cursor: pointer;
}
.postbody ul.profile-icons li {
margin: 0 3px;
}
.postbody h3 img {
vertical-align: bottom;
}
* html .postbody h3 img {
vertical-align: middle;
}
.search .postbody {
width: 68%;
}
.search .postbody ol,.search .postbody ul {
margin-left: 1.8em;
}
#cp-main .postbody p {
font-size: 1.1em;
}
#cp-main .postbody h3 {
margin-top: 0;
}
.content {
color: #8c8787;
min-height: 3em;
overflow: hidden;
line-height: 1.4em;
font-family: rockwell;
font-size: 1em;
}
.content blockquote {
color: #536482;
}
.content p {
font-family: rockwell;
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.4em;
}
.content li {
list-style-type: inherit;
}
.content ul, .content ol {
margin-bottom: 1em;
margin-left: 3em;
}

/* Profile icons-------------------------------------------------*/
ul.profile-icons {
margin-top: 10px;
list-style: none;
}
ul.profile-icons li {
float: left;
margin: 0 6px 3px 0;
background-position: 0 100%;
}
* html ul.profile-icons li {
width: 1px;
}
ul.profile-icons li a {
display: block;
width: 100%;

/*height: 100%;
*/
background-position: 0 0;
}
ul.profile-icons li span {
display:none;
}
ul.profile-icons li a:hover {
background: none;
}

/* Advanced profile-------------------------------------------------*/
#profile-advanced-layout {
float: left;
margin-right: -300px;
width: 100%;
}
#profile-advanced-left {
margin-right: 300px;
}
#profile-advanced-left #tabs {
margin-top: 4px;
}
#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 .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 #9fc6d9;
background-color: #fff;
}
.avatar img {
width: 50px;
}
.friend-block .avatar {
margin: 0 auto;
cursor:pointer;
}
.friend-block {
float: left;
width: 68px;
margin: 1px;
text-align: center;
overflow: hidden;
}
.friend_list_online_status {
line-height: 11px;
font-size: .8em;
}
.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 #121010;
background: #2d2727;
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: 10px;
*/
margin-top: -2em;
clear:both;
}
#profile-advanced-layout #tabs {

/*position: absolute;
*/
bottom: 0;
}

/*#profile-advanced-layout #new-message-link {
position: absolute;
bottom: 0;
right: 4px;
padding-bottom: 10px;
}
*/
#profile-advanced-layout #tabs #new-message-link {
float: right;
bottom: 0;
right: 4px;
padding-bottom: 10px;
position:absolute;
}
#profile-advanced-layout #tabs #new-message-link a {
background: none;
float: none;
margin: 0 5px 0 0;
padding: 0;
}
#profile-advanced-details .top {
margin-bottom: 16px;
}
#profile-advanced-details .bottom {
margin-top: 16px;
}
#profile-advanced-right {
float: right;
width: 300px;
}
#profile-advanced-add {
margin-right: 4px;
padding: 8px 0;
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;
}

/* Message-box-------------------------------------------------*/
#message-box textarea {
color: #8c8787;
font-family: rockwell;
width: 80%;
font-size: 1.2em;
}
#textarea_content {
margin-top: 2px;
}
#textarea_content textarea#text_editor_textarea {
width: 100% !important;
height: 250px;
}
#textarea_content iframe#text_editor_iframe {
width: 100%;
height: 100%;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
width: 100% !important;
height: 150px;
}
form#quick_reply #textarea_content iframe#text_editor_iframe {
width: 100%;
height: 100%;
}

/* Modules-------------------------------------------------*/
.module {
margin-bottom: 4px;
padding: 0 10px;
background-color: #121010;
color: #8c8787;
overflow: hidden;
}
.module span.corners-top, .module span.corners-bottom {
margin: 0 -10px;
}
.module h3 {
margin: 0.5em 0;
color: #8c8787;
border-bottom: 1px solid #8c8787;
text-align:center;
}
* html .module h3 {
height: 1%;
}
*+ html .module h3 {
min-height: 1px;
}
.module ul, .module ol {
list-style-position: inside;
}
.module dl.details dt {

/*width: 10em;
*/
text-align: left;
margin-left: 5px;
}
.module dl.details dd {
margin-left: 0px;
}
.module table.mod-top-posters {
table-layout: fixed;
}
.module .fields1 dd {
margin-left: 0;
}
.module .poll-opt-result {
white-space: nowrap;
}
.module .poll dl {
margin-top: 1em;
}
.module .poll dt {
width: 40%;
float: left;
}
.module .poll dd {
margin-left: 41%;
}
*+ html #left .module,*+ html #right .module {
word-wrap: break-word;
}

/* Avoid break-word in a table;
IE expands the table since it doesn't wrap a phrase... *
/* html #left .module,* html #right .module {
word-wrap: break-word;
}

/* Overview-------------------------------------------------*/
.overview {
border: 2px solid black;
z-index: 10000;
}
.title-overview {
margin: 0;
padding: 5px 10px;
text-align: center;
}
.center-overview {
padding: 5px 20px 0;
text-align: center;
}
.left-overview {
text-align: left;
padding: 5px 10px 0;
}

/* Calendar-------------------------------------------------*/
#calendar ul, #mini-calendar ul {
height: 120px;
list-style-type: none;
background-color: #2d2727;
}
#calendar ul:hover, #mini-calendar ul:hover {
background-color: #3e3a3a;
}
#calendar ul li, #mini-calendar ul li {
padding: 3px 0px 0px 10px;
}
#calendar table.table1 tbody tr:hover, #calendar table.table1 tbody tr.hover, #mini-calendar table.table1 tbody tr:hover, #mini-calendar table.table1 tbody tr.hover {
background-color: transparent;
}
#calendar .no-border, #mini-calendar .no-border {
border: none;
}
#calendar .center, #mini-calendar .center {
text-align: center;
}
#calendar .hover-td:hover, #mini-calendar .hover-td:hover {
background-color: #3e3a3a;
}
#calendar-result {
float: left;
width: 69%;
margin: 45px 0px 0px 8px;
}
#mini-calendar {
width: 270px;
float: left;
}
p.right-event {
text-align: right;
margin: 0px;
padding: 0px;
}

/* Signature-------------------------------------------------*/
.signature {
font-size: 1.1em;
border-top: 1px solid #CCCCCC;
line-height: 140%;
overflow: hidden;
margin-top: 1.5em;
color: #8c8787;
}

/* Gallery-------------------------------------------------*/
.gallery {
float: left;
margin-left: 1%;
padding-top: 10px;
min-height: 125px;
}
* html .gallery {
margin-left: 8px;
height: 125px;
}
.gallery:hover {
background-color: #3e3a3a;
}
.info-gallery {
margin: 0px !important;
padding: 5px;
text-align: center;
}
.effect {
vertical-align: middle;
margin-right: 15px;
}
.helpline {
width: 450px;
font-size: 10px;
border: none;
background-color: transparent;
}
.gallery-avatar {
height: 260px;
width: 190px;
text-align: center;
margin: 0px 0px 20px 30px;
}
.gallery-avatar img {
padding-top: 15px;
}
.gallery-avatar:hover {
background-color: #3e3a3a;
}

/* Buttons-------------------------------------------------*/
.buttons {
float: left;
}
.buttons div {
float: left;
margin: 0 5px 0 0;
background-position: 0 100%;
}
.buttons div a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
}
.buttons div.post-icon {
width: auto;
height: auto;
}
.buttons div span{
display: none;
}
.buttons div a:hover{
background-image: none;
}
#cp-main .buttons {
margin-left: 0;
}

/* Topicreview-------------------------------------------------*/
#topicreview {
padding-right: 5px;
overflow: auto;
height: 300px;
}
#topicreview .postbody {
width: auto;
float: none;
margin: 0;
height: auto;
}
#topicreview .post {
height: auto;
}
#topicreview h2 {
border-bottom-width: 0;
}

/* Chatbox-------------------------------------------------*/
body.chatbox {
background-image: none;
}
.chatbox {
background-color: #121010;
}
#chatbox_header {
height: 30px;
background-color: #9fc6d9;
}
.chatbox .forabg {
margin: 0;
border: none;
padding: 0;
margin: 0;
background-color: #9fc6d9;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #fcfcf7 !important;
}
.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: #fcfcf7;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px solid ;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #121010;
color : #ff3300;
font-family: rockwell;
}
#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_row_1 {
padding: 4px;
background-color: #121010;
}
.chatbox_row_2 {
padding: 4px;
background-color: #2d2727;
}
.chatbox_row_3 {
padding: 4px;
background-color: #121010;
}
.memberlist_row_1 {
background-color: #121010;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
}
#chatbox_footer label {
color: #fcfcf7;
}
#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;
}
#chatbox_contextmenu {
border: 2px solid black;
background-color: #121010;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #121010;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #2d2727;
}
#chatbox_contextmenu p.close {
background: #ddd;
padding: 1px;
font-size: 95%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #ff3300;
text-decoration: none;
font-size: 95%;
}
#chatbox_contextmenu a:hover {
color: ;
}
.fontbutton {
background:#E1E1E2 none repeat scroll 0%;
border:medium none;
color:#000000;
float:left;
margin-right:10px;
padding:1px;
}
#chatbox .user {
font-weight: bold;
}
* html #chatbox-members {

/* IE expressions helping IE work in Standards mode */
height: expres​sion(( 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: expres​sion(( 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: expres​sion(( 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: expres​sion(( 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");
}

/* Stats------------------------------------------------------------------------------------------*/
table.forumline {
font-size: 1.2em;
background-color: #9fc6d9;
background-image: url('http://hitskin.com/themes/10/72/56/i_list_bg.jpg');
padding: 5px;
background-repeat: repeat-x;
background-position: 0 0;
}
table.forumline td.catHead {
text-align: left;
color: #fcfcf7;
font-family: neuropol x free,rockwell;
text-transform: uppercase;
font-size: 0.85em;
font-weight: bold;
padding-bottom: 5px;
}
table.forumline tr:hover td.catHead {
background-color: transparent;
}
table.forumline th.thCornerL, table th.thTop, table th.thCornerR {
background-color: #121010;
height: 25px;
}
table.forumline td {
height: 20px;
}
table.forumline tr:hover td {
background-color: #3e3a3a;
}
table span.gen {
margin-left: 5px;
}
table.forumline.statistical td,table.forumline.bars td,table.forumline.values td {
padding: 0 1px;
}
table.forumline td.stat-bar {
padding: 0 10px;
}

/* Corners------------------------------------------------------------------------------------------*/
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
font-size: 1px;
line-height: 1px;
display: block;
height: 5px;
background-repeat: no-repeat;
}
span.corners-top {
background-image: none;
background-position: 0 0;
margin: 0 -5px;
}
span.corners-top span {
background-image: none;
background-position: 100% 0;
}
span.corners-bottom {
background-image: none;
background-position: 0 100%;
margin: 0 -5px;
clear: both;
}
span.corners-bottom span {
background-image: none;
;
background-position: 100% 100%;
}
.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
margin: 0 -10px;
}
span.corners-top {
background-image: url("http://illiweb.com/fa/prosilver/corners_left.gif");
}
span.corners-top span {
background-image: url("http://illiweb.com/fa/prosilver/corners_right.gif");
}
span.corners-bottom {
background-image: url("http://illiweb.com/fa/prosilver/corners_left.gif");
}
span.corners-bottom span {
background-image: url("http://illiweb.com/fa/prosilver/corners_right.gif");
}

/***************************************************************/
#cp-main span.corners-top {
background-image: url("http://illiweb.com/fa/prosilver/corners_left2.gif");
}
#cp-main span.corners-top span {
background-image: url("http://illiweb.com/fa/prosilver/corners_right2.gif");
}
#cp-main span.corners-bottom {
background-image: url("http://illiweb.com/fa/prosilver/corners_left2.gif");
}
#cp-main span.corners-bottom span {
background-image: url("http://illiweb.com/fa/prosilver/corners_right2.gif");
}

/***************************************************************/
#cp-main .panel #topicreview span.corners-top {
background-image: url("http://illiweb.com/fa/prosilver/corners_left.gif");
}
#cp-main .panel #topicreview span.corners-top span {
background-image: url("http://illiweb.com/fa/prosilver/corners_right.gif");
}
#cp-main .panel #topicreview span.corners-bottom {
background-image: url("http://illiweb.com/fa/prosilver/corners_left.gif");
}
#cp-main .panel #topicreview span.corners-bottom span {
background-image: url("http://illiweb.com/fa/prosilver/corners_right.gif");
}

/* Various-------------------------------------------------*/
.row1{
background-color: #121010;
}
.row2{
background-color: #2d2727;
}
.row3{
background-color: #121010;
}
.img-whois {
float: left;
margin-right: 5px;
}
.topic-actions {
margin-bottom: 5px;
margin-top: 1em;
font-size: 1.1em;
height: auto;
}
*+html .topic-actions {
margin-top: 1em;
}
.column1 {
float: left;
clear: left;
width: 46%;
margin-left: 3%;
border-right: 1px solid #322e2e;
}
.column2 {
float: right;
clear: right;
width: 46%;
margin-left: 3%;
}
* html .column1, * html .column2 {
width: 45%;
}
.left-box {
float: left;
width: auto;
text-align: left;
}
.right-box {
float: right;
width: auto;
text-align: right;
}
.center {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.clear {
display: block;
clear: both;
font-size: 1px;
line-height: 1px;
background: transparent;
}
* html .clear {
height: 1%;
}
*+ html .clear {
min-height: 1px;
}
.online {
background-image: url("http://illiweb.com/fa/prosilver/icon_user_online.png");
background-position: right 0;
background-repeat: no-repeat;
}

/*.online2 {
position: absolute;
top: -10px;
right: 0;
background-image: url("http://illiweb.com/fa/prosilver/icon_user_online.png");
background-repeat: no-repeat;
background-position: right 0;
width: 100px;
height: 100px;
}
*/
.autowidth {
width: auto !important;
}
.italic {
font-style: italic;
}
.pathname-box {
margin-top: 3px;
margin-left: 15px;
float: left;
}
.pathname-box p {
margin-bottom: 0px;
}
.select {
background-color: #FFFFFF;
border: 1px solid #BCBCBC;
position: absolute;
z-index:100;
top: 0;
left: 0;
overflow: hidden;
width: 0px;
}
* html .select {
margin-top: -9px;
}
* html #sel_smilies {
height: 200px;
overflow: auto;
}
.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 #ffffff;
color: #ffffff;
background-position: 0 100%;
}
.select button:hover,.selectHover {
cursor: pointer;
background-color: #EEE;
}
button.bbcode {
border: 1px solid #e3adad;
background-image: url("http://illiweb.com/fa/wysiwyg/bg_button.png");
}
#format-buttons {
margin: 15px 0 5px 0;
}
#format-buttons input, #format-buttons select, button.button2 {
vertical-align: middle;
}
ul#picture_legend, ul#privmsgs-menu {
text-align: center;
padding: 3px 0;
}
ul#picture_legend li,ul#privmsgs-menu li {
display: inline;
margin: 2px 10px;
}
ul#picture_legend li img, ul#privmsgs-menu li img {
vertical-align: middle;
}
input.checkbox {
width: auto !important;
background-color: transparent !important;
}
.postlink {
color: #368AD2;
border-bottom-color: #368AD2;
}
.postlink:visited {
color: #5D8FBD;
border-bottom-color: #666666;
}
.postlink:active {
color: #368AD2;
}
.postlink:hover {
background-color: #D0E4F6;
color: #0D4473;
}
ul.topiclist li.row dt a.subforum,ul.topiclist li.row dd.dterm a.subforum {
background-image: none;
background-position: 0 50%;
background-repeat: no-repeat;
position: relative;
white-space: nowrap;
padding: 0 0 0 12px;
}
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #000000;
}
html>body dd label input {
vertical-align: text-bottom;
}
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #000000;
margin-bottom: 2px;
}
.mcp-main .postbody {
width: 100%;
}
.pmlist li.row1 {
border: solid 3px transparent;
border-width: 0 3px;
}
.pmlist li.row2 {
border: solid 3px transparent;
border-width: 0 3px;
}
dd.lastpost span.color-groups {
float: left;
padding-left: 0;
}
* html dd.lastpost span.color-groups {
cursor: pointer;
}
*+html dd.lastpost span.color-groups {
cursor: pointer;
}
.warning {
color: #f33;
}
.obligatory {
color: #f33;
}
.captcha div.captcha-img {
float: left;
margin: 0 1em 0 0;
}
.captcha .inputbox{
margin-top: 0.5em;
}
#main-content a.cgu-buttons {
padding: 3px 5px;
}

/* RPG tables */
.rpg-table {
border: 1px solid #ccc;
border-collapse: collapse;
}
.rpg-table td {
border: 1px solid #ccc;
padding: 0.25em;
}

/* Footer---------------------------------------------------*/
.copyright {
padding: 5px;
text-align: center;
color: #8c8787;
}

/* TGF Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*+ html .clearfix {
min-height: 1px;
}
* html .clearfix {
position: relative;
height: 1%;
clear: both;
}
* html div#logo-desc #logo {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='https://i36.servimg.com/u/f36/15/06/53/71/banier11.jpg');
height: 45px;
width: 274px;
cursor: hand;
}

/* Login Popup---------------------------------------------------*/
#login_popup {
position: absolute;
z-index: 10000;
display: none;
background-color: #121010;
border: 1px solid #9fc6d9;
padding: 6px;
}
#login_popup .h3 {
margin:0 0 6px;
padding:0 0 6px;
}
#login_popup_buttons {
position:absolute;
bottom:6px;
right:6px;
}
#login_popup_buttons input {
margin-left:6px;
}
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:0;
left:-4px}
.ajax-profil_edit img{
margin-left:4px}
.ajax-profil_valid{
cursor:pointer;
margin-left:4px;
vertical-align:middle}
.column1 dl.details dd,.column2 dl.details dd{
padding-left:16px;
}
#profile-tab-field-profil dl{
padding:8px 10 8px 0;
width:98%;
margin:10px 0 0;
}
#profile-tab-field-profil dl dt{
float:left;
display:block;
width:10em;
}
#profile-tab-field-profil dl dd{
margin-left:10em;
padding-left:12px;
}
#profile-tab-field-profil div.separator{
clear:both;
font-size:1px;
line-height:1px;
border-bottom:1px solid #dcdcdc;
padding-top:10px;
}
#profile-tab-field-profil .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 #9fc6d9;
}
.jqmOverlay {
background-color: #000;
}
#search_form h1 {
margin: 0.1em 0 0.3em;
}
#jqmHide {
margin: 0.4em 0;
}
.jqDrag {
cursor: move;
}

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

/* Blog----------------------------------------------*/
.blog .icon {
background-position: 10px 20px !important;
}
.blog .dterm {
width: 94% !important;
background-position: 5px 20px !important;
}
.blog_cal-border {
display: inline;
float: left;
border: 1px solid #9fc6d9;
background: #121010;
padding: 1px;
font-size: 1.2em;
margin-right: 1em;
}
.blog_cal-content {
width: 2.9em;
background: #9fc6d9;
padding: 1px;
line-height: 1.4em;
text-align: center;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
color: #fcfcf7;
}
.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: 1em;
font-size: 1.3em;
}
.blog_title h2 {
display: inline;
}
.blog_title .topictitle {
font-size: 1.2em;
}
.blog_message {
margin-top: 0.5em;
font-size: 1.1em;
}
.blog .codebox dt {
width: 92%;
}
* html .blog .codebox dt,*+html .blog .codebox dt {
width: 100%;
}
.blog_comments {
text-align: right;
}
.blog_comments img {
vertical-align: middle;
}
#blog_comments {
width: 90%;
margin: 0 auto;
}
#blog_comments .postbody {
width: 96%;
}
.blog_comment-avatar {
float: left;
}
.blog_comment-avatar img {
background-color: #fff;
border: 1px solid #9fc6d9;
vertical-align: middle;
width: 38px;
margin: 5px 5px 0 0;
}
#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 .profile-icons {
margin: 0;
list-style-position: inherit;
}

/* Social bookmarking----------------------------------------------*/
#bookmarks {
float: right;
}
#bookmarks a img {
width: 20px;
height: 20px;
background: url(http://illiweb.com/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://illiweb.com/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: #2d2727;
color: #8c8787;
}

/* resize image */
.resize_process .resizebox {
display: none;
}
.resize_process img.resize_img {
display: none;
}
.resizebox a.enlarge, .resizebox.showfull a.fullsize, .resizebox.enlarged a.resize {
display: inline-block;
zoom: 1;
*display: inline;
}
.resizebox.enlarged a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
display: none;
}
.resizebox {
background-color: #3e3a3a;
max-width: 100%;
line-height: 1.1em;
cursor: default;
font-size: 10px;
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 #2d2727;
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:#ebeadd;
border:1px dashed #121010;
clear:left;
float:left;
margin:5px 5px 5px 0;
padding:6px;
width:auto;
color:#8c8787;
}
.attachbox dt {
font-family:Arial,Helvetica,sans-serif;
text-transform:uppercase;
}
.attachbox .attachments {
clear:left;
font-size:0.9em;
margin-left:10px;
padding:0;
display: inline-block;
}
.attachbox dl.file {
border-top: 1px solid #2d2727;
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;
padding:0;
text-transform:none;
display:inline-block;
vertical-align:middle;
text-align:center;
}
dl.file dd {
display: inline-block;
vertical-align:top;
margin:0 0 0 10px;
}
dl.file dd span {
display: block;
}
.info {
font-size:10px;
font-style:italic;
}

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

/* Styles Facebook */
.user_login_form {
margin-bottom:5px;
}
.fb_or {
background-color:#121010;
border:2px solid #;
font-weight:bold;
padding:5px;
color:#536482;
height : 16px;
line-height : 16px;
width : 26px;
margin : 0 30px 0 30px;
}
#cont_pwd {
width:150px;
height:21px;
margin: 0 0 0 20px;
}
.pwd_img {
padding : 4px 0 3px 0;
width : 150px;
height : 14px;
line-height : 14px;
font-size : 11px;
font-weight : bold;
text-align : center;
color : #000000;
display : none;
}
#pwd_good {
background:url('http://illiweb.com/fa/p_strength/pwd_good.png');
}
#pwd_middle {
background:url('http://illiweb.com/fa/p_strength/pwd_middle.png');
}
#pwd_bad {
background:url('http://illiweb.com/fa/p_strength/pwd_bad.png');
}
#fb_explain {
padding: 5px 0 0 5px;
float: left;
}
.left {
float: left;
}
.fld_connexion {
width: 300px;
}
.fb_login{
height: 30px;
margin: 50px 0 0 0;
}
.fb_login .fb_or{
margin: 0 70px 0 60px;
}
#cont_fb_invit iframe {
width: 760px !important;
}
ul.topiclist.bg_none {
background: none;
}


zuk4X4
Nouveau membre

Messages : 18
Inscrit(e) le : 31/08/2010

http://www.zuk.com
zuk4X4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir son forum

Message par Renald le Ven 3 Sep 2010 - 14:20

Juste le css que toi tu as ajouté.

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir son forum

Message par zuk4X4 le Ven 3 Sep 2010 - 14:21

je n'en ais pas ajouté, car je ne connais pas cette fonction encore Sad

zuk4X4
Nouveau membre

Messages : 18
Inscrit(e) le : 31/08/2010

http://www.zuk.com
zuk4X4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir son forum

Message par Renald le Ven 3 Sep 2010 - 14:26

Ah ok.
Donc ça ne peut pas venir de la Wink

Dans la configuration de ton forum tu as mis quoi comme valeur pour la largeur?

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir son forum

Message par zuk4X4 le Ven 3 Sep 2010 - 14:31



mais ce ne sont pas les valeurs d'origine, vu que j'i touché sans noter celle ci ...

zuk4X4
Nouveau membre

Messages : 18
Inscrit(e) le : 31/08/2010

http://www.zuk.com
zuk4X4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir son forum

Message par Renald le Ven 3 Sep 2010 - 14:37

OK mets 100% au lieu de 100 pour voir.

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir son forum

Message par zuk4X4 le Ven 3 Sep 2010 - 14:40

houhouuuuuuuuuuuuuuuuuuuuuuuuuu ca fonctionne

Merci bcpppppppp, je suis trop content bounce bounce compress


Renald tu m'enlève une énorme épine du pied, c'etais si simple, et ca fais tellement longtps que je cherchais la manip sans aboutir,

merci bcp

zuk4X4
Nouveau membre

Messages : 18
Inscrit(e) le : 31/08/2010

http://www.zuk.com
zuk4X4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir son forum

Message par Renald le Ven 3 Sep 2010 - 14:43

Pas de problème Wink

@+

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum