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