X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=css%2F1%2FpageMinichat.css;h=946c06c169acb4fb9780c66efa70b7d54e6480c7;hp=e8e41811bb79f47a9cfbaeaa5f84bb6cf3ef8b01;hb=bb692b6ec033e2c6ce4dd12d95831af96033ec6f;hpb=e90f287f99a621173b606ddba73dcec169c6b3bd diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css index e8e4181..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; @@ -123,22 +129,45 @@ /* 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.orderChrono #conversations td +{ + vertical-align: bottom +} +#page.minichat.orderReverse #conversations td +{ + vertical-align: top } -#page.minichat #conversations .titre { +#page.minichat.orderChrono #conversations .titre { + border-bottom: 1px dashed white +} +#page.minichat.orderReverse #conversations .titre { + border-top: 1px dashed white +} +#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; @@ -147,35 +176,36 @@ 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 } @@ -264,9 +294,15 @@ 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;