REPORT de la branche 1.1 (459->476)
[euphorik.git] / styles / 2 / 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: monospace;
15 font-size: 12px;
16 color: #EEEEEE;
17 background-color: #DFDFDF;
18 background-image: url(img/fond.png)
19 }
20
21 #container {
22 height: auto;
23 margin-left: 10px;
24 margin-right: 10px;
25 margin-top: 40px;
26 }
27
28 /***** Textile *****/
29 em.leger {
30 font-style: italic
31 }
32 em.fort {
33 font-style: normal;
34 font-weight: bold
35 }
36
37 /***** Menu *****/
38 ul#menu {
39 padding-left: 300px;
40 height: 23px;
41 font-size: 11px;
42 background-color: #000000;
43 list-style-type:none;
44 }
45 #menu li {
46 cursor: pointer;
47 z-index: 20;
48 float: left;
49 padding: 2px;
50 margin-left: 2px;
51 background-color: #4f5519;
52 }
53 #menu li.courante {
54 background-color: #818c27;
55 }
56 #menu li:hover {
57 background-color: #818c27
58 }
59
60 /***** Le menu pour le choix de la CSS *****/
61 #menuCss {
62 position: absolute;
63 z-index: 10;
64 left: 600px;
65 top:40px;
66 font-size: 9px;
67 }
68
69 /***** Le style du contenu des pages *****/
70 #page {
71 font-size: 12px;
72 background-color: #000000;
73 padding: 10px 10px 15px 10px;
74 }
75 #page > h1 {
76 margin-top: 10px;
77 margin-left: 0px;
78 font-size: 18px;
79 color : #a6b80e
80 }
81 #page > h2 {
82 margin-top: 10px;
83 margin-left: 10px;
84 font-size: 16px;
85 color : #899714;
86 }
87 #page > h3 {
88 margin-top: 10px;
89 margin-left: 20px;
90 font-size: 14px;
91 color : #79841a;
92 background-color : #1e2201
93 }
94 #page > h4 {
95 margin-top: 10px;
96 margin-left: 25px;
97 font-size: 12px;
98 color : #646d1d
99 }
100 #page > p {
101 margin-top: 3px;
102 margin-left: 35px;
103 color : #e9e9e9
104 }
105 #page > ul {
106 margin-top: 3px;
107 margin-left: 45px;
108 color: #e9e9e9
109 }
110 #logo {
111 z-index: 10;
112 background-image: url(img/logo_2.png);
113 width: 253px;
114 height: 37px;
115 position: absolute;
116 top: 20px;
117 left: 4px;
118 }
119 #logo.ekMaster {
120 background-image: url(img/logo_2_ek_master.png);
121 }
122
123 /***** Le pied de page *****/
124 #footer {
125 text-align: right;
126 font-size: 9px
127 }
128 #footer a img{
129 border-style: none;
130 vertical-align: middle;
131 margin-right: 5px;
132 }
133 #footer span{
134 margin-right: 10px;
135 }
136
137 /***** La boite d'information (s'apparente à une MessageBox) *****/
138 div#info {
139 text-align: center;
140 width:100%;
141 position: fixed;
142 left: 0px;
143 top: 0px;
144 background-color: #000000;
145 border-bottom: 1px solid #aeaeae;
146 z-index: 20;
147 }
148 div#info div.fermer {
149 float:right;
150 cursor: pointer;
151 height:16px;
152 width: 16px;
153 background-image: url(../../img/fermer.gif)
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 div#info .boutons {
170 padding: 1px;
171 }
172 div#info .boutons div {
173 cursor: pointer;
174 background-color: #770000;
175 display: inline;
176 padding: 0px 5px 0px 5px;
177 margin: 0px 5px 0px 5px;
178 }
179 div#info .boutons div:hover {
180 background-color: #bc0000;
181 }
182
183 /***** Les infos bulles *****/
184 #flecheBulle {
185 position: absolute;
186 z-index: 50;
187 display: none
188 }
189 .flecheBulleHaut {
190 background-image: url(img/fleche_bulle_haut.png);
191 width: 15px;
192 height: 8px;
193 }
194 .flecheBulleDroite {
195 background-image: url(img/fleche_bulle_droite.png);
196 width: 8px;
197 height: 15px;
198 }
199 .flecheBulleBas {
200 background-image: url(img/fleche_bulle_bas.png);
201 width: 15px;
202 height: 8px;
203 }
204 .flecheBulleGauche {
205 background-image: url(img/fleche_bulle_gauche.png);
206 width: 8px;
207 height: 15px;
208 }
209 #messageBulle {
210 position: absolute;
211 z-index: 50;
212 color: #ffffff;
213 background-color: #164200;
214 display: none;
215 font-size: 10px;
216 }
217 #messageBulle p {
218 padding: 3px 6px;
219 }
220
221 /***** Le faux captcha *****/
222 .captcha {
223 display:none
224 }
225
226 /***** Les formulaires *****/
227 form input,
228 form button,
229 form select {
230 background-color: #164200;
231 border: #2d8800 1px solid;
232 color: #EEEEEE;
233 }
234 form input,
235 form select {
236 font-size: 12px;
237 }
238 form button {
239 font-size: 11px;
240 }
241 form input[readonly] {
242 background-color: #484e46
243 }
244
245 /***** Les liens *****/
246 .lien, a {
247 text-decoration: none;
248 color: #7664ff;
249 }
250 .lien {
251 cursor: pointer;
252 }
253 a:link, a:visited {
254 color: #7664ff;
255 }
256 .lien:hover, .lien:active, a:hover, a:active {
257 color: #ffad0f;
258 }
259