webmaster@0
|
1 /* Dual Blog, Somatic Edition */ |
webmaster@0
|
2 |
webmaster@0
|
3 html { |
webmaster@0
|
4 margin:0; |
webmaster@0
|
5 padding:0; |
webmaster@0
|
6 background:#EEE; |
webmaster@0
|
7 font-family:"Bitstream Vera Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans serif; |
webmaster@42
|
8 font-size:small; |
webmaster@0
|
9 } |
webmaster@0
|
10 |
webmaster@0
|
11 #Link, #Link li, dl, dt, dd {display:block; margin:0;list-style-type:none;} |
webmaster@0
|
12 |
webmaster@0
|
13 #Main { |
webmaster@0
|
14 width:798px; |
webmaster@0
|
15 margin:5px auto 0; |
webmaster@0
|
16 padding:0; |
webmaster@0
|
17 background:white; |
webmaster@0
|
18 border:1px #333 solid; |
webmaster@0
|
19 border-bottom:0; |
webmaster@0
|
20 } |
webmaster@0
|
21 |
webmaster@0
|
22 h1 { |
webmaster@0
|
23 margin:0 0 150px; |
webmaster@0
|
24 padding:5px; |
webmaster@0
|
25 height:21px; |
webmaster@0
|
26 text-align:center; |
webmaster@0
|
27 border-bottom:1px #333 solid; |
webmaster@0
|
28 font-size:17px; |
webmaster@0
|
29 background-image:url('Res_Somatic/bg_test.png'); |
webmaster@0
|
30 position:relative; |
webmaster@0
|
31 z-index:3; |
webmaster@0
|
32 } |
webmaster@0
|
33 |
webmaster@0
|
34 #Adresse, #SideBar dt { |
webmaster@0
|
35 position:absolute; |
webmaster@0
|
36 top:38px; |
webmaster@0
|
37 left:50%; |
webmaster@0
|
38 display:block; |
webmaster@0
|
39 width:132px; |
webmaster@0
|
40 padding-top:135px; |
webmaster@0
|
41 background-repeat:no-repeat; |
webmaster@0
|
42 background-position:2px 5px; |
webmaster@0
|
43 background-color:#FFF; |
webmaster@0
|
44 text-align:center; |
webmaster@0
|
45 border-bottom:1px #333 solid; |
webmaster@0
|
46 border-right:1px #333 solid; |
webmaster@0
|
47 font-size:0.9em; |
webmaster@0
|
48 z-index:2; |
webmaster@0
|
49 cursor:pointer; |
webmaster@0
|
50 } |
webmaster@0
|
51 |
webmaster@0
|
52 /* Let's give some 8-bits pngs to IE... */ |
webmaster@0
|
53 * html #Adresse {background-image:url('icons/fav_8bit.png') !important;} |
webmaster@0
|
54 * html #About {background-image:url('icons/connect_8bit.png') !important;} |
webmaster@0
|
55 * html #Profile {background-image:url('icons/profile_8bit.png') !important;} |
webmaster@0
|
56 * html #Like {background-image:url('icons/like_8bit.png') !important;} |
webmaster@0
|
57 * html #Geekness {background-image:url('icons/geek_8bit.png') !important;} |
webmaster@0
|
58 * html #Archives {background-image:url('icons/Hank_8bit.png') !important;} |
webmaster@0
|
59 * html #ToDo {background-image:url('icons/todo_8bit.png') !important;} |
webmaster@0
|
60 |
webmaster@0
|
61 #Adresse { |
webmaster@0
|
62 margin-left:-398px; |
webmaster@0
|
63 background-image:url('icons/fav.png'); |
webmaster@0
|
64 } |
webmaster@0
|
65 |
webmaster@0
|
66 #About { |
webmaster@0
|
67 margin-left:-265px; |
webmaster@0
|
68 background-image:url('icons/connect.png'); |
webmaster@0
|
69 } |
webmaster@0
|
70 |
webmaster@0
|
71 #Profile { |
webmaster@0
|
72 margin-left:-132px; |
webmaster@0
|
73 background-image:url('icons/profile.png'); |
webmaster@0
|
74 } |
webmaster@0
|
75 |
webmaster@0
|
76 #Like { |
webmaster@0
|
77 margin-left:1px; |
webmaster@0
|
78 background-image:url('icons/like.png'); |
webmaster@0
|
79 } |
webmaster@0
|
80 |
webmaster@0
|
81 #Geekness { |
webmaster@0
|
82 margin-left:134px; |
webmaster@0
|
83 background-image:url('icons/geek.png'); |
webmaster@0
|
84 } |
webmaster@0
|
85 |
webmaster@0
|
86 #Archives { |
webmaster@0
|
87 margin-left:134px; |
webmaster@0
|
88 background-image:url('icons/Hank.png'); |
webmaster@0
|
89 } |
webmaster@0
|
90 |
webmaster@0
|
91 #ToDo { |
webmaster@0
|
92 margin-left:267px; |
webmaster@0
|
93 border-right:0 !important; |
webmaster@0
|
94 background-image:url('icons/todo.png'); |
webmaster@0
|
95 } |
webmaster@0
|
96 |
webmaster@0
|
97 #SideBar dt:hover, #Adresse:hover {background-color:#dec;} |
webmaster@0
|
98 |
webmaster@0
|
99 .Actif {background-color:#eee !important;} |
webmaster@0
|
100 |
webmaster@0
|
101 #SideBar p, #Posts {margin:5px 0; padding:0;text-align:justify;} |
webmaster@0
|
102 |
webmaster@0
|
103 #Link, #SideBar dd { |
webmaster@0
|
104 font-size:0.9em; |
webmaster@0
|
105 border-bottom:1px #333 solid; |
webmaster@0
|
106 padding:5px 10px; |
webmaster@0
|
107 background:url('Res_Somatic/bg_test.png') #fff; |
webmaster@0
|
108 height:150px; |
webmaster@0
|
109 overflow:auto; |
webmaster@0
|
110 position:absolute; |
webmaster@0
|
111 top:187px; |
webmaster@0
|
112 width:778px; |
webmaster@0
|
113 z-index:0; |
webmaster@0
|
114 } |
webmaster@0
|
115 |
webmaster@0
|
116 #Link {display:none;} |
webmaster@0
|
117 |
webmaster@0
|
118 .PostContent { |
webmaster@0
|
119 padding:10px; |
webmaster@0
|
120 text-align:justify; |
webmaster@0
|
121 border-bottom: 1px #333 solid; |
webmaster@0
|
122 } |
webmaster@0
|
123 |
webmaster@0
|
124 .PostContent h2 { |
webmaster@0
|
125 font-weight:bold; |
webmaster@0
|
126 text-align:center; |
webmaster@0
|
127 border:1px #666 solid; |
webmaster@0
|
128 margin:0 15px; |
webmaster@0
|
129 background:url('Res_Somatic/bg_titre.png'); |
webmaster@0
|
130 font-size:1.2em; |
webmaster@0
|
131 } |
webmaster@0
|
132 |
webmaster@0
|
133 .PostContent h2 abbr { |
webmaster@0
|
134 padding:2px 0; |
webmaster@0
|
135 } |
webmaster@0
|
136 |
webmaster@0
|
137 #SideBar a, #Link a {text-decoration:none;color:#666;font-style:italic;margin-bottom:1px;border-bottom:1px dashed;} |
webmaster@0
|
138 #SideBar li, #Link li {line-height:1.5em;} |
webmaster@0
|
139 #Link a {margin-left:10px;} |
webmaster@0
|
140 #SideBar a:hover, #Link a:hover, #Posts a:hover {border-bottom:1px solid;} |
webmaster@0
|
141 #SideBar ul, .PostContent ul {list-style:url(Res_Somatic/puce.gif) outside;} |
webmaster@0
|
142 |
webmaster@0
|
143 a:not([href]) {border-bottom:0 !important;} |
webmaster@0
|
144 |
webmaster@0
|
145 a img { |
webmaster@0
|
146 padding:10px; |
webmaster@0
|
147 margin:0 10px 10px; |
webmaster@0
|
148 border:1px solid #795; |
webmaster@0
|
149 background-image:url('Res_Somatic/bg_test.png'); |
webmaster@0
|
150 } |
webmaster@0
|
151 |
webmaster@0
|
152 code, blockquote { |
webmaster@0
|
153 border:1px #795 solid; |
webmaster@0
|
154 border-left-width:3px; |
webmaster@0
|
155 background:url('Res_Somatic/bg_test.png') #FFE; |
webmaster@0
|
156 padding:2px 6px; |
webmaster@0
|
157 } |
webmaster@0
|
158 |
webmaster@0
|
159 p.code code { |
webmaster@0
|
160 white-space:pre; |
webmaster@0
|
161 overflow:auto; |
webmaster@0
|
162 display:block; |
webmaster@0
|
163 } |
webmaster@0
|
164 |
webmaster@0
|
165 code {line-height:1.5em;} |
webmaster@0
|
166 |
webmaster@0
|
167 em, i, .i {color:#67B;} |
webmaster@0
|
168 #Posts a {color:#795;text-decoration:none;} |
webmaster@0
|
169 #Posts {padding-top:170px;} |
webmaster@0
|
170 |
webmaster@0
|
171 .mood, .gravatar, .gallerie { |
webmaster@0
|
172 float:left; |
webmaster@0
|
173 margin:1.5em 1em 0.5em 0; |
webmaster@0
|
174 padding:10px; |
webmaster@0
|
175 border:1px #795 solid; |
webmaster@0
|
176 background:url(Res_Somatic/bg_test.png); |
webmaster@0
|
177 } |
webmaster@0
|
178 |
webmaster@0
|
179 .gravatar { |
webmaster@0
|
180 margin:0 1em 0 0 ; |
webmaster@0
|
181 } |
webmaster@0
|
182 |
webmaster@0
|
183 .gallerie { |
webmaster@0
|
184 padding:1.5em; |
webmaster@0
|
185 width:300px; |
webmaster@0
|
186 } |
webmaster@0
|
187 |
webmaster@0
|
188 .Tongue { |
webmaster@0
|
189 background:url(/blog/mood/light/Tongue.png) bottom right no-repeat; |
webmaster@0
|
190 } |
webmaster@0
|
191 |
webmaster@0
|
192 .Neutral { |
webmaster@0
|
193 background:url(/blog/mood/light/Neutral.png) bottom right no-repeat; |
webmaster@0
|
194 } |
webmaster@0
|
195 |
webmaster@0
|
196 .Goggle { |
webmaster@0
|
197 background:url(/blog/mood/light/Goggle.png) bottom right no-repeat; |
webmaster@0
|
198 } |
webmaster@0
|
199 |
webmaster@0
|
200 .Clop { |
webmaster@0
|
201 background:url(/blog/mood/light/Clop.png) bottom right no-repeat; |
webmaster@0
|
202 } |
webmaster@0
|
203 |
webmaster@0
|
204 .Cry { |
webmaster@0
|
205 background:url(/blog/mood/light/Cry.png) bottom right no-repeat; |
webmaster@0
|
206 } |
webmaster@0
|
207 |
webmaster@0
|
208 .Oohh { |
webmaster@0
|
209 background:url(/blog/mood/light/Oohh.png) bottom right no-repeat; |
webmaster@0
|
210 } |
webmaster@0
|
211 |
webmaster@0
|
212 .Love { |
webmaster@0
|
213 background:url(/blog/mood/light/Love.png) bottom right no-repeat; |
webmaster@0
|
214 } |
webmaster@0
|
215 |
webmaster@0
|
216 .PostContent dd, .PostContent dt { |
webmaster@0
|
217 border:2px #795 solid; |
webmaster@0
|
218 padding-left:0.5em; |
webmaster@0
|
219 } |
webmaster@0
|
220 |
webmaster@0
|
221 .PostContent dt { |
webmaster@0
|
222 border-width:2px 2px 0; |
webmaster@0
|
223 background:url(Res_Somatic/bg_test.png); |
webmaster@0
|
224 padding:0.3em 1em; |
webmaster@0
|
225 } |
webmaster@0
|
226 |
webmaster@0
|
227 .PostContent dd { |
webmaster@0
|
228 border-top:1px dashed #795; |
webmaster@0
|
229 margin-bottom:1em; |
webmaster@0
|
230 padding:0 1em; |
webmaster@0
|
231 } |
webmaster@0
|
232 |
webmaster@0
|
233 .PostContent dd ul { |
webmaster@0
|
234 padding:0; |
webmaster@0
|
235 list-style-position:inside; |
webmaster@0
|
236 } |
webmaster@0
|
237 |