modifier couleur interieur des cases de saisie

[pascalbout]

bonjour

j'utilise le theme "midnight" et le probleme est que les cases pour entrer son pseudo, mot de passe, etc... lors de l'enregistrement d'un nouveau compte sont presque illisibles.
Les cases sont blanches, et l'ecriture est grise pâle, du coup on ne voit pas ce que l'on saisit
je suis aller dans l'admin, template, et là j'ai pour modifier le csset le html, mais je ne sais pas lequel des deux ni où aller pour modifier la couleur de la police de ces cases ???
merci pour votre aide.

[pascalbout]

Re : modifier couleur interieur des cases de saisie

voilà le css.
Dans les autres cases (forum, entrer du pseudo déjà inscrit, etc..) tout est ok

*{margin:0;padding:0;border:0}
body{font:normal 12px Arial,Helvetica,sans-serif;margin:0;padding:0;font-size:12px;color:#999;background:#000 url(../images/topbg.gif) top center no-repeat}
body.contentpane{background:#CCC}

h1{font-size:30px;font-weight:normal;line-height:48px;color:#DDD}
h2 {font-size:14px;font-weight:normal;color:#333}
h3 {font-size:16px;color:#CCC}
h4 {font-weight:bold;color:#333}
img,table{border:none}
p{margin:10px 0;line-height:1.5em}
a{font-weight:bold;outline:none;color:#4196C0}
a:hover{font-weight:bold;text-decoration:none}
input {color:#ccc;outline:none;margin:0}
input:focus{outline:none}
button{color:#fff;font-size:12px;border:none;background:#696969;cursorointer}
.clear{clear:both}

#wrapper{width:960px;margin:0 auto;height:138px}
#logocontainer{height:90px}
#topbanner{float:right}
#logo{padding-top:40px;float:left}
#menubar{clear:both;height:47px;background:url(../images/menubg.gif) repeat-x}
#menuleft{background:url(../images/menuleft.gif) no-repeat;width:5px;height:47px;float:left}
#menuright{background:url(../images/menuright.gif) no-repeat;width:5px;height:47px;float:right}

#topmenu{overflow:hidden;float:left;background:url (../images/menusep.gif) right no-repeat}
#topmenu ul{margin:0;padding:0;list-style:none}
#topmenu li{float:left;display:inline}
#topmenu li a{color:#4196C0;display:block;float:left;text-decoration:none;font-size:14px;font-weight:bold;height:47px;line-height:47px;padding:0 25px;cursorointer}
#topmenu li a:hover{text-decoration:underline}
#topmenu li a#active_menu-nav{color:#DDD}
.search{padding:10px 10px 0 0}
.search *{float:left}
.search .inputbox{float:left;border:0;font-size:12px;width:200px;height:26px;padding:2px 2px 0 2px;color:#666;background:#CCC}
.search .button{float:left;margin-top:5px;width:26px;height:20px;color:#FFF;padding: 0 10px 0 0;background:url(../images/buttonbg.gif) repeat-x;border:0}
#header{clear:both;width:500px;margin:0 auto;padding:10px 450px 0 10px;clear:both;background:url(../images/headerimg.jpg) right top no-repeat}
#header a{font-size:11px}

.cpathway{overflow:hidden;padding:5px 30px;background:#090909;width:auto;clear:both}
span.breadcrumbs.pathway{float:left;color:#666;fon t-weight:700}
span.breadcrumbs.pathway a.pathway {font-weight:700;text-decoration:none;color:#666}
span.breadcrumbs.pathway a.pathway:hover{text-decoration:underline}

#content{width:1000px;margin:0 auto}
.c_left{width:auto}
.c_right{background:transparent url(../images/content_m_right.png) repeat-y top center;}
.c_full{background:transparent url(../images/content_m_full.png) repeat-y top center;}

div.module_menu, div.module, div.module_text{margin:0 0 10px 0;padding:0;border:0px solid #CCC;}
div.module_menu div, div.module div, div.module_text div{}
div.module_menu div div, div.module div div, div.module_text div div{}
.newsflash div.module {background:transparent url(../images/newsflash_r.png) top right no-repeat}
.newsflash div.module div {height:129px;background:transparent url(../images/newsflash_l.png) top left no-repeat}
div.module_menu div div div, div.module div div div, div.module_text div div div{margin:0 auto 10px;padding:0}
div.module div div div div{width:160px;color:#069}
div.module_menu div div div div, div.module div div div div, div.module_text div div div div{background:none;margin:0 auto;padding:0}
div.module_text div div div div{text-align:left}
div.module_text div div div div.bannergroup_text{padding:0 10px;width:auto}
div.module_text div div div div.bannergroup_text div{color:#069;width:auto;padding:0 0 4px}
div.module_text div div div div.bannergroup_text div.bannerheader{color:#09F}
div.module div div div form{margin:0 auto;padding:0 0 0 0;text-align:left;width:auto}
div.module_menu ul{list-style:none;padding:0}
div.module_menu ul#mainlevel{margin:0 auto;text-align:center}
div.module_menu ul li{margin:0;padding:0 5px;border-bottom:1px solid #444}
div.module_menu ul li a:link, div.module_menu ul li a:visited{font-weight:700;line-height:24px;background:url(../images/seph.gif) bottom repeat-x;color:#4195C0}

#leftcol{width:250px;float:left;padding-top:18px}
#leftcol h3{background:#FFF url(../images/headingbg.gif) 0 0 no-repeat;overflow:hidden;width:215px;height:80px;lin e-height:80px;padding-left:35px}
#leftcol ul.menu{list-style:none;text-align:left;margin:0 30px;border:0px solid white}
#leftcol ul.menu li:hover{}
#leftcol ul.menu li ul li{border-bottom:none}
/*LEFT COL LINK*/
#leftcol ul.menu li a, #leftcol ul.menu li a:link{display:block;font-weight:bold;font-size:12px;line-height:30px;text-decoration:none;color:#3891bd}
#leftcol ul.menu li a:hover{text-decoration:underline}
/*LEFT COL CURRENT LINK*/
l#leftcol ul.menu li#current a, #leftcol ul.menu li#current a:link,#leftcol ul.menu li#current{}
#leftcol ul.menu li#current a:hover{}
/*LEFT COL SUB LINK*/
#leftcol ul.menu li#current ul li a, #leftcol ul.menu li#current ul li a:link,
#leftcol ul.menu li ul li#current a, #leftcol ul.menu li ul li#current a:link, #leftcol ul.menu li ul li#current a:visited, #leftcol ul.menu li ul li#current a:hover,
#leftcol ul.menu li.parent ul li a,#leftcol ul.menu li.parent ul li a:hover{}
/*SUBMENU POSITION*/
#leftcol ul.menu li#current ul{margin:0;padding:0}
#leftcol ul.menu li#current ul li{margin:0;padding:0}
/*CURRENT SUBMENU POSITION*/
#leftcol ul.menu li ul{margin:0;padding:0}
#leftcol ul.menu li#current ul li a:hover{}
#leftcol ul.menu li ul{list-style:none;margin:0}

#leftcol div.module table {}
#leftcol div.module table td {margin:0;padding:0 6px 0 0;height:20px;color:#09F;text-align:left;line-height:13px;vertical-align:middle}
#leftcol div.module table td{color:#069}
#leftcol div.module table.poll{}
#leftcol div.module table.poll td{text-align:left}
#leftcol .moduletable_menu, #leftcol .moduletable, #leftcol .moduletable_text, #leftcol .c{margin:0 0 16px 0;padding:0 0 8px 0}

#leftcol .moduletable ul{margin:6px 0;padding:0;list-style:none}
#leftcol .moduletable ul li{margin:0;padding:0 2px}

form#form-login{margin-left:30px}
form#form-login fieldset{padding:0;margin:0;border:0;text-align:left}
form#form-login ul{padding:0;list-style:none;text-align:left;width:auto;margin:10px auto 0}
form#form-login ul li{padding:0}
form#form-login ul li a{text-align:left;padding:0;font-size:11px;text-decoration:underline}
form#form-login ul li a:hover{text-decoration:none}
#form-login input{font-size:12px;padding:5px 2px;color:#666;background:#CCC}
input#modlgn_passwd, input#modlgn_username{width:180px}
input.button, #form-login input.button{padding:0 10px;height:20px;font:bold 12px Tahoma;color:#FFF;background:url(../images/buttonbg.gif) repeat-x;text-align:center;cursorointer;text-transform:uppercase}
input.button:hover, #form-login input.button:hover{}

div#maincol{float:left;width:705px;padding:45px 10px 10px 35px;background:url(../images/middleheadingbg.gif) left top no-repeat}
div#maincol a{font-weight:bold}
div#maincolumn_full{float:right;width:940px;paddin g:10px}
div#maincolumn_left{float:left;width:695px;padding :45px 10px 10px 45px;background:url(../images/middleheadingbg.gif) left top no-repeat}
div#maincolumn_left ul{margin:0 0 0 25px}
div.nopad{overflow:hidden;padding:0}
div.nopad ul{clear:both}
div.componentheading{margin:0 15px 0 0;color:#DDD;text-transform:capitalize;font-size:22px;font-weight:normal;padding:5px 5px 0 10px}
table.blog{margin-left:10px}
td.buttonheading{text-align:right;padding-right:5px}
td.buttonheading a{display:block;height:17px;background:#FFF}

table.contentpaneopen h3{color:#4195C0}
h2, .contentheading{padding:5px 0;font-size:14px;vertical-align:middle;color:#4195C0;background:#FF;text-align:left;font-weight:700}
h2, a.contentheading{background:none;border:none;margi n:0 0}
h4{color:#333}
.small{font-size:11px;color:#666;font-weight:700;text-align:left;padding:5px 0;background:none}
.modifydate{height:20px;vertical-align:bottom;font-size:11px;font-weight:bold;color:#666;text-align:right}
.createdate{vertical-align:top;font-size:11px;font-weight:bold;color:#666;padding:5px 0}

a.readon{display:block;float:right;line-height:22px;font-size:11px;padding:0 10px;color:#4195C0;text-transform:lowercase;text-decoration:underline}
a.readon:hover{text-decoration:none}

.contentpaneopen, table.contentpane{margin:0;padding:0 0 0 10px}
table.contentpane td{text-align:left}
table.contentpane td.contentdescription{width:100%}
table.contentpane {text-align:left;float:left;width:100%}
table.contentpane ul li a .category{color:#FF8800}
table.contentpane ul li{color:#666}
table.contentpaneopen{margin:0;border-collapse:collapse;border:0px solid #CCC;margin:0 0 0 1px}
table.contentpaneopen table.contentpaneopen{background:none;border:0;mar gin:0}
.newsflash table.contentpaneopen{margin:0 10px;padding:0;color:#fbfbfb;text-align:left}
.newsflash table.contentpaneopen a{color:#fbfbfb}
table.contentpaneopen li{margin-bottom:5px}
table.contentpaneopen fieldset{border:0;border-top:1px solid #669933}
table.contentpaneopen h3{margin-top:0}
table.contentpaneopen h4{color:#669933}

/*#modlgn_remember.inputbox {background:none;border:none;width:auto;vertical-align:middle}
.validate {color:#fefefe;font-size:12px;cursorointer;font-weight:700;border:none;height:23px;line-height:19px;padding:1px 4px 4px;margin:6px 0 0 0;background:transparent url(../images/but.png) repeat-x top left}
input.button:hover, .validate:hover {}*/

[houba_houbi]

Re : modifier couleur interieur des cases de saisie

Bonjour,

Dans ton template css ligne 13 essaie de remplacer le code couleur de la ligne "input" par :

input
{
color: #646464; => c'est la même couleur que dans le formulaire login à gauche
...
}

[pascalbout]

Re : modifier couleur interieur des cases de saisie

Bonjour,

Dans ton template css ligne 13 essaie de remplacer le code couleur de la ligne "input" par :

input
{
color: #646464; => c'est la même couleur que dans le formulaire login à gauche
...
}

bonjour
Merci pour votre aide
j'ai donc fait les modifications:

a{font-weight:bold;outline:none;color:#4196C0}
a:hover{font-weight:bold;text-decoration:none}
input {color:#646464;outline:none;margin:0}
input:focus{outline:none}

mais malheureusement c'est pareil, on ne voit presque rien lorsque l'on veut s'enregistrer, la police est tres tres claire :

http://www.mixs-pascalbout.com/component/user/register.html

[houba_houbi]

Re : modifier couleur interieur des cases de saisie

Bonjour
Tu n'as pas dû modifier le bon fichier ou enregistrer tes modifications. Voire vider le cache de Joomla pour mettre à jour le cache car j'ai toujours :

input {color:#ccc;outline:none;margin:0}

#ccc est un gris clair effectivement

[pascalbout]

Re : modifier couleur interieur des cases de saisie

Bonjour
Tu n'as pas dû modifier le bon fichier ou enregistrer tes modifications. Voire vider le cache de Joomla pour mettre à jour le cache car j'ai toujours :

input {color:#ccc;outline:none;margin:0}

#ccc est un gris clair effectivement

effectivement ça fonctionne !
du coup j'ai mis 000000 pour du noir !
grand merci

[houba_houbi]

Re : modifier couleur interieur des cases de saisie

De rien. Bonne continuation