DEL fichier de debug debug.js :'(
[euphorik.git] / styles / 1 / euphorik.css
1 /* coding: utf-8 */
2
3 @import url(pageMinichat.css);
4 @import url(pageAdmin.css);
5 @import url(pageProfileRegister.css);
6 @import url(pageAbout.css);
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 height: auto;
22 margin: 0px;
23 }
24
25 /***** Menu *****/
26 ul#menu {
27 background-image: url(img/logo_fond.png);
28 height:129px;
29 width: 100%;
30 font-size: 11px;
31 list-style-type:none;
32 }
33 #menu li:first-child {
34 margin-left: 340px;
35 }
36 #menu li {
37 margin-top: 47px;
38 font-size: 14px;
39 text-align: center;
40 cursor: pointer;
41 height:30px;
42 z-index: 20;
43 float: left;
44 min-width: 60px;
45 background-color: #f6dfc2;
46 line-height: 32px;
47 }
48 #menu li.courante {
49 background-color: #ffffff;
50 background-image: url(img/triangle.png);
51 background-repeat: no-repeat;
52 background-position: center bottom
53 }
54 #menu li:hover {
55 background-color: #ffffff;
56 }
57
58 /***** Le menu pour le choix de la CSS *****/
59 #menuCss {
60 position: absolute;
61 z-index: 10;
62 left: 550px;
63 top:0px;
64 font-size: 9px;
65 }
66
67 /***** Le style du contenu des pages *****/
68 #page {
69 font-size: 12px;
70 background-color: #f6dfc2;
71 padding: 10px 10px 15px 10px;
72 }
73 #page > h1 {
74 margin-top: 10px;
75 margin-left: 0px;
76 font-size: 18px;
77 }
78 #page > h2 {
79 margin-top: 10px;
80 margin-left: 10px;
81 font-size: 16px;
82 }
83 #page > h3 {
84 margin-top: 10px;
85 margin-left: 20px;
86 font-size: 14px;
87 background-color : #FFFFFF
88 }
89 #page > h4 {
90 margin-top: 10px;
91 margin-left: 25px;
92 font-size: 12px;
93 }
94 #page > p {
95 margin-top: 3px;
96 margin-left: 35px;
97 }
98 #page > ul {
99 margin-top: 3px;
100 margin-left: 45px;
101 }
102 #logo {
103 z-index: 10;
104 background-image: url(img/logo.png);
105 background-repeat: no-repeat;
106 width: 304px;
107 height: 129px;
108 position: absolute;
109 }
110 #logo.ekMaster {
111 background-image: url(img/logo_ek_master.png);
112 }
113
114 /***** Le pied de page *****/
115 #footer {
116 background-color: #e19671;
117 text-align: right;
118 font-size: 9px;
119 padding: 2px
120 }
121 #footer a img{
122 border-style: none;
123 vertical-align: middle;
124 margin-right: 5px;
125 }
126 #footer span{
127 margin-right: 10px;
128 }
129
130 /***** La boite d'information (s'apparente à une MessageBox) *****/
131 div#info {
132 text-align: center;
133 width:100%;
134 position: fixed;
135 left: 0px;
136 top: 0px;
137 background-color: #841919;
138 border-bottom: 1px solid #FFFFFF;
139 z-index: 20;
140 color: #f0df95
141 }
142 div#info div.fermer {
143 float:right;
144 cursor: pointer;
145 height:16px;
146 width: 16px;
147 background-image: url(../../img/fermer.gif)
148 }
149 div#info #icone {
150 float:left;
151 height:16px;
152 width: 16px;
153 }
154 div#info #icone.interrogation {
155 background-image: url(../../img/interrogation.gif)
156 }
157 div#info #icone.information {
158 background-image: url(../../img/information.gif)
159 }
160 div#info #icone.exclamation {
161 background-image: url(../../img/exclamation.gif)
162 }
163 div#info .boutons {
164 padding: 1px;
165 }
166 div#info .boutons div {
167 cursor: pointer;
168 background-color: #c62929;
169 display: inline;
170 padding: 0px 5px 0px 5px;
171 margin: 0px 5px 0px 5px;
172 }
173 div#info .boutons div:hover {
174 background-color: #e84747;
175 }
176
177 /***** Les infos bulles *****/
178 #flecheBulle {
179 position: absolute;
180 z-index: 50;
181 display: none
182 }
183 .flecheBulleHaut {
184 background-image: url(img/fleche_bulle_haut.png);
185 width: 15px;
186 height: 8px;
187 }
188 .flecheBulleDroite {
189 background-image: url(img/fleche_bulle_droite.png);
190 width: 8px;
191 height: 15px;
192 }
193 .flecheBulleBas {
194 background-image: url(img/fleche_bulle_bas.png);
195 width: 15px;
196 height: 8px;
197 }
198 .flecheBulleGauche {
199 background-image: url(img/fleche_bulle_gauche.png);
200 width: 8px;
201 height: 15px;
202 }
203 #messageBulle {
204 position: absolute;
205 z-index: 50;
206 color: #ffffff;
207 background-color: #841919;
208 display: none;
209 font-size: 10px;
210 }
211 #messageBulle p {
212 padding: 3px 6px;
213 }
214
215 /***** Le faux captcha *****/
216 .captcha {
217 display:none;
218 }
219
220 /***** Les formulaires *****/
221 form input,
222 form button,
223 form select {
224 background-color: #f0df95;
225 border: #841919 1px solid;
226 }
227 form input:hover, form input:focus,
228 form button:hover, form button:focus,
229 form select:hover, form select:focus {
230 background-color: #ffffff;
231 }
232 form input,
233 form select {
234 font-size: 12px;
235 }
236 form button {
237 font-size: 11px;
238 }
239 form input[readonly] {
240 background-color: #d0c9aa
241 }
242
243 /***** Les liens *****/
244 .lien, a {
245 text-decoration: underline;
246 color: #c62929;
247 }
248 .lien {
249 cursor: pointer
250 }
251 a:link, a:visited {
252 color: #c62929;
253 }
254 .lien:hover, .lien:active, a:hover, a:active {
255 color: #e84747;
256 }