MOD adaptation du skin dark
[euphorik.git] / styles / 2 / pageMinichat.css
index 8b9f617..366023a 100755 (executable)
        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: #841919 1px solid;
+    width: 50%;
+    display:none;
+}
+#page.minichat #outilsMess {
+       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 #outilsMess .extraire:hover,
+#page.minichat #outilsMess .extraireCompletement:hover:hover {
+       background-color: #818c27
+}
+#page.minichat #outilsMess .extraire:after {
+       content: ">"
+}
+#page.minichat #outilsMess .extraireCompletement:after {
+       content: "#"
+}
 
 /***** 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%
+       width: 100%;
+    border-spacing: 0px;
+    background-color:#000000;
+}
+#page.minichat.orderChrono #conversations td
+{
+    vertical-align: bottom
+}
+#page.minichat.orderReverse  #conversations td
+{
+    vertical-align: top
+}
+#page.minichat.orderChrono #conversations .titre {
+   border-bottom: 1px dashed white
+}
+#page.minichat.orderReverse #conversations .titre {
+   border-top: 1px dashed white
+}
+#page.minichat #conversations .titre .nav {
+       text-align: center;
+       padding-right: 8px;
+       background-color: #4b4215;
 }
-#page.minichat #conversations .conversation {
+/*#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 .nav .fermer:after {
+       content: "x"
+}
+#page.minichat #conversations .titre .nav .fermer:hover {
+       background-color: #c95656
+}
+#page.minichat #conversations .titre .nav .creerLien {
+       float: right
+}
+#page.minichat #conversations .titre .nav .creerLien:after {
+       content: "c"
+}
+#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 div.message {
+#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-left: 4px;
        cursor: pointer;
 }
-#page.minichat #conversations div.messageImpair {
+#page.minichat div.messageImpair {
    background-color: #05002c;
 }
-#page.minichat #conversations div.messagePair {
+#page.minichat div.messagePair {
    background-color: #080047;
 }
 #page.minichat #conversations div.cache {
        filter: alpha(opacity = 30);
        zoom: 1
 }
-#page.minichat #conversations div.reponse {
+#page.minichat div.reponse {
        border-color: #bf2911
 }
-#page.minichat #conversations div.repondu {
+#page.minichat div.repondu {
        border-color: #84196c   
 }
-#page.minichat #conversations div.proprietaire {
+#page.minichat div.proprietaire {
        border-color: #31732f
 }
-#page.minichat #conversations div.systeme {
+#page.minichat div.systeme {
        background-color: #555555
 }
-#page.minichat #conversations .titre {
-       text-align: center;
-       padding-right: 8px;
-       background-color: #4b4215
-}
-#page.minichat #conversations .titre .fermer {
-       float: right;
-       padding-right: 5px;
-       padding-left: 5px;
-       background-color: #7d1b1b;
-       cursor: pointer;
-}
-#page.minichat #conversations .titre .fermer:after {
-       content: "x"
-}
-#page.minichat #conversations .titre .fermer:hover {
-       background-color: #c95656
-}      
-#page.minichat #conversations .titre .next,
-#page.minichat #conversations .titre .prev {
-       display: none;
-}
-#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: #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
-}
-
-/***** Les messages *****/
 #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 {
-       content: ">"
-}
-#page.minichat #conversations .extraire {
-       float: right;
-       padding-right: 2px;
-       padding-left: 2px;
-       background-color: #4f5519;
-}
-#page.minichat #conversations .extraire:after {
+#page.minichat.repondA:after {
        content: ">"
 }
-#page.minichat #conversations .extraire:hover {
-       background-color: #818c27
-}