-/* coding: utf-8 */
-
#page.minichat {
padding: 0px;
}
#page.minichat img {
- margin: 0px;
+ line-height: normal;
vertical-align: middle;
}
#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;
margin-right: 5px;
width: 12%
}
-#page.minichat form#posterMessage .message {
+#page.minichat form#posterMessage input.message {
margin-right: 5px;
width: 75%
}
vertical-align: top;
margin-right: 5px;
}
+#page.minichat form#posterMessage #repondA {
+ background-color: #f0df95;
+ border: #841919 1px solid;
+ margin-right: 5px;
+ padding-right: 2px;
+ padding-left: 2px;
+ cursor: pointer;
+ display: none;
+}
+#page.minichat form#posterMessage #repondA .messages {
+ position: absolute;
+ border: #841919 1px solid;
+ width: 50%;
+ display:none;
+}
+#page.minichat form#posterMessage #repondA .messages div.message:hover .outilsMess {
+ display: none
+}
/***** Les conversations *****/
/* 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 #conversations div.messageImpair {
- background-color: #fbeede;
+#page.minichat.orderChrono #conversations td
+{
+ vertical-align: bottom
}
-#page.minichat #conversations div.messagePair {
- background-color: #f6dfc2;
+#page.minichat.orderReverse #conversations td
+{
+ vertical-align: top
}
-#page.minichat #conversations div.cache {
- opacity: 0.3;
-
- /* Hack IE 7 */
- filter: alpha(opacity = 30);
- zoom: 1
+#page.minichat.orderChrono #conversations .titre {
+ border-bottom: 1px dashed white
+}
+#page.minichat.orderReverse #conversations .titre {
+ border-top: 1px dashed white
}
-#page.minichat #conversations .titre {
+#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;
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
}
/***** Les messages *****/
-#page.minichat #conversations div.message {
+#page.minichat div.message {
padding-right: 5px;
cursor: pointer;
min-height: 18px;
line-height: 18px;
}
-#page.minichat #conversations div.message.reponse .entete {
+#page.minichat div.messageImpair {
+ background-color: #fbeede;
+}
+#page.minichat div.messagePair {
+ background-color: #f6dfc2;
+}
+#page.minichat div.cache {
+ opacity: 0.3;
+
+ /* Hack IE 7 */
+ filter: alpha(opacity = 30);
+ zoom: 1
+}
+#page.minichat div.message.reponse .entete {
background-color: #bf2911
}
-#page.minichat #conversations div.message.reponse .delimitationEntete,
-#page.minichat #conversations div.message.reponse .repondA {
+#page.minichat div.message.reponse .delimitationEntete,
+#page.minichat div.message.reponse .repondA {
background-image: url(../../img/css1/fleche_reponse.png);
}
-#page.minichat #conversations div.message.repondu .entete {
+#page.minichat div.message.repondu .entete {
background-color: #84196c
}
-#page.minichat #conversations div.message.repondu .delimitationEntete,
-#page.minichat #conversations div.message.repondu .repondA {
+#page.minichat div.message.repondu .delimitationEntete,
+#page.minichat div.message.repondu .repondA {
background-image: url(../../img/css1/fleche_repondu.png);
}
-#page.minichat #conversations div.message.proprietaire .entete {
+#page.minichat div.message.proprietaire .entete {
background-color: #31732f
}
-#page.minichat #conversations div.message.proprietaire .delimitationEntete,
-#page.minichat #conversations div.message.proprietaire .repondA {
+#page.minichat div.message.proprietaire .delimitationEntete,
+#page.minichat div.message.proprietaire .repondA {
background-image: url(../../img/css1/fleche_proprietaire.png);
}
-#page.minichat #conversations div.message.repondEnEvidence {
+#page.minichat div.message.repondEnEvidence {
background-color: #fce476
}
-#page.minichat #conversations div.message.systeme {
+#page.minichat div.message.systeme {
background-color: #f0df95
}
#page.minichat div.message a {
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;
}
-#page.minichat #conversations .repondA {
+#page.minichat .repondA {
z-index: 5;
height: 18px;
margin-left: -7px;
background-image: url(../../img/css1/fleche.png);
background-repeat: no-repeat;
}
-#page.minichat #conversations .delimitationRepondA {
+#page.minichat .delimitationRepondA {
z-index: 20;
height: 18px;
width: 7px;
display: block;
float: left;
}
-#page.minichat #conversations .contenu {
+#page.minichat .contenu {
margin-left: 5px;
}
-#page.minichat #conversations .outilsMess {
+#page.minichat .outilsMess {
float: right;
display: none;
}
-#page.minichat #conversations div.message:hover .outilsMess {
+#page.minichat div.message:hover .outilsMess {
display: block
}
-#page.minichat #conversations .extraire {
+#page.minichat .extraire {
float: right;
width: 13px;
height: 13px;
background-image: url(../../img/css1/extraction.png);
- margin-top: 2px
+ margin-top: 2px;
}
-#page.minichat #conversations .extraire:hover {
+#page.minichat .extraire:hover {
background-image: url(../../img/css1/extraction_hover.png);
}
-#page.minichat #conversations .extraireCompletement {
+#page.minichat .extraireCompletement {
float: right;
width: 13px;
height: 13px;
- background-image: url(../../img/css1/extraction.png);
- margin-top: 2px
+ background-image: url(../../img/css1/extraction_complete.png);
+ margin-top: 2px;
+ margin-right: 2px;
}
-#page.minichat #conversations .extraireCompletement:hover {
- background-image: url(../../img/css1/extraction_hover.png);
+#page.minichat .extraireCompletement:hover {
+ background-image: url(../../img/css1/extraction_complete_hover.png);
}