projects
/
euphorik.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
MOD gestion des pages (pas fini)
[euphorik.git]
/
css
/
1
/
pageMinichat.css
diff --git
a/css/1/pageMinichat.css
b/css/1/pageMinichat.css
index
182b9b0
..
d965d6a
100755
(executable)
--- a/
css/1/pageMinichat.css
+++ b/
css/1/pageMinichat.css
@@
-46,18
+46,26
@@
vertical-align: top;
\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 {
#page.minichat #conversations .conversation {
- border-width:
2
px;
+ border-width:
0
px;
border-style: solid;
border-style: solid;
- border-color: white
+ border-color: white;
+ float: left;
+ width: 100%;
}
\r
}
\r
-#page.minichat #conversations 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;
border-left-width: 5px;
\r
border-left-style: solid;
\r
border-color: transparent;
text-align: left;
- padding-right:
8
px;
+ padding-right:
5
px;
padding-left: 4px;
\r
cursor: pointer;
}
padding-left: 4px;
\r
cursor: pointer;
}
@@
-107,7
+115,6
@@
}
\r
\r
#page.minichat .date {
\r
}
\r
\r
#page.minichat .date {
\r
- display: inline;
\r
color: #fd913b;
\r
margin-right: 3px;
\r
margin-left: 3px;
\r
color: #fd913b;
\r
margin-right: 3px;
\r
margin-left: 3px;
\r
@@
-115,7
+122,6
@@
\r
#page.minichat div.message .pseudo,
\r
#page.minichat form .pseudo {
\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
margin-left: 4px;
\r
margin-right: 2px;
\r
font-weight: bold;
\r
@@
-133,14
+139,13
@@
}*/
\r
#page.minichat #conversations .repondA {
}*/
\r
#page.minichat #conversations .repondA {
- display: inline;
margin-left: 4px;
color: #bd7a11
}
\r
margin-left: 4px;
color: #bd7a11
}
\r
-#page.minichat #conversations .contenu {
\r
+
/*
#page.minichat #conversations .contenu {
\r
display: inline;
\r
display: inline;
\r
-}
+}
*/
#page.minichat #conversations .extraire {
float: right;
#page.minichat #conversations .extraire {
float: right;
@@
-151,15
+156,38
@@
#page.minichat #conversations .extraire:hover {
background-color: #818c27
#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
}
\r
-
\r
+
+#page.minichat #conversations .titre .fermer:hover {
+ background-color: #c95656
+}
+
+#page.minichat #conversations .titre .next,
+#page.minichat #conversations .titre .prev
+{
+ display:none
+}
+
\r
#page.minichat #pages {
\r
margin-top: 10px;
\r
}
\r
\r
#page.minichat #pages span {
\r
#page.minichat #pages {
\r
margin-top: 10px;
\r
}
\r
\r
#page.minichat #pages span {
\r
- padding-right :
5
px;
\r
- padding-left:
5
px;
\r
+ padding-right :
4
px;
\r
+ padding-left:
4
px;
\r
color: #7664ff;
\r
cursor:pointer;
\r
}
\r
color: #7664ff;
\r
cursor:pointer;
\r
}
\r