ADD support des conversations (pas fini)
[euphorik.git] / css / 1 / pageMinichat.css
1
2 #page.minichat img {
3 margin: 0px;
4 vertical-align: bottom;
5 }
6
7 #page.minichat #smiles {
8 border-width: 1px 0px 1px 0px;
9 border-color: #253f18;
10 border-style: solid;
11 margin-bottom: 10px;
12 padding: 1px;
13 height: 100%;
14 background-color: #0c2003;
15 }
16
17 #page.minichat #smiles img {
18 cursor: pointer;
19 opacity: 0.5;
20 }
21
22 #page.minichat .titreSmiles:hover {
23 background-color: #2d8800;
24 }
25
26 #page.minichat form {
27 text-align: left;
28 margin-bottom: 15px;
29 padding-left: 10px;
30 }
31
32 #page.minichat form .pseudo {
33 margin-right: 5px;
34 }
35
36 #page.minichat form .message {
37 margin-right: 5px;
38 }
39
40 #page.minichat form .return {
41 height: 15px;
42 width: 32px;
43 background-image: url(../../img/css1/return.png);
44 background-repeat: no-repeat;
45 background-position: 5px 2px;
46 vertical-align: top;
47 }
48
49 #page.minichat #conversations .conversation {
50 border-width: 2px;
51 border-style: solid;
52 border-color: white
53 }
54
55 #page.minichat #conversations div.message {
56 border-left-width: 5px;
57 border-left-style: solid;
58 border-color: transparent;
59 text-align: left;
60 padding-right: 8px;
61 padding-left: 4px;
62 cursor: pointer;
63 }
64
65 #page.minichat #conversations div.messageImpair {
66 background-color: #05002c;
67 }
68
69 #page.minichat #conversations div.messagePair {
70 background-color: #080047;
71 }
72
73 /* Il n'y a plus de mise en evidence
74 #page.minichat #conversations div.miseEnEvidenceReponse {
75 background-color: #bd7a11;
76 }
77 #page.minichat #conversations div.miseEnEvidenceCourant {
78 background-color: #bd1129;
79 }
80 #page.minichat #conversations div.miseEnEvidenceConversation {
81 background-color: #b711bd;
82 }*/
83
84 #page.minichat #conversations div.cache {
85 opacity: 0.3;
86
87 /* Hack IE 7 */
88 filter: alpha(opacity = 30);
89 zoom: 1
90 }
91
92 #page.minichat #conversations div.reponse {
93 border-color: #bd7a11
94 }
95 #page.minichat #conversations div.repondu {
96 border-color: #b711bd
97 }
98 #page.minichat #conversations div.proprietaire {
99 border-color: #bd1129
100 }
101 #page.minichat #conversations div.systeme {
102 background-color: #555555
103 }
104
105 #page.minichat div.message a {
106 font-weight: bold;
107 }
108
109 #page.minichat .date {
110 display: inline;
111 color: #fd913b;
112 margin-right: 3px;
113 margin-left: 3px;
114 }
115
116 #page.minichat div.message .pseudo,
117 #page.minichat form .pseudo {
118 display: inline;
119 margin-left: 4px;
120 margin-right: 2px;
121 font-weight: bold;
122 color: #76ff33;
123 }
124
125 #page.minichat div.systeme .pseudo {
126 color: #CCCCCC
127 }
128
129 /* Ca marche pas :(
130 #page.minichat div.message .pseudo {
131 min-width: 50px;
132 height:100px;
133 }*/
134
135 #page.minichat #conversations .repondA {
136 display: inline;
137 margin-left: 4px;
138 color: #bd7a11
139 }
140
141 #page.minichat #conversations .contenu {
142 display: inline;
143 }
144
145 #page.minichat #conversations .extraire {
146 float: right;
147 padding-right: 2px;
148 padding-left: 2px;
149 background-color: #4f5519;
150 }
151
152 #page.minichat #conversations .extraire:hover {
153 background-color: #818c27
154 }
155
156 #page.minichat #pages {
157 margin-top: 10px;
158 }
159
160 #page.minichat #pages span {
161 padding-right : 5px;
162 padding-left: 5px;
163 color: #7664ff;
164 cursor:pointer;
165 }
166
167 #page.minichat #pages span.pageCourante {
168 font-weight: bold;
169 font-size: 150%;
170 }
171
172 #page.minichat #pages span:hover {
173 font-size: 150%;
174 color: #ffad0f;
175 }
176