X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=css%2F1%2FpageMinichat.css;h=234f9f5ef37c6d63219b3573a846f1f64702eb9e;hp=ad139dbffc51be902261d233153d2f07baa8b99c;hb=01922222ac686c2507052c0cc1d755495145d154;hpb=3e7999bd529ffda7c9613fc25bae95144a019af5 diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css index ad139db..234f9f5 100755 --- a/css/1/pageMinichat.css +++ b/css/1/pageMinichat.css @@ -4,46 +4,67 @@ vertical-align: bottom; } -#page.minichat #smiles { - border-width: 1px 0px 1px 0px; +#smiles { + border-width: 1px 1px 1px 1px; border-color: #253f18; border-style: solid; margin-bottom: 10px; padding: 1px; - height: 100%; + width: 140px; background-color: #0c2003; + position: absolute; + display: none +} +#smiles img { + margin: 1px; + cursor: pointer; + opacity: 0.5; +} + +#outilsBan { + border-width: 1px 1px 1px 1px; + border-color: #253f18; + border-style: solid; + padding: 2px; + position: absolute; + display: none; +} +#outilsBan img { + float: right; + vertical-align: middle; + margin: 0px 0px 0px 0px; } - -#page.minichat #smiles img { - cursor: pointer; - opacity: 0.5; -} #page.minichat .titreSmiles:hover { background-color: #2d8800; -} - -#page.minichat form { - text-align: left; - margin-bottom: 15px; - padding-left: 10px; -} - -#page.minichat form .pseudo { - margin-right: 5px; -} - -#page.minichat form .message { - margin-right: 5px; -} - -#page.minichat form .return { - height: 15px; - width: 32px; - background-image: url(../../img/css1/return.png); - background-repeat: no-repeat; - background-position: 5px 2px; - vertical-align: top; +} + +#page.minichat form { + text-align: left; + margin-bottom: 15px; + padding-left: 10px; +} +#page.minichat form .pseudo { + margin-right: 5px; +} +#page.minichat form .message { + margin-right: 5px; +} +#page.minichat form .return { + height: 16px; + width: 32px; + background-image: url(../../img/css1/return.png); + background-repeat: no-repeat; + background-position: 5px 2px; + vertical-align: top; +} +#page.minichat form .smiles { + height: 16px; + width: 16px; + background-image: url(../../img/css1/bouton_smiles.png); + background-repeat: no-repeat; + background-position: 2px 2px; + vertical-align: top; } /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */ @@ -58,93 +79,102 @@ border-color: white; float: left; width: 100%; -} +} -#page.minichat #conversations div.message { - border-left-width: 5px; - border-left-style: solid; +#page.minichat #conversations div.message { + border-left-width: 5px; + border-left-style: solid; border-color: transparent; text-align: left; padding-right: 5px; - padding-left: 4px; + padding-left: 4px; cursor: pointer; } - -#page.minichat #conversations div.messageImpair { - background-color: #05002c; -} - -#page.minichat #conversations div.messagePair { - background-color: #080047; -} - -/* Il n'y a plus de mise en evidence -#page.minichat #conversations div.miseEnEvidenceReponse { - background-color: #bd7a11; -} -#page.minichat #conversations div.miseEnEvidenceCourant { - background-color: #bd1129; -} -#page.minichat #conversations div.miseEnEvidenceConversation { - background-color: #b711bd; -}*/ - + +#page.minichat #conversations div.messageImpair { + background-color: #05002c; +} + +#page.minichat #conversations div.messagePair { + background-color: #080047; +} + #page.minichat #conversations div.cache { - opacity: 0.3; - - /* Hack IE 7 */ - filter: alpha(opacity = 30); + opacity: 0.3; + + /* Hack IE 7 */ + filter: alpha(opacity = 30); zoom: 1 } - -#page.minichat #conversations div.reponse { - border-color: #bd7a11 -} -#page.minichat #conversations div.repondu { - border-color: #b711bd -} -#page.minichat #conversations div.proprietaire { - border-color: #bd1129 + +#page.minichat #conversations div.reponse { + border-color: #bd7a11 +} +#page.minichat #conversations div.repondu { + border-color: #b711bd +} +#page.minichat #conversations div.proprietaire { + border-color: #bd1129 } #page.minichat #conversations div.systeme { background-color: #555555 -} - -#page.minichat div.message a { - font-weight: bold; -} - -#page.minichat .date { - color: #fd913b; - margin-right: 3px; - margin-left: 3px; -} - -#page.minichat div.message .pseudo, -#page.minichat form .pseudo { - margin-left: 4px; - margin-right: 2px; - font-weight: bold; - color: #76ff33; +} + +#page.minichat div.message a { + font-weight: bold; +} + +#page.minichat div.message .lienConv { + color: #db960f; + font-weight: bold; + cursor: pointer +} + +#page.minichat div.message .lienConv:hover { + color: #f1c060 +} + +#page.minichat .date { + color: #fd913b; + margin-right: 3px; + margin-left: 3px; +} + +#page.minichat div.message .pseudo, +#page.minichat form .pseudo { + margin-left: 4px; + margin-right: 2px; + font-weight: bold; + 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 { color: #CCCCCC -} - -/* Ca marche pas :( -#page.minichat div.message .pseudo { - min-width: 50px; - height:100px; -}*/ +} + +/* Ca marche pas :( +#page.minichat div.message .pseudo { + min-width: 50px; + height:100px; +}*/ #page.minichat #conversations .repondA { margin-left: 4px; color: #bd7a11 } - -/*#page.minichat #conversations .contenu { - display: inline; + +/*#page.minichat #conversations .contenu { + display: inline; }*/ #page.minichat #conversations .extraire { @@ -167,32 +197,37 @@ float: right; padding-right: 5px; padding-left: 5px; - background-color: #c90000; + background-color: #7d1b1b; cursor: pointer; -} +} #page.minichat #conversations .titre .fermer:hover { background-color: #c95656 } - -#page.minichat #pages { - margin-top: 10px; -} - -#page.minichat #pages span { - padding-right : 4px; - padding-left: 4px; - color: #7664ff; - cursor:pointer; -} - -#page.minichat #pages span.pageCourante { - font-weight: bold; - font-size: 150%; -} - -#page.minichat #pages span:hover { - font-size: 150%; - color: #ffad0f; -} - + +#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; + 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 +} +