X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=css%2F1%2FpageMinichat.css;h=722c3fb1abe94156ef8d1b357e1fc2426abefa1e;hp=daae1298ac1c12cc46c27f6d37f165657bb221c0;hb=994f68e1f8a7a43b55d6bd6214b2a0066671ba74;hpb=6d280c7552c36b53fb6700376774b0e9cc01b943 diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css index daae129..722c3fb 100755 --- a/css/1/pageMinichat.css +++ b/css/1/pageMinichat.css @@ -6,7 +6,7 @@ #page.minichat img { margin: 0px; - vertical-align: bottom; + vertical-align: middle; } /***** La boite de sélection des smiles *****/ @@ -31,7 +31,7 @@ #outilsBan { border-width: 1px 1px 1px 1px; border-color: #ffffff; - border-style: solid; + border-style: dotted; padding: 2px; position: absolute; display: none; @@ -64,39 +64,34 @@ font-style: italic } - -#page.minichat .titreSmiles:hover { - background-color: #2d8800; -} - /***** Le formulaire pour poster un message *****/ -#page.minichat form { +#page.minichat form#posterMessage { background-color: #e19671; padding-left: 10px; padding-bottom: 10px; } -#page.minichat form p { +#page.minichat form#posterMessage p { margin: 0px; padding: 0px; } -#page.minichat form .pseudo { +#page.minichat form#posterMessage .pseudo { margin-right: 5px; width: 12% } -#page.minichat form .message { +#page.minichat form#posterMessage .message { margin-right: 5px; width: 75% } -#page.minichat form .return { +#page.minichat form#posterMessage .return { height: 16px; width: 32px; - background-image: url(../../img/css2/return.png); + background-image: url(../../img/css1/return.png); background-repeat: no-repeat; background-position: 5px 2px; vertical-align: top; margin-right: 5px; } -#page.minichat form .smiles { +#page.minichat form#posterMessage .smiles { height: 16px; width: 16px; background-image: url(../../img/css2/bouton_smiles.png); @@ -119,15 +114,6 @@ float: left; width: 100%; } -#page.minichat #conversations div.message { - border-left-width: 5px; - border-left-style: solid; - border-color: transparent; - padding-right: 5px; - cursor: pointer; - min-height: 18px; - line-height: 18px; -} #page.minichat #conversations div.messageImpair { background-color: #fbeede; } @@ -141,18 +127,6 @@ filter: alpha(opacity = 30); zoom: 1 } -#page.minichat #conversations div.reponse { - border-color: #bd7a11 -} -#page.minichat #conversations div.repondu { - border-color: #b711bd -} -#page.minichat #conversations div.proprietaire { - border-color: #bd1129 -} -#page.minichat #conversations div.systeme { - background-color: #f0df95 -} #page.minichat #conversations .titre { text-align: center; padding-right: 8px; @@ -201,6 +175,36 @@ } /***** Les messages *****/ +#page.minichat #conversations div.message { + padding-right: 5px; + cursor: pointer; + min-height: 18px; + line-height: 18px; +} +#page.minichat #conversations div.message.reponse .entete { + background-color: #bf2911 +} +#page.minichat #conversations div.message.reponse .delimitationEntete, +#page.minichat #conversations div.message.reponse .repondA { + background-image: url(../../img/css1/fleche_reponse.png); +} +#page.minichat #conversations div.message.repondu .entete { + background-color: #84196c +} +#page.minichat #conversations div.message.repondu .delimitationEntete, +#page.minichat #conversations div.message.repondu .repondA { + background-image: url(../../img/css1/fleche_repondu.png); +} +#page.minichat #conversations div.message.proprietaire .entete { + background-color: #31732f +} +#page.minichat #conversations div.message.proprietaire .delimitationEntete, +#page.minichat #conversations div.message.proprietaire .repondA { + background-image: url(../../img/css1/fleche_proprietaire.png); +} +#page.minichat #conversations div.message.systeme { + background-color: #f0df95 +} #page.minichat div.message a { font-weight: bold; } @@ -244,7 +248,7 @@ } #page.minichat div.message .pseudo .login { margin-left: 2px; - font-size: 8px; + font-size: 8px; } #page.minichat #conversations .repondA { z-index: 5; @@ -269,6 +273,13 @@ #page.minichat #conversations .contenu { margin-left: 5px; } +#page.minichat #conversations .outilsMess { + float: right; + display: none; +} +#page.minichat #conversations div.message:hover .outilsMess { + display: block +} #page.minichat #conversations .extraire { float: right; width: 13px; @@ -279,4 +290,13 @@ #page.minichat #conversations .extraire:hover { background-image: url(../../img/css1/extraction_hover.png); } - +#page.minichat #conversations .extraireCompletement { + float: right; + width: 13px; + height: 13px; + background-image: url(../../img/css1/extraction.png); + margin-top: 2px +} +#page.minichat #conversations .extraireCompletement:hover { + background-image: url(../../img/css1/extraction_hover.png); +}