ADD un objet permettant l'attente des événements. Utilisé pour la page 'chat' et...
[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: 11px;
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 height: auto;
23 margin-left: 10px;
24 margin-right: 10px;
25 margin-top: 40px;
26 }
27
28 #menu {
29 position: absolute;
30 z-index: 10;
31 font-size: 10px;
32 left: 350px;
33 text-align: left;
34 }
35 #menu div {
36 cursor: pointer;
37 display: inline;
38 padding: 2px;
39 margin-left: 2px;
40 background-color: #00eaa0;
41 }
42 #menu div.courante {
43 background-color: #00ea48;
44 }
45 #menu div:hover
46 {
47 background-color: #00ea48
48 }
49
50 #menuCss {
51 position: absolute;
52 z-index: 10;
53 left: 600px;
54 top:0px;
55 border: 1px;
56 background-color: #FFFFFF;
57 border: #00eaa0 1px solid;
58 color: #4b4b4b;
59 font-size: 10px;
60 }
61
62 #page {
63 position: relative;
64 padding: 20px 0px 15px 0px;
65 font-size: 11px;
66 background-color: #eff4f8;
67 }
68
69 #logo {
70 z-index: 10;
71 background-image: url(../../img/css2/logo.png);
72 width: 253px;
73 height: 37px;
74 position: absolute;
75 top: 5px;
76 left: 5px;
77 }
78
79 #footer {
80 text-align: right;
81 }
82 #footer a img{
83 border-style: none;
84 }
85
86 div#info {
87 width:100%;
88 position: fixed;
89 left: 0px;
90 top: 0px;
91 background-color: #FFFFFF;
92 border-bottom: 1px solid #aeaeae;
93 z-index: 20;
94 }
95
96 div#info .fermer {
97 float:right;
98 cursor: pointer;
99 height:16px;
100 width: 16px;
101 background-image: url(../../img/fermer.gif)
102 }
103
104 div#info #icone {
105 float:left;
106 height:16px;
107 width: 16px;
108 }
109 div#info #icone.interrogation {
110 background-image: url(../../img/interrogation.gif)
111 }
112 div#info #icone.information {
113 background-image: url(../../img/information.gif)
114 }
115 div#info #icone.exclamation {
116 background-image: url(../../img/exclamation.gif)
117 }
118
119 div#info .boutons {
120 padding: 1px;
121 }
122
123 div#info .boutons div {
124 cursor: pointer;
125 background-color: #ff7070;
126 display: inline;
127 padding: 0px 5px 0px 5px;
128 margin: 0px 5px 0px 5px;
129 }
130 div#info .boutons div:hover {
131 background-color: #ffaeae;
132 }
133
134 .captcha {
135 display:none
136 }
137
138 /* Obsolète
139 #captcha {
140 margin-bottom: 5px;
141 }
142 #captcha input {
143 margin-left: 5px;
144 }
145 #captcha .captchaImg {
146 background-color: #FFFFFF;
147 vertical-align: bottom;
148 }*/
149
150 form input,
151 form button {
152 background-color: #FFFFFF;
153 border: #00eaa0 1px solid;
154 color: #4b4b4b;
155 font-size: 12px;
156 }
157
158 a {
159 text-decoration: none;
160 }
161 a:link {
162 color: #4332c1;
163 }
164 a:visited {
165 color: #4332c1;
166 }
167 a:hover {
168 color: #ffad0f;
169 }
170 a:active {
171 color: #ffad0f;
172 }
173