X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=css%2F1%2FpageMinichat.css;h=e8e41811bb79f47a9cfbaeaa5f84bb6cf3ef8b01;hp=70073054ce2963de4532c6944ca841bf718949ce;hb=e90f287f99a621173b606ddba73dcec169c6b3bd;hpb=e08e32e5d55ed268480b23f434fb504d607f784f diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css index 7007305..e8e4181 100755 --- a/css/1/pageMinichat.css +++ b/css/1/pageMinichat.css @@ -78,7 +78,7 @@ margin-right: 5px; width: 12% } -#page.minichat form#posterMessage .message { +#page.minichat form#posterMessage input.message { margin-right: 5px; width: 75% } @@ -100,6 +100,24 @@ vertical-align: top; margin-right: 5px; } +#page.minichat form#posterMessage #repondA { + background-color: #f0df95; + border: #841919 1px solid; + margin-right: 5px; + padding-right: 2px; + padding-left: 2px; + cursor: pointer; + display: none; +} +#page.minichat form#posterMessage #repondA .messages { + position: absolute; + border: #841919 1px solid; + width: 50%; + display:none; +} +#page.minichat form#posterMessage #repondA .messages div.message:hover .outilsMess { + display: none +} /***** Les conversations *****/ /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */ @@ -114,19 +132,6 @@ float: left; width: 100%; } -#page.minichat #conversations div.messageImpair { - background-color: #fbeede; -} -#page.minichat #conversations div.messagePair { - background-color: #f6dfc2; -} -#page.minichat #conversations div.cache { - opacity: 0.3; - - /* Hack IE 7 */ - filter: alpha(opacity = 30); - zoom: 1 -} #page.minichat #conversations .titre { text-align: center; padding-right: 8px; @@ -175,37 +180,50 @@ } /***** Les messages *****/ -#page.minichat #conversations div.message { +#page.minichat div.message { padding-right: 5px; cursor: pointer; min-height: 18px; line-height: 18px; } -#page.minichat #conversations div.message.reponse .entete { +#page.minichat div.messageImpair { + background-color: #fbeede; +} +#page.minichat div.messagePair { + background-color: #f6dfc2; +} +#page.minichat div.cache { + opacity: 0.3; + + /* Hack IE 7 */ + filter: alpha(opacity = 30); + zoom: 1 +} +#page.minichat div.message.reponse .entete { background-color: #bf2911 } -#page.minichat #conversations div.message.reponse .delimitationEntete, -#page.minichat #conversations div.message.reponse .repondA { +#page.minichat div.message.reponse .delimitationEntete, +#page.minichat div.message.reponse .repondA { background-image: url(../../img/css1/fleche_reponse.png); } -#page.minichat #conversations div.message.repondu .entete { +#page.minichat div.message.repondu .entete { background-color: #84196c } -#page.minichat #conversations div.message.repondu .delimitationEntete, -#page.minichat #conversations div.message.repondu .repondA { +#page.minichat div.message.repondu .delimitationEntete, +#page.minichat div.message.repondu .repondA { background-image: url(../../img/css1/fleche_repondu.png); } -#page.minichat #conversations div.message.proprietaire .entete { +#page.minichat div.message.proprietaire .entete { background-color: #31732f } -#page.minichat #conversations div.message.proprietaire .delimitationEntete, -#page.minichat #conversations div.message.proprietaire .repondA { +#page.minichat div.message.proprietaire .delimitationEntete, +#page.minichat div.message.proprietaire .repondA { background-image: url(../../img/css1/fleche_proprietaire.png); } -#page.minichat #conversations div.message.repondEnEvidence { +#page.minichat div.message.repondEnEvidence { background-color: #fce476 } -#page.minichat #conversations div.message.systeme { +#page.minichat div.message.systeme { background-color: #f0df95 } #page.minichat div.message a { @@ -253,7 +271,7 @@ margin-left: 2px; font-size: 8px; } -#page.minichat #conversations .repondA { +#page.minichat .repondA { z-index: 5; height: 18px; margin-left: -7px; @@ -265,7 +283,7 @@ background-image: url(../../img/css1/fleche.png); background-repeat: no-repeat; } -#page.minichat #conversations .delimitationRepondA { +#page.minichat .delimitationRepondA { z-index: 20; height: 18px; width: 7px; @@ -273,27 +291,27 @@ display: block; float: left; } -#page.minichat #conversations .contenu { +#page.minichat .contenu { margin-left: 5px; } -#page.minichat #conversations .outilsMess { +#page.minichat .outilsMess { float: right; display: none; } -#page.minichat #conversations div.message:hover .outilsMess { +#page.minichat div.message:hover .outilsMess { display: block } -#page.minichat #conversations .extraire { +#page.minichat .extraire { float: right; width: 13px; height: 13px; background-image: url(../../img/css1/extraction.png); margin-top: 2px; } -#page.minichat #conversations .extraire:hover { +#page.minichat .extraire:hover { background-image: url(../../img/css1/extraction_hover.png); } -#page.minichat #conversations .extraireCompletement { +#page.minichat .extraireCompletement { float: right; width: 13px; height: 13px; @@ -301,6 +319,6 @@ margin-top: 2px; margin-right: 2px; } -#page.minichat #conversations .extraireCompletement:hover { +#page.minichat .extraireCompletement:hover { background-image: url(../../img/css1/extraction_complete_hover.png); }