Mercurial > defr > DualBlog

comparison css/Somatic.css_ @ 0:629389204276

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