MOD de la BD, mémorisation des conversations ouvertes pour chaque utilisateur
[euphorik.git] / css / 2 / euphorik.css
1 @import url(../common.css);
2 @import url(pageMinichat.css);
3 @import url(pageProfileRegister.css);
4
5 * {
6 padding: 0;
7 margin: 0;
8 }
9
10 body {
11 font-family: sans-serif;
12 font-size: 10pt;
13 color: #4b4b4b;
14 text-align: center; /* uniquement pour IE */
15 background-color: #e5e1ff;
16 background-image: url(../../img/css2/fond.png);
17 background-repeat: repeat-x;
18 }
19
20 #container {
21 position: relative;
22 width: 700px;
23 height: auto;
24 margin-left: auto;
25 margin-right: auto;
26 margin-top: 20px;
27 }
28
29 #menu {
30 position: absolute;
31 z-index: 10;
32 font-size: 8pt;
33 left: 350px;
34 text-align: left;
35 }
36
37 #menu div {
38 cursor: pointer;
39 display: inline;
40 padding: 2px;
41 margin-left: 2px;
42 background-color: #00eaa0;
43 }
44
45 #menu div.courante {
46 background-color: #00ea48;
47 }
48 #menu div:hover,
49 #menuCss div:hover
50 {
51 background-color: #00ea48
52 }
53
54 #menuCss {
55 position: absolute;
56 left: 600px;
57 top: -5px;
58 z-index: 10;
59 }
60
61 #menuCss div {
62 cursor: pointer;
63 display: inline;
64 font-size: 8pt;
65 margin-left: 4px;
66 margin-right: 4px;
67 }
68
69 #page {
70 position: relative;
71 padding: 20px 0px 15px 0px;
72 font-size: 8pt;
73 background-color: #eff4f8;
74 }
75
76 #logo {
77 z-index: 10;
78 background-image: url(../../img/css2/logo.png);
79 width: 253px;
80 height: 37px;
81 position: absolute;
82 top: 5px;
83 left: 5px;
84 }
85
86 #footer {
87 text-align: right;
88 }
89 #footer a img{
90 border-style: none;
91 }
92
93 div#info {
94 width:100%;
95 position: fixed;
96 left: 0px;
97 top: 0px;
98 background-color: #FFFFFF;
99 border-bottom: 1px solid #aeaeae;
100 z-index: 20;
101 }
102
103 div#info .fermer {
104 float:right;
105 cursor: pointer;
106 height:16px;
107 width: 16px;
108 background-image: url(../../img/fermer.gif)
109 }
110
111 div#info #icone {
112 float:left;
113 height:16px;
114 width: 16px;
115 }
116 div#info #icone.interrogation {
117 background-image: url(../../img/interrogation.gif)
118 }
119 div#info #icone.information {
120 background-image: url(../../img/information.gif)
121 }
122 div#info #icone.exclamation {
123 background-image: url(../../img/exclamation.gif)
124 }
125
126 div#info .boutons {
127 padding: 1px;
128 }
129
130 div#info .boutons div {
131 cursor: pointer;
132 background-color: #ff7070;
133 display: inline;
134 padding: 0px 5px 0px 5px;
135 margin: 0px 5px 0px 5px;
136 }
137 div#info .boutons div:hover {
138 background-color: #ffaeae;
139 }
140
141 .captcha {
142 display:none
143 }
144
145 /* Obsolète
146 #captcha {
147 margin-bottom: 5px;
148 }
149 #captcha input {
150 margin-left: 5px;
151 }
152 #captcha .captchaImg {
153 background-color: #FFFFFF;
154 vertical-align: bottom;
155 }*/
156
157 form input,
158 form button {
159 background-color: #FFFFFF;
160 border: #00eaa0 1px solid;
161 color: #4b4b4b;
162 font-size: 9pt;
163 }
164
165 a {
166 text-decoration: none;
167 }
168 a:link {
169 color: #4332c1;
170 }
171 a:visited {
172 color: #4332c1;
173 }
174 a:hover {
175 color: #ffad0f;
176 }
177 a:active {
178 color: #ffad0f;
179 }
180