X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=css%2F1%2FpageMinichat.css;h=da926910f7a868425ff32759ddadd5eb9b7aa19e;hp=d965d6a334310dc426175d3983ca506f5f4d35b7;hb=264d4816d9fd29b707d936a1be1f8400503d033d;hpb=0531ee46484ef22f402191cc4dc84ca07f155fe4 diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css index d965d6a..da92691 100755 --- a/css/1/pageMinichat.css +++ b/css/1/pageMinichat.css @@ -1,49 +1,108 @@ +#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 0px 1px 0px; +#smiles { + text-align: center; + border: 1px solid; border-color: #253f18; - border-style: solid; + background-color: #0c2003; margin-bottom: 10px; padding: 1px; - height: 100%; + width: 140px; + 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, +#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 #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 { + 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: 16px; + width: 32px; + background-image: url(../../img/css1/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/css1/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 */ @@ -58,93 +117,101 @@ 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 { @@ -159,6 +226,7 @@ } #page.minichat #conversations .titre { + text-align: center; padding-right: 8px; background-color: #4b4215 } @@ -167,38 +235,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 #conversations .titre .next, -#page.minichat #conversations .titre .prev -{ - display:none -} - -#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 .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 +} +