projects / euphorik.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
FIX il manquait le dernier message à l'affichage (problème dans euphorik_minichat_con...
[euphorik.git] / css / 2 / pageMinichat.css
diff --git a/css/2/pageMinichat.css b/css/2/pageMinichat.css
index 2bbfbeb..d9ae80a 100755 (executable)
--- a/css/2/pageMinichat.css
+++ b/css/2/pageMinichat.css
@@ -16,149 +16,217 @@
        height: 100%;
        background-color: #FFFFFF;
 }
-\r
-#page.minichat #smiles img {\r
-       cursor: pointer;\r
+
+#page.minichat #smiles img {
+       cursor: pointer;
        opacity: 0.5;
-       margin-right:1px;\r
-}\r
+       margin-right:1px;
+}
 
 #page.minichat .titreSmiles:hover {
        background-color: #2d8800;
-}\r
-\r
-#page.minichat form {\r
-   text-align: left;\r
-   margin-bottom: 15px;\r
-   padding-left: 10px;\r
-}\r
-\r
-#page.minichat form .pseudo {\r
-   margin-right: 5px;\r
-}\r
-\r
-#page.minichat form .message {\r
-   margin-right: 5px;\r
-}\r
-\r
-#page.minichat form .return {\r
-       height: 15px;\r
+}
+
+#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-color: #BBBBBB;\r
-       background-image: url(../../img/css1/return.png);\r
-       background-repeat: no-repeat;\r
-       background-position: 5px 2px;\r
-       vertical-align: top;\r
-}\r
-
-#page.minichat #messages div.message { \r
-       border-left-width: 5px;\r
-       border-left-style: solid;\r
+       background-color: #BBBBBB;
+       background-image: url(../../img/css1/return.png);
+       background-repeat: no-repeat;
+       background-position: 5px 2px;
+       vertical-align: top;
+}
+
+/* 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%;
+}
+
+#page.minichat #conversations div.message {
+       border-left-width: 5px;
+       border-left-style: solid;
        border-color: transparent;
        text-align: left;
-       padding-right: 8px;
-       padding-left: 4px;\r
+       padding-right: 5px;
+       padding-left: 4px;
        cursor: pointer;
 }
-\r
-#page.minichat #messages div.messageImpair {\r
-   background-color: #e4e1ff;\r
-}\r
-\r
-#page.minichat #messages div.messagePair {\r
-   background-color: #eceaf7;\r
-}
-\r
-/* Il n'y a plus de mise en evidence
-#page.minichat #messages div.miseEnEvidenceReponse {
-       background-color: #bd7a11;
-}
-#page.minichat #messages div.miseEnEvidenceCourant {
-       background-color: #bd1129;
-}
-#page.minichat #messages div.miseEnEvidenceConversation {
-       background-color: #b711bd;
-}*/\r
+
+#page.minichat #conversations div.messageImpair {
+   background-color: #e4e1ff;
+}
+
+#page.minichat #conversations div.messagePair {
+   background-color: #eceaf7;
+}
+
+#page.minichat #conversations div.cache {
+       opacity: 0.3;
        
-#page.minichat #messages div.cache {
-       opacity: 0.3;\r
-       \r
-       /* Hack IE 7 */ \r
-       filter: alpha(opacity = 30);\r
+       /* Hack IE 7 */ 
+       filter: alpha(opacity = 30);
        zoom: 1
 }
-\r
-#page.minichat #messages div.reponse {\r
-       border-color: #d2ad73\r
-}\r
-#page.minichat #messages div.repondu {\r
-       border-color: #d066d4   \r
-}\r
-#page.minichat #messages div.proprietaire {\r
-       border-color: #d74a5e\r
-}
-#page.minichat #messages div.systeme {
+
+#page.minichat #conversations div.reponse {
+       border-color: #d2ad73
+}
+#page.minichat #conversations div.repondu {
+       border-color: #d066d4   
+}
+#page.minichat #conversations div.proprietaire {
+       border-color: #d74a5e
+}
+#page.minichat #conversations div.systeme {
        background-color: #b1b1b1
-}\r
-\r
-#page.minichat div.message a {\r
-       font-weight: bold;\r
-}\r
-\r
-#page.minichat .date {\r
-   display: inline;\r
-   color: #cf6f21;\r
-   margin-right: 3px;\r
-   margin-left: 3px;\r
-}\r
-\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
-   color: #2b5715;\r
+}
+
+#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: #cf6f21;
+   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: #2b5715;
 }
 
 #page.minichat div.systeme .pseudo {
        color: #CCCCCC
-}\r
-\r
-/* Ca marche pas :(\r
-#page.minichat div.message .pseudo {\r
-       min-width: 50px;\r
-       height:100px;\r
-}*/\r
-
-#page.minichat #messages .repondA {
-   display: inline;
+}
+
+/* Ca marche pas :(
+#page.minichat div.message .pseudo {
+       min-width: 50px;
+       height:100px;
+}*/
+
+#page.minichat #conversations .repondA {
    margin-left: 4px;
    color: #95600d
 }
-\r
-#page.minichat #messages .contenu {\r
-   display: inline;\r
-}\r
-\r
-#page.minichat #pages {\r
-       margin-top: 10px;\r
-}\r
-\r
-#page.minichat #pages span {\r
-       padding-right : 5px;\r
-       padding-left: 5px;\r
-       color: #7169ae;\r
-       cursor:pointer;\r
-}\r
-\r
-#page.minichat #pages span.pageCourante {\r
-       font-weight: bold;\r
-       font-size: 150%;\r
-}\r
-\r
-#page.minichat #pages span:hover {\r
-       font-size: 150%;\r
-       color: #ada9cf;\r
-}\r
-\r
+
+/*#page.minichat #conversations .contenu {
+   display: inline;
+}*/
+
+#page.minichat #conversations .extraire {
+       float: right;
+       padding-right: 2px;
+       padding-left: 2px;
+       background-color: #cac5f8;
+}
+
+#page.minichat #conversations .extraire:hover {
+       background-color: #dfdcfd;
+       color: #a2a2a2
+}
+
+#page.minichat #conversations .titre {
+       padding-right: 8px;
+       background-color: #dedde8
+}
+
+#page.minichat #conversations .titre .fermer {
+       float: right;
+       padding-right: 5px;
+       padding-left: 5px;
+       background-color: #cac5f8;
+       color: #ff0000;
+       cursor: pointer;
+}
+
+#page.minichat #conversations .titre .fermer:hover {
+       background-color: #dddaf8;
+       color: #ffAAAA;
+}      
+
+#page.minichat #conversations .titre .next,
+#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: #cac5f8;
+       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: #dddaf8;
+       color: #a2a2a2;
+}
+
+#page.minichat #pages {
+       margin-top: 10px;
+}
+
+#page.minichat #pages span {
+       padding-right : 4px;
+       padding-left: 4px;
+       color: #7169ae;
+       cursor:pointer;
+}
+
+#page.minichat #pages span.pageCourante {
+       font-weight: bold;
+       font-size: 150%;
+}
+
+#page.minichat #pages span:hover {
+       font-size: 150%;
+       color: #ada9cf;
+}
+
Website http://www.euphorik.ch