X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=css%2F1%2FpageMinichat.css;h=e24092c892d7ac24c1eebc8e52252eec03c44238;hb=86c0fb538b1e7e62c2ffe667735e554cf6c4b244;hp=182b9b0dc78feee5a9d1241bcdc387629e98f4d1;hpb=cded85bdaf899cef1ba38d2ee6fd24c67f2abc52;p=euphorik.git

diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css
index 182b9b0..e24092c 100755
--- a/css/1/pageMinichat.css
+++ b/css/1/pageMinichat.css
@@ -46,18 +46,26 @@
 	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: 2px;
+	border-width: 0px;
 	border-style: solid;
-	border-color: white
+	border-color: white;
+	float: left;
+	width: 100%;
 }
 
-#page.minichat #conversations div.message {	
+#page.minichat #conversations div.message {
 	border-left-width: 5px;
 	border-left-style: solid;
 	border-color: transparent;
 	text-align: left;
-	padding-right: 8px;
+	padding-right: 5px;
 	padding-left: 4px;
 	cursor: pointer;
 }
@@ -107,7 +115,6 @@
 }
 
 #page.minichat .date {
-   display: inline;
    color: #fd913b;
    margin-right: 3px;
    margin-left: 3px;
@@ -115,7 +122,6 @@
 
 #page.minichat div.message .pseudo,
 #page.minichat form .pseudo {
-   display: inline;
    margin-left: 4px;
    margin-right: 2px;
    font-weight: bold;
@@ -133,14 +139,13 @@
 }*/
 
 #page.minichat #conversations .repondA {
-   display: inline;
    margin-left: 4px;
    color: #bd7a11
 }
 
-#page.minichat #conversations .contenu {
+/*#page.minichat #conversations .contenu {
    display: inline;
-}
+}*/
 
 #page.minichat #conversations .extraire {
 	float: right;
@@ -151,15 +156,53 @@
 
 #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;
 }
+
+#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
+}
+
 
 #page.minichat #pages {
 	margin-top: 10px;
 }
 
 #page.minichat #pages span {
-	padding-right : 5px;
-	padding-left: 5px;
+	padding-right : 4px;
+	padding-left: 4px;
 	color: #7664ff;
 	cursor:pointer;
 }