ADD un objet permettant l'attente des événements. Utilisé pour la page 'chat' et...
[euphorik.git] / css / 1 / euphorik.css
1 @import url(../common.css);
2 @import url(pageMinichat.css);
3 @import url(pageAdmin.css);
4 @import url(pageProfileRegister.css);
5 @import url(pageAbout.css);
6
7
8 * {
9 padding: 0;
10 margin: 0;
11 }
12
13 body {
14 font-family: sans-serif;
15 font-size: 12px;
16 color: #EEEEEE;
17 text-align: center; /* uniquement pour IE */
18 background-color: #DFDFDF;
19 background-image: url(../../img/css1/fond.png)
20 }
21
22 #container {
23 position: relative;
24 height: auto;
25 margin-left: 10px;
26 margin-right: 10px;
27 margin-top: 40px;
28 }
29
30 #menu {
31 position: absolute;
32 z-index: 10;
33 top: 2px;
34 left: 300px;
35 font-size: 11px;
36 background-color: #000000;
37 text-align: left;
38 }
39 #menu div {
40 cursor: pointer;
41 display: inline;
42 padding: 2px;
43 margin-left: 2px;
44 background-color: #4f5519;
45 }
46 #menu div.courante {
47 background-color: #818c27;
48 }
49 #menu div:hover {
50 background-color: #818c27
51 }
52
53 #menuCss {
54 position: absolute;
55 z-index: 10;
56 left: 600px;
57 top:0px;
58 font-size: 9px;
59 }
60
61 #page {
62 position: relative;
63 font-size: 12px;
64 background-color: #000000;
65 text-align : left;
66 padding: 30px 10px 15px 10px;
67 }
68
69 #page > h1 {
70 margin-top: 10px;
71 margin-left: 0px;
72 font-size: 18px;
73 color : #a6b80e
74 }
75
76 #page > h2 {
77 margin-top: 10px;
78 margin-left: 10px;
79 font-size: 16px;
80 color : #899714;
81 }
82
83 #page > h3 {
84 margin-top: 10px;
85 margin-left: 20px;
86 font-size: 14px;
87 color : #79841a;
88 background-color : #1e2201
89 }
90
91 #page > h4 {
92 margin-top: 10px;
93 margin-left: 25px;
94 font-size: 12px;
95 color : #646d1d
96 }
97
98 #page > p {
99 margin-top: 3px;
100 margin-left: 35px;
101 color : #e9e9e9
102 }
103
104 #page > ul {
105 margin-top: 3px;
106 margin-left: 45px;
107 color: #e9e9e9
108 }
109
110 #logo {
111 z-index: 10;
112 background-image: url(../../img/css1/logo_2.png);
113 width: 253px;
114 height: 37px;
115 position: absolute;
116 top: -20px;
117 left: 4px;
118 }
119
120 #footer {
121 text-align: right;
122 }
123 #footer a img{
124 border-style: none;
125 }
126
127 div#info {
128 width:100%;
129 position: fixed;
130 left: 0px;
131 top: 0px;
132 background-color: #000000;
133 border-bottom: 1px solid #aeaeae;
134 z-index: 20;
135 }
136
137 div#info div.fermer {
138 float:right;
139 cursor: pointer;
140 height:16px;
141 width: 16px;
142 background-image: url(../../img/fermer.gif)
143 }
144
145 div#info #icone {
146 float:left;
147 height:16px;
148 width: 16px;
149 }
150 div#info #icone.interrogation {
151 background-image: url(../../img/interrogation.gif)
152 }
153 div#info #icone.information {
154 background-image: url(../../img/information.gif)
155 }
156 div#info #icone.exclamation {
157 background-image: url(../../img/exclamation.gif)
158 }
159
160 div#info .boutons {
161 padding: 1px;
162 }
163
164 div#info .boutons div {
165 cursor: pointer;
166 background-color: #770000;
167 display: inline;
168 padding: 0px 5px 0px 5px;
169 margin: 0px 5px 0px 5px;
170 }
171 div#info .boutons div:hover {
172 background-color: #bc0000;
173 }
174
175 .captcha {
176 display:none
177 }
178
179 form input,
180 form button,
181 form select {
182 background-color: #164200;
183 border: #2d8800 1px solid;
184 color: #EEEEEE;
185 font-size: 12px;
186 }
187
188 a {
189 text-decoration: none;
190 }
191 a:link {
192 color: #7664ff;
193 }
194 a:visited {
195 color: #7664ff;
196 }
197 a:hover {
198 color: #ffad0f;
199 }
200 a:active {
201 color: #ffad0f;
202 }
203