/***** Le formulaire pour poster un message *****/
#page.minichat form#posterMessage {
- margin-bottom: 15px;
padding-left: 10px;
}
+#page.minichat.orderReverse form#posterMessage {
+ margin-bottom: 15px;
+}
+#page.minichat.orderChrono form#posterMessage {
+ margin-top : 15px;
+}
#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%
}
#page.minichat form#posterMessage .smiles {
height: 16px;
width: 16px;
- background-image: url(img/bouton_smiles.png);
+ background-image: url(../../img/bouton_smiles.png);
background-repeat: no-repeat;
background-position: 2px 2px;
vertical-align: top;
margin-right: 5px;
}
+/* La boite montrant les messages auquels l'utilisateur répond */
+#page.minichat form#posterMessage #repondA {
+ background-color: #164200;
+ border: #2d8800 1px solid;
+ margin-right: 5px;
+ padding-right: 2px;
+ padding-left: 2px;
+ cursor: pointer;
+ display: none;
+}
+#page.minichat form#posterMessage #repondA .messages {
+ position: absolute;
+ border: #2d8800 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:#000000;
}
-#page.minichat #conversations div.message {
- border-left-width: 5px;
- border-left-style: solid;
- border-color: transparent;
- padding-right: 5px;
- padding-left: 4px;
- cursor: pointer;
+#page.minichat.orderChrono #conversations td
+{
+ vertical-align: bottom
}
-#page.minichat #conversations div.messageImpair {
- background-color: #05002c;
+#page.minichat.orderReverse #conversations td
+{
+ vertical-align: top
}
-#page.minichat #conversations div.messagePair {
- background-color: #080047;
+#page.minichat.orderChrono #conversations .titre {
+ border-bottom: 1px dashed white
}
-#page.minichat #conversations div.cache {
- opacity: 0.3;
-
- /* Hack IE 7 */
- filter: alpha(opacity = 30);
- zoom: 1
-}
-#page.minichat #conversations div.reponse {
- border-color: #bf2911
-}
-#page.minichat #conversations div.repondu {
- border-color: #84196c
+#page.minichat.orderReverse #conversations .titre {
+ border-top: 1px dashed white
}
-#page.minichat #conversations div.proprietaire {
- border-color: #31732f
-}
-#page.minichat #conversations div.systeme {
- background-color: #555555
-}
-#page.minichat #conversations .titre {
+#page.minichat #conversations .titre .nav {
text-align: center;
padding-right: 8px;
- background-color: #4b4215
+ background-color: #4b4215;
}
-#page.minichat #conversations .titre .fermer {
+/*#page.minichat #conversations .conversation {
+ border-width: 0px;
+ border-style: solid;
+ border-color: white;
+ float: left;
+ width: 100%;
+}*/
+#page.minichat #conversations .titre .nav .fermer {
float: right;
padding-right: 5px;
padding-left: 5px;
background-color: #7d1b1b;
cursor: pointer;
}
-#page.minichat #conversations .titre .fermer:after {
+#page.minichat #conversations .titre .nav .fermer:after {
content: "x"
}
-#page.minichat #conversations .titre .fermer:hover {
+#page.minichat #conversations .titre .nav .fermer:hover {
background-color: #c95656
-}
-#page.minichat #conversations .titre .next,
-#page.minichat #conversations .titre .prev {
- display: none;
}
-#page.minichat #conversations .titre .lien {
+#page.minichat #conversations .titre .nav .creerLien {
float: right
}
-#page.minichat #conversations .titre .lien:after {
+#page.minichat #conversations .titre .nav .creerLien:after {
content: "c"
}
-#page.minichat #conversations .titre .lien,
-#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 {
+ display: none;
+}
+#page.minichat #conversations .titre .nav .creerLien,
+#page.minichat #conversations .titre .nav .next,
+#page.minichat #conversations .titre .nav .prev,
+#page.minichat #conversations .titre .nav .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 {
+#page.minichat #conversations .titre .nav .creerLien:hover,
+#page.minichat #conversations .titre .nav .next:hover,
+#page.minichat #conversations .titre .nav .prev:hover,
+#page.minichat #conversations .titre .nav .numPage:hover {
background-color: #7c6e2e
}
/***** Les messages *****/
+#page.minichat div.message {
+ border-left-width: 5px;
+ border-left-style: solid;
+ border-color: transparent;
+ padding-right: 5px;
+ padding-left: 4px;
+ cursor: pointer;
+}
+#page.minichat div.messageImpair {
+ background-color: #05002c;
+}
+#page.minichat div.messagePair {
+ background-color: #080047;
+}
+#page.minichat div.cache {
+ opacity: 0.3;
+
+ /* Hack IE 7 */
+ filter: alpha(opacity = 30);
+ zoom: 1
+}
+#page.minichat div.message.reponse {
+ border-color: #bf2911
+}
+#page.minichat div.message.repondu {
+ border-color: #84196c
+}
+#page.minichat div.message.proprietaire {
+ border-color: #31732f
+}
+#page.minichat div.message.repondEnEvidence {
+ background-color: #261983 !important
+}
+#page.minichat div.message.systeme {
+ background-color: #931212
+}
#page.minichat div.message a {
font-weight: bold;
}
#page.minichat div.systeme .pseudo {
color: #CCCCCC
}
-#page.minichat #conversations .repondA {
+#page.minichat .repondA {
color: #bd7a11;
margin-right: 3px;
}
-#page.minichat #conversations .repondA:after {
+#page.minichat .repondA:after {
content: ">"
}
-#page.minichat #conversations .extraire {
+#page.minichat #outilsMess {
+ width: 30px;
+ position: absolute;
+ display: none
+}
+#page.minichat #outilsMess .extraire,
+#page.minichat #outilsMess .extraireCompletement {
float: right;
padding-right: 2px;
padding-left: 2px;
background-color: #4f5519;
}
-#page.minichat #conversations .extraire:after {
+#page.minichat #outilsMess .extraire:hover,
+#page.minichat #outilsMess .extraireCompletement:hover:hover {
+ background-color: #818c27
+}
+#page.minichat #outilsMess .extraire:after {
content: ">"
}
-#page.minichat #conversations .extraire:hover {
- background-color: #818c27
+#page.minichat #outilsMess .extraireCompletement:after {
+ content: "#"
}