X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=css%2F2%2FpageMinichat.css;h=d9ae80a3a03991996954dc5b7851f148afa140f5;hp=2bbfbeb8792792a96e903304708710130100b230;hb=c39e55c505a27e30209fcfb6d837d6ec8a82b990;hpb=fb1166f6fcf86e40a94f5d88aaed398603615f28

diff --git a/css/2/pageMinichat.css b/css/2/pageMinichat.css
index 2bbfbeb..d9ae80a 100755
--- a/css/2/pageMinichat.css
+++ b/css/2/pageMinichat.css
@@ -16,149 +16,217 @@
 	height: 100%;
 	background-color: #FFFFFF;
 }
-
-#page.minichat #smiles img {
-	cursor: pointer;
+
+#page.minichat #smiles img {
+	cursor: pointer;
 	opacity: 0.5;
-	margin-right:1px;
-}
+	margin-right:1px;
+}
 
 #page.minichat .titreSmiles:hover {
 	background-color: #2d8800;
-}
-
-#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;
+}
+
+#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;
-	background-image: url(../../img/css1/return.png);
-	background-repeat: no-repeat;
-	background-position: 5px 2px;
-	vertical-align: top;
-}
-
-#page.minichat #messages div.message {	
-	border-left-width: 5px;
-	border-left-style: solid;
+	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;
+	padding-right: 5px;
+	padding-left: 4px;
 	cursor: pointer;
 }
-
-#page.minichat #messages div.messageImpair {
-   background-color: #e4e1ff;
-}
-
-#page.minichat #messages div.messagePair {
-   background-color: #eceaf7;
-}
-
-/* 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;
-}*/
+
+#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;
-	
-	/* Hack IE 7 */	
-	filter: alpha(opacity = 30);
+	/* Hack IE 7 */	
+	filter: alpha(opacity = 30);
 	zoom: 1
 }
-
-#page.minichat #messages div.reponse {
-	border-color: #d2ad73
-}
-#page.minichat #messages div.repondu {
-	border-color: #d066d4	
-}
-#page.minichat #messages div.proprietaire {
-	border-color: #d74a5e
-}
-#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
-}
-
-#page.minichat div.message a {
-	font-weight: bold;
-}
-
-#page.minichat .date {
-   display: inline;
-   color: #cf6f21;
-   margin-right: 3px;
-   margin-left: 3px;
-}
-
-#page.minichat div.message .pseudo,
-#page.minichat form .pseudo {
-   display: inline;
-   margin-left: 4px;
-   margin-right: 2px;
-   font-weight: bold;
-   color: #2b5715;
+}
+
+#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
-}
-
-/* Ca marche pas :(
-#page.minichat div.message .pseudo {
-	min-width: 50px;
-	height:100px;
-}*/
-
-#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
 }
-
-#page.minichat #messages .contenu {
-   display: inline;
-}
-
-#page.minichat #pages {
-	margin-top: 10px;
-}
-
-#page.minichat #pages span {
-	padding-right : 5px;
-	padding-left: 5px;
-	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;
-}
-
+
+/*#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;
+}
+