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