MOD fin du système de page et cleanage du code

[euphorik.git] / css / 1 / pageMinichat.css

diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css
index d031b7f..e24092c 100755 (executable)
--- a/css/1/pageMinichat.css
+++ b/css/1/pageMinichat.css
@@ -44,38 +44,52 @@
        background-repeat: no-repeat;\r
        background-position: 5px 2px;\r
        vertical-align: top;\r
+}
+
+/* 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%;
 }\r
 
-#page.minichat #messages div.message { \r
+#page.minichat #conversations div.message {\r
        border-left-width: 5px;\r
        border-left-style: solid;\r
        border-color: transparent;
        text-align: left;
-       padding-right: 8px;
+       padding-right: 5px;
        padding-left: 4px;\r
        cursor: pointer;
 }
 \r
-#page.minichat #messages div.messageImpair {\r
+#page.minichat #conversations div.messageImpair {\r
    background-color: #05002c;\r
 }\r
 \r
-#page.minichat #messages div.messagePair {\r
+#page.minichat #conversations div.messagePair {\r
    background-color: #080047;\r
 }
 \r
 /* Il n'y a plus de mise en evidence
-#page.minichat #messages div.miseEnEvidenceReponse {
+#page.minichat #conversations div.miseEnEvidenceReponse {
        background-color: #bd7a11;
 }
-#page.minichat #messages div.miseEnEvidenceCourant {
+#page.minichat #conversations div.miseEnEvidenceCourant {
        background-color: #bd1129;
 }
-#page.minichat #messages div.miseEnEvidenceConversation {
+#page.minichat #conversations div.miseEnEvidenceConversation {
        background-color: #b711bd;
 }*/\r
        
-#page.minichat #messages div.cache {
+#page.minichat #conversations div.cache {
        opacity: 0.3;\r
        \r
        /* Hack IE 7 */ \r
@@ -83,16 +97,16 @@
        zoom: 1
 }
 \r
-#page.minichat #messages div.reponse {\r
+#page.minichat #conversations div.reponse {\r
        border-color: #bd7a11\r
 }\r
-#page.minichat #messages div.repondu {\r
+#page.minichat #conversations div.repondu {\r
        border-color: #b711bd   \r
 }\r
-#page.minichat #messages div.proprietaire {\r
+#page.minichat #conversations div.proprietaire {\r
        border-color: #bd1129\r
 }
-#page.minichat #messages div.systeme {
+#page.minichat #conversations div.systeme {
        background-color: #555555
 }\r
 \r
@@ -101,7 +115,6 @@
 }\r
 \r
 #page.minichat .date {\r
-   display: inline;\r
    color: #fd913b;\r
    margin-right: 3px;\r
    margin-left: 3px;\r
@@ -109,7 +122,6 @@
 \r
 #page.minichat div.message .pseudo,\r
 #page.minichat form .pseudo {\r
-   display: inline;\r
    margin-left: 4px;\r
    margin-right: 2px;\r
    font-weight: bold;\r
@@ -126,23 +138,71 @@
        height:100px;\r
 }*/\r
 
-#page.minichat #messages .repondA {
-   display: inline;
+#page.minichat #conversations .repondA {
    margin-left: 4px;
    color: #bd7a11
 }
 \r
-#page.minichat #messages .contenu {\r
+/*#page.minichat #conversations .contenu {\r
    display: inline;\r
+}*/
+
+#page.minichat #conversations .extraire {
+       float: right;
+       padding-right: 2px;
+       padding-left: 2px;
+       background-color: #4f5519;
+}
+
+#page.minichat #conversations .extraire:hover {
+       background-color: #818c27
+}
+
+#page.minichat #conversations .titre {
+       padding-right: 8px;
+       background-color: #4b4215
+}
+
+#page.minichat #conversations .titre .fermer {
+       float: right;
+       padding-right: 5px;
+       padding-left: 5px;
+       background-color: #c90000;
+       cursor: pointer;
 }\r
+
+#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 .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 .next:hover,
+#page.minichat #conversations .titre .prev:hover,
+#page.minichat #conversations .titre .numPage:hover {
+       background-color: #7c6e2e
+}
+
 \r
 #page.minichat #pages {\r
        margin-top: 10px;\r
 }\r
 \r
 #page.minichat #pages span {\r
-       padding-right : 5px;\r
-       padding-left: 5px;\r
+       padding-right : 4px;\r
+       padding-left: 4px;\r
        color: #7664ff;\r
        cursor:pointer;\r
 }\r