X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=css%2F1%2FpageMinichat.css;h=946c06c169acb4fb9780c66efa70b7d54e6480c7;hp=2cc07beb9ae34ef360e0d448fd5b480a1af85796;hb=bb692b6ec033e2c6ce4dd12d95831af96033ec6f;hpb=5790c374341c5e542ff17a8f245bb5aa43af1d58 diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css index 2cc07be..946c06c 100755 --- a/css/1/pageMinichat.css +++ b/css/1/pageMinichat.css @@ -1,11 +1,9 @@ -/* coding: utf-8 */ - #page.minichat { padding: 0px; } #page.minichat img { - margin: 0px; + line-height: normal; vertical-align: middle; } @@ -68,8 +66,16 @@ #page.minichat form#posterMessage { background-color: #e19671; padding-left: 10px; +} + +#page.minichat.orderReverse form#posterMessage { padding-bottom: 10px; } + +#page.minichat.orderChrono form#posterMessage { + padding-top: 10px; +} + #page.minichat form#posterMessage p { margin: 0px; padding: 0px; @@ -78,7 +84,7 @@ margin-right: 5px; width: 12% } -#page.minichat form#posterMessage .message { +#page.minichat form#posterMessage input.message { margin-right: 5px; width: 75% } @@ -100,40 +106,68 @@ 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 */ #page.minichat #conversations { overflow: hidden; - width: 100% -} -#page.minichat #conversations .conversation { - border-width: 0px; - border-style: solid; - border-color: white; - float: left; width: 100%; + border-spacing: 0px; + background-color:#E19671; } -#page.minichat #conversations div.messageImpair { - background-color: #fbeede; +#page.minichat.orderChrono #conversations td +{ + vertical-align: bottom } -#page.minichat #conversations div.messagePair { - background-color: #f6dfc2; +#page.minichat.orderReverse #conversations td +{ + vertical-align: top } -#page.minichat #conversations div.cache { - opacity: 0.3; - - /* Hack IE 7 */ - filter: alpha(opacity = 30); - zoom: 1 +#page.minichat.orderChrono #conversations .titre { + border-bottom: 1px dashed white +} +#page.minichat.orderReverse #conversations .titre { + border-top: 1px dashed white } -#page.minichat #conversations .titre { +#page.minichat #conversations .titre .nav { text-align: center; padding-right: 8px; background-color: #e19671; color: #ffffff; } -#page.minichat #conversations .titre .fermer { + +#page.minichat #conversations .titre .nav .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 .nav .reduire:hover { + background-image: url(../../img/css1/reduire_conv_hover.png); +} + +#page.minichat #conversations .titre .nav .fermer { margin-top: 1px; margin-left: 5px; float: right; @@ -142,67 +176,84 @@ background-image: url(../../img/css1/fermer_conv.png); cursor: pointer; } -#page.minichat #conversations .titre .fermer:hover { +#page.minichat #conversations .titre .nav .fermer:hover { background-image: url(../../img/css1/fermer_conv_hover.png); } -#page.minichat #conversations .titre .lien { +#page.minichat #conversations .titre .nav .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 .nav .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 .nav .next, +#page.minichat #conversations .titre .nav .prev { display: none; } -#page.minichat #conversations .titre .next, -#page.minichat #conversations .titre .prev, -#page.minichat #conversations .titre .numPage { +#page.minichat #conversations .titre .nav .next, +#page.minichat #conversations .titre .nav .prev, +#page.minichat #conversations .titre .nav .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 .nav .next:hover, +#page.minichat #conversations .titre .nav .prev:hover, +#page.minichat #conversations .titre .nav .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 +294,20 @@ 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 +319,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 +327,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); +}