X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=css%2F1%2FpageMinichat.css;h=c5602bc0acdd855355b00d88870ec7b74caa6d7f;hp=da926910f7a868425ff32759ddadd5eb9b7aa19e;hb=23657a6f0b0c17bf0c8b813bd9ac9b1f1fbc35b8;hpb=3ea24df62da92d25d5479d26782c317439b0bc72 diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css index da92691..c5602bc 100755 --- a/css/1/pageMinichat.css +++ b/css/1/pageMinichat.css @@ -1,7 +1,5 @@ #page.minichat { - padding-top: 5px; - padding-right: 0px; - padding-left: 0px + padding: 0px; } #page.minichat img { @@ -12,8 +10,8 @@ #smiles { text-align: center; border: 1px solid; - border-color: #253f18; - background-color: #0c2003; + border-color: #ffffff; + background-color: #f6dfc2; margin-bottom: 10px; padding: 1px; width: 140px; @@ -28,7 +26,7 @@ #outilsBan { border-width: 1px 1px 1px 1px; - border-color: #253f18; + border-color: #ffffff; border-style: solid; padding: 2px; position: absolute; @@ -49,19 +47,16 @@ } #page.minichat #trollCourant { - border-top: 1px solid; - border-bottom: 1px solid; - border-color: #253f18; - background-color: #0c2003; - margin-top: 4px; - margin-bottom: 8px; - padding : 1px 0px 1px 10px + color: #FFFFFF; + position: absolute; + z-index: 20; + left: 140px; + top: 88px; } #page.minichat #trollCourant .troll { - font-style: italic; - color: #FFFF88; cursor: pointer; + font-style: italic } #page.minichat .titreSmiles:hover { @@ -69,8 +64,9 @@ } #page.minichat form { - margin-bottom: 15px; - padding-left: 10px; + background-color: #e19671; + padding-left: 10px; + padding-bottom: 10px; } #page.minichat form p { @@ -89,7 +85,7 @@ #page.minichat form .return { height: 16px; width: 32px; - background-image: url(../../img/css1/return.png); + background-image: url(../../img/css2/return.png); background-repeat: no-repeat; background-position: 5px 2px; vertical-align: top; @@ -98,7 +94,7 @@ #page.minichat form .smiles { height: 16px; width: 16px; - background-image: url(../../img/css1/bouton_smiles.png); + background-image: url(../../img/css2/bouton_smiles.png); background-repeat: no-repeat; background-position: 2px 2px; vertical-align: top; @@ -124,16 +120,17 @@ border-left-style: solid; border-color: transparent; padding-right: 5px; - padding-left: 4px; cursor: pointer; + min-height: 18px; + line-height: 18px; } #page.minichat #conversations div.messageImpair { - background-color: #05002c; + background-color: #fbeede; } #page.minichat #conversations div.messagePair { - background-color: #080047; + background-color: #f6dfc2; } #page.minichat #conversations div.cache { @@ -154,7 +151,7 @@ border-color: #bd1129 } #page.minichat #conversations div.systeme { - background-color: #555555 + background-color: #f0df95 } #page.minichat div.message a { @@ -162,17 +159,34 @@ } #page.minichat div.message .lienConv { - color: #db960f; + color: #c62929; font-weight: bold; cursor: pointer } #page.minichat div.message .lienConv:hover { - color: #f1c060 + color: #e84747 +} + +#page.minichat .entete { + z-index: 20; + background-color: #841919; + color: #f6dfc2; + display: block; + float: left; + height: 18px; +} + +#page.minichat .delimitationEntete { + z-index: 20; + height: 18px; + width: 7px; + background-image: url(../../img/css1/fleche.png); + display: block; + float: left; } #page.minichat .date { - color: #fd913b; margin-right: 3px; margin-left: 3px; } @@ -182,21 +196,15 @@ margin-left: 4px; margin-right: 2px; font-weight: bold; - color: #76ff33; } #page.minichat div.message.ekMaster .pseudo { - color: #ffffff; + color: #f0df95 } #page.minichat div.message .pseudo .login { margin-left: 2px; font-size: 8px; - color: #a7d88f; -} - -#page.minichat div.systeme .pseudo { - color: #CCCCCC } /* Ca marche pas :( @@ -206,66 +214,90 @@ }*/ #page.minichat #conversations .repondA { - margin-left: 4px; - color: #bd7a11 + z-index: 5; + height: 18px; + margin-left: -7px; + padding-left: 9px; + float: left; + background-color: #cb2626; + color: #ffffff; + display: block; + background-image: url(../../img/css1/fleche.png); + background-repeat: no-repeat; } -/*#page.minichat #conversations .contenu { - display: inline; -}*/ +#page.minichat #conversations .delimitationRepondA { + z-index: 20; + height: 18px; + width: 7px; + background-image: url(../../img/css1/fleche_reponda.png); + display: block; + float: left; +} + +#page.minichat #conversations .contenu { + margin-left: 5px; +} #page.minichat #conversations .extraire { float: right; - padding-right: 2px; - padding-left: 2px; - background-color: #4f5519; + width: 13px; + height: 13px; + background-image: url(../../img/css1/extraction.png); + margin-top: 2px } #page.minichat #conversations .extraire:hover { - background-color: #818c27 + background-image: url(../../img/css1/extraction_hover.png); } #page.minichat #conversations .titre { text-align: center; padding-right: 8px; - background-color: #4b4215 + background-color: #e19671; + color: #ffffff; } #page.minichat #conversations .titre .fermer { + margin-top: 1px; + margin-left: 5px; float: right; - padding-right: 5px; - padding-left: 5px; - background-color: #7d1b1b; + width: 13px; + height: 13px; + background-image: url(../../img/css1/fermer_conv.png); cursor: pointer; } - #page.minichat #conversations .titre .fermer:hover { - background-color: #c95656 + background-image: url(../../img/css1/fermer_conv_hover.png); +} + +#page.minichat #conversations .titre .lien { + margin-top: 1px; + float: right; + width: 13px; + height: 13px; + background-image: url(../../img/css1/copier_conv.png); + cursor: pointer; +} +#page.minichat #conversations .titre .lien:hover { + background-image: url(../../img/css1/copier_conv_hover.png); } #page.minichat #conversations .titre .next, #page.minichat #conversations .titre .prev { display: none; } - -#page.minichat #conversations .titre .lien { - float: right -} - -#page.minichat #conversations .titre .lien, #page.minichat #conversations .titre .next, #page.minichat #conversations .titre .prev, #page.minichat #conversations .titre .numPage { - background-color: #42380b; + background-color: #841919; cursor: pointer; padding-right: 5px; padding-left: 5px; } - -#page.minichat #conversations .titre .lien:hover, #page.minichat #conversations .titre .next:hover, #page.minichat #conversations .titre .prev:hover, #page.minichat #conversations .titre .numPage:hover { - background-color: #7c6e2e + background-color: #cb2626 }