ADD trois mode d'affichage pour les pseudos
[euphorik.git] / css / 1 / euphorik.css
1 @import url(../common.css);
2 @import url(pageMinichat.css);
3 @import url(pageProfileRegister.css);
4 @import url(pageAbout.css);
5
6
7 * {
8 padding: 0;
9 margin: 0;
10 }
11
12 body {
13 font-family: sans-serif;
14 font-size: 12px;
15 color: #EEEEEE;
16 text-align: center; /* uniquement pour IE */
17 background-color: #DFDFDF;
18 background-image: url(../../img/css1/fond.png)
19 }
20
21 #container {
22 position: relative;
23 height: auto;
24 margin-left: 10px;
25 margin-right: 10px;
26 margin-top: 40px;
27 }
28
29 #menu {
30 position: absolute;
31 z-index: 10;
32 top: 2px;
33 left: 300px;
34 font-size: 11px;
35 background-color: #000000;
36 text-align: left;
37 }
38 #menu div {
39 cursor: pointer;
40 display: inline;
41 padding: 2px;
42 margin-left: 2px;
43 background-color: #4f5519;
44 }
45 #menu div.courante {
46 background-color: #818c27;
47 }
48 #menu div:hover {
49 background-color: #818c27
50 }
51
52 #menuCss {
53 position: absolute;
54 z-index: 10;
55 left: 600px;
56 top:0px;
57 font-size: 9px;
58 }
59
60 #page {
61 position: relative;
62 padding: 25px 0px 15px 0px;
63 font-size: 12px;
64 background-color: #000000;
65 }
66
67 #logo {
68 z-index: 10;
69 background-image: url(../../img/css1/logo_2.png);
70 width: 253px;
71 height: 37px;
72 position: absolute;
73 top: -20px;
74 left: -10px;
75 }
76
77 #footer {
78 text-align: right;
79 }
80 #footer a img{
81 border-style: none;
82 }
83
84 div#info {
85 width:100%;
86 position: fixed;
87 left: 0px;
88 top: 0px;
89 background-color: #000000;
90 border-bottom: 1px solid #aeaeae;
91 z-index: 20;
92 }
93
94 div#info .fermer {
95 float:right;
96 cursor: pointer;
97 height:16px;
98 width: 16px;
99 background-image: url(../../img/fermer.gif)
100 }
101
102 div#info #icone {
103 float:left;
104 height:16px;
105 width: 16px;
106 }
107 div#info #icone.interrogation {
108 background-image: url(../../img/interrogation.gif)
109 }
110 div#info #icone.information {
111 background-image: url(../../img/information.gif)
112 }
113 div#info #icone.exclamation {
114 background-image: url(../../img/exclamation.gif)
115 }
116
117 div#info .boutons {
118 padding: 1px;
119 }
120
121 div#info .boutons div {
122 cursor: pointer;
123 background-color: #770000;
124 display: inline;
125 padding: 0px 5px 0px 5px;
126 margin: 0px 5px 0px 5px;
127 }
128 div#info .boutons div:hover {
129 background-color: #bc0000;
130 }
131
132 .captcha {
133 display:none
134 }
135
136 form input,
137 form button,
138 form select {
139 background-color: #164200;
140 border: #2d8800 1px solid;
141 color: #EEEEEE;
142 font-size: 12px;
143 }
144
145 a {
146 text-decoration: none;
147 }
148 a:link {
149 color: #7664ff;
150 }
151 a:visited {
152 color: #7664ff;
153 }
154 a:hover {
155 color: #ffad0f;
156 }
157 a:active {
158 color: #ffad0f;
159 }
160