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