X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=css%2F2%2FpageMinichat.css;h=527f65034d3645f51881fddcafd7bff2bbec6894;hb=9b380274dcc75e06c0cdc110f91cc8f0c4738aeb;hp=d9ae80a3a03991996954dc5b7851f148afa140f5;hpb=c39e55c505a27e30209fcfb6d837d6ec8a82b990;p=euphorik.git diff --git a/css/2/pageMinichat.css b/css/2/pageMinichat.css index d9ae80a..527f650 100755 --- a/css/2/pageMinichat.css +++ b/css/2/pageMinichat.css @@ -1,26 +1,67 @@ +#page.minichat { + padding-top: 5px; + padding-right: 0px; + padding-left: 0px +} #page.minichat img { margin: 0px; vertical-align: bottom; } -#page.minichat #smiles { - border-width: 1px 1px 1px 1px; - border-color: #ccdfed; - border-style: solid; - position: relative; - left: 280px; - width: 300px; +#smiles { + text-align: center; + border: 1px solid; + border-color: #253f18; + background-color: #0c2003; margin-bottom: 10px; padding: 1px; - height: 100%; - background-color: #FFFFFF; + width: 140px; + position: absolute; + display: none } - -#page.minichat #smiles img { +#smiles img { + margin: 1px; cursor: pointer; opacity: 0.5; - margin-right:1px; +} + +#outilsBan { + border-width: 1px 1px 1px 1px; + border-color: #253f18; + border-style: solid; + padding: 2px; + position: absolute; + display: none; +} +#outilsBan img, +#outilsBan form { + float: right; + cursor: pointer +} +#outilsBan p { + font-size: 2px; +} +#outilsBan input { + font-size: 9px; + margin-top: 1px; + margin-left: 1px +} + +#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 +} + +#page.minichat #trollCourant .troll { + font-style: italic; + color: #FFFF88; + cursor: pointer; } #page.minichat .titreSmiles:hover { @@ -28,27 +69,40 @@ } #page.minichat form { - text-align: left; margin-bottom: 15px; padding-left: 10px; } +#page.minichat form p { + margin: 0px; + padding: 0px; +} + #page.minichat form .pseudo { margin-right: 5px; + width: 12% } - #page.minichat form .message { margin-right: 5px; + width: 75% } - #page.minichat form .return { - height: 15px; + height: 16px; width: 32px; - background-color: #BBBBBB; - 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; + margin-right: 5px; +} +#page.minichat form .smiles { + height: 16px; + width: 16px; + background-image: url(../../img/css2/bouton_smiles.png); + background-repeat: no-repeat; + background-position: 2px 2px; + vertical-align: top; + margin-right: 5px; } /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */ @@ -69,18 +123,17 @@ border-left-width: 5px; border-left-style: solid; border-color: transparent; - text-align: left; padding-right: 5px; padding-left: 4px; cursor: pointer; } #page.minichat #conversations div.messageImpair { - background-color: #e4e1ff; + background-color: #05002c; } #page.minichat #conversations div.messagePair { - background-color: #eceaf7; + background-color: #080047; } #page.minichat #conversations div.cache { @@ -92,16 +145,16 @@ } #page.minichat #conversations div.reponse { - border-color: #d2ad73 + border-color: #bd7a11 } #page.minichat #conversations div.repondu { - border-color: #d066d4 + border-color: #b711bd } #page.minichat #conversations div.proprietaire { - border-color: #d74a5e + border-color: #bd1129 } #page.minichat #conversations div.systeme { - background-color: #b1b1b1 + background-color: #555555 } #page.minichat div.message a { @@ -119,17 +172,32 @@ } #page.minichat .date { - color: #cf6f21; + color: #fd913b; margin-right: 3px; margin-left: 3px; } + +#page.minichat div.message .pseudo:after { + content: ":" +} + #page.minichat div.message .pseudo, #page.minichat form .pseudo { margin-left: 4px; margin-right: 2px; font-weight: bold; - color: #2b5715; + color: #76ff33; +} + +#page.minichat div.message.ekMaster .pseudo { + color: #ffffff; +} + +#page.minichat div.message .pseudo .login { + margin-left: 2px; + font-size: 8px; + color: #a7d88f; } #page.minichat div.systeme .pseudo { @@ -143,8 +211,12 @@ }*/ #page.minichat #conversations .repondA { - margin-left: 4px; - color: #95600d + color: #bd7a11; + margin-right: 3px; +} + +#page.minichat #conversations .repondA:after { + content: ">" } /*#page.minichat #conversations .contenu { @@ -155,31 +227,35 @@ float: right; padding-right: 2px; padding-left: 2px; - background-color: #cac5f8; + background-color: #4f5519; +} + +#page.minichat #conversations .extraire:after { + content: ">" } #page.minichat #conversations .extraire:hover { - background-color: #dfdcfd; - color: #a2a2a2 + background-color: #818c27 } #page.minichat #conversations .titre { + text-align: center; padding-right: 8px; - background-color: #dedde8 + background-color: #4b4215 } #page.minichat #conversations .titre .fermer { float: right; padding-right: 5px; padding-left: 5px; - background-color: #cac5f8; - color: #ff0000; + background-color: #7d1b1b; cursor: pointer; } - +#page.minichat #conversations .titre .fermer:after { + content: "x" +} #page.minichat #conversations .titre .fermer:hover { - background-color: #dddaf8; - color: #ffAAAA; + background-color: #c95656 } #page.minichat #conversations .titre .next, @@ -190,12 +266,15 @@ #page.minichat #conversations .titre .lien { float: right } +#page.minichat #conversations .titre .lien:after { + content: "c" +} #page.minichat #conversations .titre .lien, #page.minichat #conversations .titre .next, #page.minichat #conversations .titre .prev, #page.minichat #conversations .titre .numPage { - background-color: #cac5f8; + background-color: #42380b; cursor: pointer; padding-right: 5px; padding-left: 5px; @@ -205,28 +284,6 @@ #page.minichat #conversations .titre .next:hover, #page.minichat #conversations .titre .prev:hover, #page.minichat #conversations .titre .numPage:hover { - background-color: #dddaf8; - color: #a2a2a2; -} - -#page.minichat #pages { - margin-top: 10px; -} - -#page.minichat #pages span { - padding-right : 4px; - padding-left: 4px; - color: #7169ae; - cursor:pointer; -} - -#page.minichat #pages span.pageCourante { - font-weight: bold; - font-size: 150%; -} - -#page.minichat #pages span:hover { - font-size: 150%; - color: #ada9cf; + background-color: #7c6e2e }