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