X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=css%2F1%2FpageMinichat.css;h=a352ff9007ad9aa3e7aa31d84e91eebc92dfe944;hp=2cc07beb9ae34ef360e0d448fd5b480a1af85796;hb=7ade6a3495cd5c74c964df5ed794e110e770ed9d;hpb=5790c374341c5e542ff17a8f245bb5aa43af1d58 diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css index 2cc07be..a352ff9 100755 --- a/css/1/pageMinichat.css +++ b/css/1/pageMinichat.css @@ -1,5 +1,3 @@ -/* coding: utf-8 */ - #page.minichat { padding: 0px; } @@ -78,7 +76,7 @@ margin-right: 5px; width: 12% } -#page.minichat form#posterMessage .message { +#page.minichat form#posterMessage input.message { margin-right: 5px; width: 75% } @@ -100,6 +98,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,26 +130,35 @@ 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 { + border-top: 1px dashed white +} +#page.minichat #conversations .titre .barre { text-align: center; padding-right: 8px; background-color: #e19671; color: #ffffff; } -#page.minichat #conversations .titre .fermer { + +#page.minichat #conversations .titre .extraire, +#page.minichat #conversations .titre .extraireCompletement { + display: none +} + +#page.minichat #conversations .titre .barre .reduire { + margin-top: 1px; + margin-left: 5px; + float: right; + width: 13px; + height: 13px; + background-image: url(../../img/css1/reduire_conv.png); + cursor: pointer; +} +#page.minichat #conversations .titre .barre .reduire:hover { + background-image: url(../../img/css1/reduire_conv_hover.png); +} + +#page.minichat #conversations .titre .barre .fermer { margin-top: 1px; margin-left: 5px; float: right; @@ -142,67 +167,84 @@ background-image: url(../../img/css1/fermer_conv.png); cursor: pointer; } -#page.minichat #conversations .titre .fermer:hover { +#page.minichat #conversations .titre .barre .fermer:hover { background-image: url(../../img/css1/fermer_conv_hover.png); } -#page.minichat #conversations .titre .lien { +#page.minichat #conversations .titre .barre .lien { margin-top: 1px; + margin-left: 5px; float: right; width: 13px; height: 13px; background-image: url(../../img/css1/copier_conv.png); cursor: pointer; } -#page.minichat #conversations .titre .lien:hover { +#page.minichat #conversations .titre .barre .lien:hover { background-image: url(../../img/css1/copier_conv_hover.png); } -#page.minichat #conversations .titre .next, -#page.minichat #conversations .titre .prev { +#page.minichat #conversations .titre .barre .next, +#page.minichat #conversations .titre .barre .prev { display: none; } -#page.minichat #conversations .titre .next, -#page.minichat #conversations .titre .prev, -#page.minichat #conversations .titre .numPage { +#page.minichat #conversations .titre .barre .next, +#page.minichat #conversations .titre .barre .prev, +#page.minichat #conversations .titre .barre .numPage { background-color: #841919; cursor: pointer; padding-right: 5px; padding-left: 5px; } -#page.minichat #conversations .titre .next:hover, -#page.minichat #conversations .titre .prev:hover, -#page.minichat #conversations .titre .numPage:hover { +#page.minichat #conversations .titre .barre .next:hover, +#page.minichat #conversations .titre .barre .prev:hover, +#page.minichat #conversations .titre .barre .numPage:hover { background-color: #cb2626 } /***** 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.systeme { +#page.minichat div.message.repondEnEvidence { + background-color: #fce476 +} +#page.minichat div.message.systeme { background-color: #f0df95 } #page.minichat div.message a { @@ -243,14 +285,21 @@ margin-right: 2px; font-weight: bold; } -#page.minichat div.message.ekMaster .pseudo { +#page.minichat div.message.ekMasterlight .pseudo { color: #f0df95 } + +#page.minichat div.message.ekMasterheavy .pseudo { + color: #fcd82f; + padding-left: 14px; + background: transparent url(../../img/css1/marque_ek.png) no-repeat scroll left center +} + #page.minichat div.message .pseudo .login { margin-left: 2px; - font-size: 8px; + font-size: 8px; } -#page.minichat #conversations .repondA { +#page.minichat .repondA { z-index: 5; height: 18px; margin-left: -7px; @@ -262,7 +311,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; @@ -270,16 +319,34 @@ display: block; float: left; } -#page.minichat #conversations .contenu { +#page.minichat .contenu { margin-left: 5px; } -#page.minichat #conversations .extraire { +#page.minichat .outilsMess { + float: right; + display: none; +} +#page.minichat div.message:hover .outilsMess { + display: block +} +#page.minichat .extraire { float: right; width: 13px; height: 13px; background-image: url(../../img/css1/extraction.png); - margin-top: 2px + margin-top: 2px; } -#page.minichat #conversations .extraire:hover { +#page.minichat .extraire:hover { background-image: url(../../img/css1/extraction_hover.png); } +#page.minichat .extraireCompletement { + float: right; + width: 13px; + height: 13px; + background-image: url(../../img/css1/extraction_complete.png); + margin-top: 2px; + margin-right: 2px; +} +#page.minichat .extraireCompletement:hover { + background-image: url(../../img/css1/extraction_complete_hover.png); +}