ADD nouveau style (pas fini)
[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: 0px;
10 margin: 0px;
11 }
12
13 body {
14 font-family: sans-serif;
15 font-size: 12px;
16 color: #841919;
17 background-color: #f6dfc2
18 }
19
20 #container {
21 position: relative;
22 height: auto;
23 margin: 0px;
24 }
25
26 ul#menu {
27 /*
28 left: 300px;
29 top: 2px;*/
30 background-image: url(../../img/css1/logo_fond.png);
31 /*position: absolute;*/
32 height:129px;
33 width: 100%;
34 font-size: 11px;
35 list-style-type:none;
36 /*background-color: #e19671;*/
37 }
38 #menu li:first-child {
39 margin-left: 340px;
40 }
41 #menu li {
42 margin-top: 47px;
43 padding-top: 5px;
44 font-size: 14px;
45 text-align: center;
46 cursor: pointer;
47 height:25px;
48 z-index: 20;
49 float: left;
50 min-width: 60px;
51 background-color: #f6dfc2;
52 }
53 #menu li.courante {
54 background-color: #ffffff;
55 background-image: url(../../img/css1/triangle.png);
56 background-repeat: no-repeat;
57 background-position: center bottom
58 }
59 #menu li:hover {
60 background-color: #ffffff;
61 }
62
63 #menuCss {
64 position: absolute;
65 z-index: 10;
66 left: 600px;
67 top:0px;
68 font-size: 9px;
69 }
70
71 #page {
72 position: relative;
73 font-size: 12px;
74 background-color: #000000;
75 padding: 10px 10px 15px 10px;
76 }
77
78 #page > h1 {
79 margin-top: 10px;
80 margin-left: 0px;
81 font-size: 18px;
82 color : #a6b80e
83 }
84
85 #page > h2 {
86 margin-top: 10px;
87 margin-left: 10px;
88 font-size: 16px;
89 color : #899714;
90 }
91
92 #page > h3 {
93 margin-top: 10px;
94 margin-left: 20px;
95 font-size: 14px;
96 color : #79841a;
97 background-color : #1e2201
98 }
99
100 #page > h4 {
101 margin-top: 10px;
102 margin-left: 25px;
103 font-size: 12px;
104 color : #646d1d
105 }
106
107 #page > p {
108 margin-top: 3px;
109 margin-left: 35px;
110 color : #e9e9e9
111 }
112
113 #page > ul {
114 margin-top: 3px;
115 margin-left: 45px;
116 color: #e9e9e9
117 }
118
119 #logo {
120 z-index: 10;
121 background-image: url(../../img/css1/logo.png);
122 background-repeat: no-repeat;
123 width: 304px;
124 height: 129px;
125 position: absolute;
126 }
127
128 #footer {
129 text-align: right;
130 }
131 #footer a img{
132 border-style: none;
133 }
134
135 div#info {
136 text-align: center;
137 width:100%;
138 position: fixed;
139 left: 0px;
140 top: 0px;
141 background-color: #841919;
142 border-bottom: 1px solid #FFFFFF;
143 z-index: 20;
144 color: #f0df95
145 }
146
147 div#info div.fermer {
148 float:right;
149 cursor: pointer;
150 height:16px;
151 width: 16px;
152 background-image: url(../../img/fermer.gif)
153 }
154
155 div#info #icone {
156 float:left;
157 height:16px;
158 width: 16px;
159 }
160 div#info #icone.interrogation {
161 background-image: url(../../img/interrogation.gif)
162 }
163 div#info #icone.information {
164 background-image: url(../../img/information.gif)
165 }
166 div#info #icone.exclamation {
167 background-image: url(../../img/exclamation.gif)
168 }
169
170 div#info .boutons {
171 padding: 1px;
172 }
173
174 div#info .boutons div {
175 cursor: pointer;
176 background-color: #c62929;
177 display: inline;
178 padding: 0px 5px 0px 5px;
179 margin: 0px 5px 0px 5px;
180 }
181 div#info .boutons div:hover {
182 background-color: #e84747;
183 }
184
185 .captcha {
186 display:none
187 }
188
189 form input,
190 form button,
191 form select {
192 background-color: #f0df95;
193 border: #841919 1px solid;
194 }
195
196 form input,
197 form select {
198 font-size: 12px;
199 }
200
201 form button {
202 font-size: 11px;
203 }
204
205 a {
206 text-decoration: none;
207 }
208 a:link {
209 color: #c62929;
210 }
211 a:visited {
212 color: #e84747;
213 }
214 a:hover {
215 color: #e84747;
216 }
217 a:active {
218 color: #e84747;
219 }
220