Elargir la taille du forum ou appliquer un fond noir

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

Résolu Elargir la taille du forum ou appliquer un fond noir

Message par BISCOTTE35 le Jeu 25 Avr 2013 - 5:41

Bonjour,

Voilà je suis sur la création de mon premier forum et tout se passe plutôt bien. J'ai pratiquement terminé, reste que compte-tenu de la largeur du forum, je me retrouve sur mon écran de 27 ' avec deux énormes pavés verts ornés de colonnes rouges de chaque côté. Sur un écran de 17, c'est moins génant, mais toujours présent, sur un Ipad il ne reste que des petites lignes vertes de chaque côté.

Une copie d'écran sera plus clair:
Je voudrais soit élargir la taille du forum pour couvrir ces blocs de couleurs ou bien alors les changer pour du noir ou du blanc....

Que me conseilleriez-vous et comment le réaliser ?


Merci


Dernière édition par BISCOTTE35 le Jeu 25 Avr 2013 - 21:11, édité 1 fois

BISCOTTE35
Nouveau membre

Messages : 20
Inscrit(e) le : 25/04/2013

http://lesmotardsdusemnon.forumactif.org/
BISCOTTE35 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir la taille du forum ou appliquer un fond noir

Message par AenigmA le Jeu 25 Avr 2013 - 9:14

Bonjour, ton image de fond est dans la partie image si tu veux l'enlever ou la changer.
Pour la centrer et te faire une idée, mets ceci dans ton css

Code:
body {
    background-position: center top;
}

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir la taille du forum ou appliquer un fond noir

Message par BISCOTTE35 le Jeu 25 Avr 2013 - 10:48

Merci beaucoup...
Je vais essayer ça, par contre ( je debute ), je copie ce code tout en bas du css à la suite de la derniere ligne, ou je trouve la ligne body et je corrige...????

BISCOTTE35
Nouveau membre

Messages : 20
Inscrit(e) le : 25/04/2013

http://lesmotardsdusemnon.forumactif.org/
BISCOTTE35 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir la taille du forum ou appliquer un fond noir

Message par AenigmA le Jeu 25 Avr 2013 - 11:14

Mets le à la fin et valide
C'est plus facile à enlever et à se souvenir si ça ne fonctionne pas

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir la taille du forum ou appliquer un fond noir

Message par BISCOTTE35 le Jeu 25 Avr 2013 - 11:28

Ok, je fais cela ce midi...

BISCOTTE35
Nouveau membre

Messages : 20
Inscrit(e) le : 25/04/2013

http://lesmotardsdusemnon.forumactif.org/
BISCOTTE35 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir la taille du forum ou appliquer un fond noir

Message par BISCOTTE35 le Jeu 25 Avr 2013 - 12:23

Bon, on avance, merci déjà pour ce premier conseil...Suite à la modif du CSS, le portail s'est centré.
Désormais, il est entouré de deux fines colonnes rouges mais ensuite, j'ai un vert fluo pas très heureux...
Celui-là, j'aimerais le remplacer par la couleur noir...je suppose que je dois de nouveau intervenir dans le CSS ....??????
Quel code devrais-je rentrer ?

Voilà où j'en suis pour le moment:


BISCOTTE35
Nouveau membre

Messages : 20
Inscrit(e) le : 25/04/2013

http://lesmotardsdusemnon.forumactif.org/
BISCOTTE35 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir la taille du forum ou appliquer un fond noir

Message par Anzu le Jeu 25 Avr 2013 - 12:50

Bonjour et Bienvenue
sur le Forum des Forums ForumActif
Vu que vous êtes nouveau, voici quelques sujets importants :
Sécurité : Mail de fondation - Ce qu'il ne faut pas faire
Listing - Questions/Réponses fréquentes
Listing - Trucs et astuces
La fonction Rechercher
La FAQ de Forumactif.com

N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink

Bonjour,

Le fluo vient en fait d'une image qui est: http://hitskin.com/themes/13/55/74/i_background.png
Il semble que vous ayez d'autres codes dans votre feuille CSS. L'url de l'image doit se trouver dans le body.
Pourriez vous copier/coller votre css entre les balises code ? Smile

Petit rappel: Pensez à utiliser la fonction :editer:

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir la taille du forum ou appliquer un fond noir

Message par BISCOTTE35 le Jeu 25 Avr 2013 - 13:06

Ok je fais cela ce soir en rentrant.


Dernière édition par BISCOTTE35 le Jeu 25 Avr 2013 - 13:51, édité 1 fois

BISCOTTE35
Nouveau membre

Messages : 20
Inscrit(e) le : 25/04/2013

http://lesmotardsdusemnon.forumactif.org/
BISCOTTE35 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir la taille du forum ou appliquer un fond noir

Message par Anzu le Jeu 25 Avr 2013 - 13:11

Vous m'avez donné un lien.

Dans Affichage > Images et couleurs > Couleurs > Onglet "feuille css". Dans le champ de saisi, vous devriez avoir tout un tas de codes, c'est ça que vous devez copier coller.

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir la taille du forum ou appliquer un fond noir

Message par BISCOTTE35 le Jeu 25 Avr 2013 - 16:26

Voilà donc mon CSS.
Quelle ligne faut-il modifier pour substituer à l'image actuelle vert fluo, un fond noir ?
Merci



* {
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 #page-body div#add-google {
width: 50%;
margin: 0;
padding: 0;
visibility: hidden;
height: 1px;
}
#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: Verdana,Arial,Helvetica,sans-serif;
color: #687388;
background-color: #de3535;
background-image: url('http://hitskin.com/themes/13/55/74/i_background.png');
background-attachment: scroll;
font-size: 10px;
height: auto;
padding: 10px 0px;
}
* html .conteneur_minwidth_IE {

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

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

/* Hack IE min-width */
height: 1px;
}
#wrap {
width: 880px;
margin: 0px auto;
background-color: #ffffff;
border: 1px # solid;
padding: 5px;
min-width: 951px;
}
#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: -3px;
}
#content-container div#content {
margin-right: 3px;
}
#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: 183px;
}
#content-container div#left {
width: 180px;
float: left;
margin-right: 3px;
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: 183px;
}
* 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;
}
#add-google {
text-align: center;
margin: 0 auto;
}

/* Tags-------------------------------------------------*/
h1.page-title {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
color: #006dc8;
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: Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
color: #006dc8;
font-size: 2em;
margin: 0.8em 0 0.2em 0;
}
h1.solo {
margin-bottom: 1em;
}
h3, .h3 {
font-family: Verdana,Arial,Helvetica,sans-serif;
text-transform: uppercase;
border-bottom: 1px solid #005eb0;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
color: #005eb0;
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: #ffffff;
}
input {
font-weight: normal;
cursor: pointer;
vertical-align: middle;
padding: 0 3px;
font-size: 1em;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
select {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
cursor: pointer;
vertical-align: middle;
border: 1px solid #006dc8;
padding: 1px;
background-color: #ffffff;
}
option {
padding-right: 1em;
}
textarea {
font-family: Verdana,Arial,Helvetica,sans-serif;
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: Verdana,Arial,Helvetica,sans-serif;
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: Verdana,Arial,Helvetica,sans-serif;
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: #687388;
}
label input {
vertical-align: middle;
}
label img {
vertical-align: middle;
}
hr {
border-left:0px none #366683; border-right:0px none #366683; border-bottom:0px none #366683; border-top:1px solid #366683; height: 1px;
margin: 5px 0;
display: block;
clear: both
}
hr.dashed {
border-top: 1px dashed #366683;
margin: 5px 0;
}
img {
border-width: 0;
}
blockquote {
padding: 5px;
background: #ebeadd url('http://illiweb.com/fa/prosilver/quote.gif') no-repeat 6px 8px;
border: 1px solid #DBDBCE;
font-size: 0.95em;
overflow: hidden; margin-left:25px; margin-right:1px; margin-top:1em; margin-bottom:1em
}
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: #006dc8;
text-decoration: none;
}
a:visited{
color: #006dc8;
text-decoration: none;
}
a:active{
color: #006dc8;
text-decoration: underline;
}
a:hover{
color: #333330;
text-decoration: none;
}
a.forumtitle {
color: #006dc8;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
}
a.forumtitle:hover {
color: #333330;
text-decoration: underline;
}
a.forumtitle:active {
color: #006dc8;
}
a.topictitle {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.1em;
font-weight: bold;
color: #006dc8;
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: #333330;
text-decoration: underline;
}
a.topictitle:active {
color: #006dc8;
}

/* Input------------------------------------------------------*/
.inputbox {
background-color: #ffffff;
border: 1px solid #BCBCBC;
color: #687388;
padding: 2px;
cursor: text;
}
.inputbox:hover {
border: 1px solid #b7e5f0;
}
.inputbox:focus {
border: 1px solid #b7e5f0;
color: #687388;
}
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: Verdana,Arial,Helvetica,sans-serif;
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 #333330;
color: #333330;
background-position: 0 100%;
}
a.button1:link, a.button1:visited, a.button1:active, a.button2:link, a.button2:visited, a.button2:active {
color: #006dc8;
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: #687388;
}
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: Verdana,Arial,Helvetica,sans-serif;
}
fieldset.polls dl {
margin-top: 5px;
border-top: 1px solid #e2e2e2;
padding: 5px 0 0 0;
line-height: 120%;
color: #687388;
}
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: #12a3eb;
background-image: url('http://hitskin.com/themes/13/55/74/i_header_bg.gif');
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: left;
}
#logo {
float: left;
padding: 5px;
}
a#logo:hover {
text-decoration: none;
}
#site-title, #site-title h1 {
font-family: ;
color: #ffffff;
font-size: 20px;
font-weight: bold;
padding-top: 15px
}
#site-title h1 {
padding-top: 0;
}
#logo-desc p {
margin: 0px;
padding: 0px;
color: #ffffff;
}

/* Menu-------------------------------------------------*/
.navbar {
clear: both;
background-color: #e2f2ff;
padding:0px 10px;
}
ul.navlinks {
border-bottom: 1px solid #366683;
font-weight: bold;
text-align: center;
}
ul.borderless {
border-bottom: 0px none;
}
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: #ffffff;
}
#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,Courier New,sans-serif;
line-height: 1.3em;
color: #2E8B57;
margin: 2px 0;
}

/* Table-------------------------------------------------*/
.forabg {
margin-bottom: 4px;
clear: both;
background-color: #b7e5f0;
background-image: url('http://hitskin.com/themes/13/55/74/i_list_bg.gif');
background-repeat: repeat-x;
background-position: 0 0;
border: 2px solid #000000;
padding: 0px 5px;
}
* html .forabg {
position: relative;
height: 1%;
}
*+ html .forabg {
min-height: 1px;
}
.forumbg {
background-color: #b7e5f0;
background-image: url('http://hitskin.com/themes/13/55/74/i_list_bg.gif');
background-repeat: repeat-x;
background-position: 0 0;
border: 2px solid #000000;
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('http://illiweb.com/fa/empty.gif');
background-repeat: repeat-x;
color: #687388
}
* 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: 0px;
}
* html ul.forums li.row dl {
height: 0px;
}
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: #b1e1e3;
background-image: url('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: #ffffff;
padding-top: 2px;
padding-bottom: 2px;
font-size: 1em;
font-family: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif;
text-transform: uppercase;
}
li.row {
border-top: 1px solid #366683;
border-bottom: 1px solid #366683;
}
li.row:hover {
background-color: #f6f4d0;
}
ul.topiclist dd {
border-left: 1px solid #366683;
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: #366683;
border-left-style: solid;
border-left-width: 1px;
}
li.row:hover dd {
border-left-color: #366683;
}
.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: #b1e1e3;
color: #687388;
}
* html .panel {
height: 1%;
}
*+ html .panel {
min-height: 1px;
}
.content h2, .panel h2 {
color: #005eb0;
border-bottom: 1px solid #005eb0;
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: #005eb0;
border-bottom: 1px solid #005eb0;
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: #687388;
margin: 5px 0 0px 0;
min-height: 80px;
border-right-style: solid;
border-right-width: 1px;
border-color: #366683;
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: #006dc8;
text-decoration: none;
}
.postprofile a:hover, .postprofile dt.author a:hover {
text-decoration: underline;
color: #333330;
}
.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 #687388;
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: #687388;
display: block;
}
dl.details dd {
margin-left: 10em;
padding-left: 5px;
margin-bottom: 5px;
color: #687388;
}
.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: #687388;
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 #000000;
}

/* Panel----------------------------------------------*/
#cp-main .panel {
background-color: #ffffff;
}
#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 #000000;
border-top: 1px solid #000000;
}

/* Table----------------------------------------------*/
#cp-main table.table1 {
margin-bottom: 1em;
}
#cp-main table.table1 thead th {
color: #687388;
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: #ffffff;
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 #b1e1e3;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #f6f4d0;
color: #687388;
}
table.table1 td {
color: #687388;
font-size: 1.1em;
}
table.table1 tbody td {
padding: 5px;
border-top: 1px solid #366683;
}
table.table1 tbody th {
padding: 5px;
border-bottom: 1px solid #000000;
text-align: left;
color: #ffffff;
background-color: #b1e1e3;
}
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 #005eb0;
vertical-align: middle;
width: 38px;
height: 38px;
}

/* FAQ----------------------------------------------*/
dl.faq {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.1em;
margin-top: 1em;
margin-bottom: 2em;
line-height: 1.4em;
}
dl.faq dt {
font-weight: bold;
color: #687388;
}
dl.faq dd p {
text-align: justify;
border: 1px dashed #366683;
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: #b1e1e3 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: #687388;
white-space: nowrap;
}
#tabs a:hover span {
color: #333330;
}
#tabs .activetab a {
background-position: 0 0;
margin-bottom: -1px;
border-bottom: 1px solid #e2f2ff;
background-color: #e2f2ff;
}
#tabs .activetab a span {
background-position: 100% 0;
padding-bottom: 7px;
color: #333333;
}
#tabs a:hover {
background-position: 0 -70px;
background-color: #e2f2ff;
}
#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: #b1e1e3;
}
#smiley-box-wysiwyg {
float: left;
margin: 25px 0px 0px 15px;
width: 20%;
background-color: #b1e1e3;
}
* 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: #b1e1e3;
}
#smiley-box-wysiwyg iframe{
border: none;
overflow: auto;
height: 300px;
width: 100%;
height: 280px;
background-color: #b1e1e3;
}
.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;
font-size: 0.9em;
background: url('http://illiweb.com/fa/prosilver/icon_pages.gif') no-repeat 0 50%;; padding-left:15px; padding-right:0; padding-top:1px; padding-bottom:1px
}
.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: #ffffff;
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: #006dc8;
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: #687388;
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: Verdana,Arial,Helvetica,sans-serif;
line-height: 125%;
color: #687388;
font-weight: bold;
}
.postbody .content {
font-size: 1.3em;
}
.postbody ul.profile-icons {
float: right;
width: auto;
padding: 0;
}
.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: #687388;
min-height: 3em;
overflow: hidden;
line-height: 1.4em;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1em;
}
.content blockquote {
color: #535c82;
}
.content p {
font-family: Verdana,Arial,Helvetica,sans-serif;
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 #005eb0;
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;
}
#profile-advanced-details .message-block {
margin-left: 57px;
}
#profile-advanced-details .message-header {
border-top: 1px solid #e2f2ff;
background: #e2f2ff;
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;
}
#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-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: #687388;
font-family: Verdana,Arial,Helvetica,sans-serif;
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: #b1e1e3;
color: #687388;
overflow: hidden;
}
.module span.corners-top, .module span.corners-bottom {
margin: 0 -10px;
}
.module h3 {
margin: 0.5em 0;
color: #687388;
border-bottom: 1px solid #687388;
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: 1;
}
.title-overview {
margin: 0px;
padding: 5px 10px;
text-align: center;
}
.center-overview {
padding: 5px 20px 0px 20px;
text-align: center;
}
.left-overview {
text-align: left;
padding: 5px 10px 0px 10px;
}

/* Calendar-------------------------------------------------*/
#calendar ul, #mini-calendar ul {
height: 120px;
list-style-type: none;
background-color: #e2f2ff;
}
#calendar ul:hover, #mini-calendar ul:hover {
background-color: #f6f4d0;
}
#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: #f6f4d0;
}
#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: #687388;
}

/* Gallery-------------------------------------------------*/
.gallery {
float: left;
margin-left: 1%;
padding-top: 10px;
min-height: 125px;
}
* html .gallery {
margin-left: 8px;
height: 125px;
}
.gallery:hover {
background-color: #f6f4d0;
}
.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: #f6f4d0;
}

/* 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: url('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: url('none');
}
.chatbox {
background-color: #b1e1e3;
}
#chatbox_header {
height: 30px;
background-color: #b7e5f0;
}
.chatbox .forabg {
margin: 0;
border: none;
padding: 0;
margin: 0;
background-color: #b7e5f0;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #ffffff !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: #ffffff;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px solid ;
}
#chatbox_members .member-title {
text-align: center;
background-image: url('none');
font-size: 12px;
background-color: #e2f2ff;
color : #006dc8;
font-family: Verdana,Arial,Helvetica,sans-serif; padding-left:0.25em; padding-right:0.25em; padding-top:0.5em; padding-bottom:0.5em
}
#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: #b1e1e3;
}
.chatbox_row_2 {
padding: 4px;
background-color: #e2f2ff;
}
.chatbox_row_3 {
padding: 4px;
background-color: #e2f2ff;
}
.memberlist_row_1 {
background-color: #b1e1e3;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
}
#chatbox_footer label {
color: #ffffff;
}
#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: #e2f2ff;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #b1e1e3;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #e2f2ff;
}
#chatbox_contextmenu p.close {
padding: 1px;
font-size: 95%;
color:#fff;
background: ;
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #006dc8;
text-decoration: none;
font-size: 95%;
}
#chatbox_contextmenu a:hover {

}
.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: #b7e5f0;
background-image: url('http://hitskin.com/themes/13/55/74/i_list_bg.gif');
padding: 5px;
background-repeat: repeat-x;
background-position: 0 0;
}
table.forumline td.catHead {
text-align: left;
color: #ffffff;
font-family: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif;
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: #e2f2ff;
height: 25px;
}
table.forumline td {
height: 20px;
}
table.forumline tr:hover td {
background-color: #f6f4d0;
}
table span.gen {
margin-left: 5px;
}
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: url('none');
background-position: 0 0;
margin: 0 -5px
}
span.corners-top span {
background-image: url('none');
background-position: 100% 0
}
span.corners-bottom {
background-image: url('none');
background-position: 0 100%;
margin: 0 -5px;
clear: both
}
span.corners-bottom span {
background-image: url('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/empty.gif');
}
span.corners-top span {
background-image: url('http://illiweb.com/fa/empty.gif');
}
span.corners-bottom {
background-image: url('http://illiweb.com/fa/empty.gif');
}
span.corners-bottom span {
background-image: url('http://illiweb.com/fa/empty.gif');
}

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

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

/* Various-------------------------------------------------*/
.row1{
background-color: #b1e1e3;
}
.row2{
background-color: #e2f2ff;
}
.row3{
background-color: #e2f2ff;
}
.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 #366683;
}
.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://hitskin.com/themes/13/55/74/i_icon_online.gif');
background-position: right 0;
background-repeat: no-repeat
}

/*.online2 {
position: absolute;
top: -10px;
right: 0;
background-image: url("http://hitskin.com/themes/13/55/74/i_icon_online.gif");
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 #333330;
color: #333330;
background-position: 0 100%;
}
.selectHover {
cursor: pointer;
background-color: #EEEEEE;
}
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: url('none');
background-position: 0 50%;
background-repeat: no-repeat;
position: relative;
white-space: nowrap;
padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0
}
#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-left:3px solid transparent; border-right:3px solid transparent; border-top:0px solid transparent; border-bottom:0px solid transparent;
}
.pmlist li.row2 {
border-left:3px solid transparent; border-right:3px solid transparent; border-top:0px solid transparent; border-bottom:0px solid transparent;
}
dd.lastpost span.color-groups {
float: left;
padding-left: 0px;
}
* html dd.lastpost span.color-groups {
cursor: pointer;
}
*+html dd.lastpost span.color-groups {
cursor: pointer;
}
.warning {
color: #ff3333;
}
.obligatory {
color: #ff3333;
}
.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: #687388;
}

/* 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: progidDXImageTransform.Microsoft.AlphaImageLoadersrchttphitskin.comthemes135574i_logo.gif;
height: 45px;
width: 274px;
cursor: hand
}

/* Login Popup---------------------------------------------------*/
#login_popup {
position: absolute;
z-index: 999;
display: none;
}
#login_iframe_body {
padding: 0;
}
#login_popup_content {
display: none;
}
#login_popup_background {
border:1px solid #005eb0;
background: #e2f2ff;
padding:6px;
}
#login_popup_background .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;
}
iframe[name="google_ads_frame"],
#add-google,
#add-google iframe,
#add-google iframe[name="google_ads_frame"]{
display:block!important;
visibility:visible!important;
}
body {
background-position: center top;
}

BISCOTTE35
Nouveau membre

Messages : 20
Inscrit(e) le : 25/04/2013

http://lesmotardsdusemnon.forumactif.org/
BISCOTTE35 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir la taille du forum ou appliquer un fond noir

Message par AenigmA le Jeu 25 Avr 2013 - 16:37

Mamamia ce css Smile

Comme te dis Anzu, elle est ici. Tu enlèves la ligne.
Pour mettre noir tu mets black à la place de #de3535 à background-color juste la ligne au dessus de l'image

body {
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #687388;
background-color: #de3535;
background-image: url('http://hitskin.com/themes/13/55/74/i_background.png');
background-attachment: scroll;
font-size: 10px;
height: auto;
padding: 10px 0px;
}

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir la taille du forum ou appliquer un fond noir

Message par BISCOTTE35 le Jeu 25 Avr 2013 - 17:03

Merci, mais ça n'a pas fonctionné.

Voilà ce que j'ai fait:

BISCOTTE35
Nouveau membre

Messages : 20
Inscrit(e) le : 25/04/2013

http://lesmotardsdusemnon.forumactif.org/
BISCOTTE35 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir la taille du forum ou appliquer un fond noir

Message par AenigmA le Jeu 25 Avr 2013 - 17:44

Tu as fait qu'une partie

Enlève cette ligne (c'est l'image)
background-image: url('http://hitskin.com/themes/13/55/74/i_background.png');

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir la taille du forum ou appliquer un fond noir

Message par BISCOTTE35 le Jeu 25 Avr 2013 - 18:05

Super, ça fonctionne.....Encore merci pour votre réactivité et la précision de vos indications....Bon je retourne fignoler tout ça.....
Excellente soirée.
biscotte

BISCOTTE35
Nouveau membre

Messages : 20
Inscrit(e) le : 25/04/2013

http://lesmotardsdusemnon.forumactif.org/
BISCOTTE35 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir la taille du forum ou appliquer un fond noir

Message par AenigmA le Jeu 25 Avr 2013 - 18:22

Quand tu auras mieux l'habitude, il faudra reprendre le css car il est vraiment trop imposant. Je te mets en ami pour que tu me repères (dans ton profil).

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir la taille du forum ou appliquer un fond noir

Message par BISCOTTE35 le Jeu 25 Avr 2013 - 18:57

Ok, et merci je n'hésiterais pas à te recontacter lorsque je ferais un peu de ménage...
Bonne soirée.
Biscotte


BISCOTTE35
Nouveau membre

Messages : 20
Inscrit(e) le : 25/04/2013

http://lesmotardsdusemnon.forumactif.org/
BISCOTTE35 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir la taille du forum ou appliquer un fond noir

Message par Matriochka le Jeu 25 Avr 2013 - 18:58

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka 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