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