Mercurial > defr > DualBlog
diff css/Somatic.css @ 0:629389204276
Import initial
author | Franck Deroche <webmaster@defr.org> |
---|---|
date | Sat, 20 Oct 2007 14:15:10 +0200 |
parents | |
children | 390bbf7c5aea |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/css/Somatic.css Sat Oct 20 14:15:10 2007 +0200 @@ -0,0 +1,236 @@ +/* Dual Blog, Somatic Edition */ + +html { + margin:0; + padding:0; + background:#EEE; + font-family:"Bitstream Vera Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans serif; +} + +#Link, #Link li, dl, dt, dd {display:block; margin:0;list-style-type:none;} + +#Main { + width:798px; + margin:5px auto 0; + padding:0; + background:white; + border:1px #333 solid; + border-bottom:0; +} + +h1 { + margin:0 0 150px; + padding:5px; + height:21px; + text-align:center; + border-bottom:1px #333 solid; + font-size:17px; + background-image:url('Res_Somatic/bg_test.png'); + position:relative; + z-index:3; +} + +#Adresse, #SideBar dt { + position:absolute; + top:38px; + left:50%; + display:block; + width:132px; + padding-top:135px; + background-repeat:no-repeat; + background-position:2px 5px; + background-color:#FFF; + text-align:center; + border-bottom:1px #333 solid; + border-right:1px #333 solid; + font-size:0.9em; + z-index:2; + cursor:pointer; +} + +/* Let's give some 8-bits pngs to IE... */ +* html #Adresse {background-image:url('icons/fav_8bit.png') !important;} +* html #About {background-image:url('icons/connect_8bit.png') !important;} +* html #Profile {background-image:url('icons/profile_8bit.png') !important;} +* html #Like {background-image:url('icons/like_8bit.png') !important;} +* html #Geekness {background-image:url('icons/geek_8bit.png') !important;} +* html #Archives {background-image:url('icons/Hank_8bit.png') !important;} +* html #ToDo {background-image:url('icons/todo_8bit.png') !important;} + +#Adresse { + margin-left:-398px; + background-image:url('icons/fav.png'); +} + +#About { + margin-left:-265px; + background-image:url('icons/connect.png'); +} + +#Profile { + margin-left:-132px; + background-image:url('icons/profile.png'); +} + +#Like { + margin-left:1px; + background-image:url('icons/like.png'); +} + +#Geekness { + margin-left:134px; + background-image:url('icons/geek.png'); +} + +#Archives { + margin-left:134px; + background-image:url('icons/Hank.png'); +} + +#ToDo { + margin-left:267px; + border-right:0 !important; + background-image:url('icons/todo.png'); +} + +#SideBar dt:hover, #Adresse:hover {background-color:#dec;} + +.Actif {background-color:#eee !important;} + +#SideBar p, #Posts {margin:5px 0; padding:0;text-align:justify;} + +#Link, #SideBar dd { + font-size:0.9em; + border-bottom:1px #333 solid; + padding:5px 10px; + background:url('Res_Somatic/bg_test.png') #fff; + height:150px; + overflow:auto; + position:absolute; + top:187px; + width:778px; + z-index:0; +} + +#Link {display:none;} + +.PostContent { + padding:10px; + text-align:justify; + border-bottom: 1px #333 solid; +} + +.PostContent h2 { + font-weight:bold; + text-align:center; + border:1px #666 solid; + margin:0 15px; + background:url('Res_Somatic/bg_titre.png'); + font-size:1.2em; +} + +.PostContent h2 abbr { + padding:2px 0; +} + +#SideBar a, #Link a {text-decoration:none;color:#666;font-style:italic;margin-bottom:1px;border-bottom:1px dashed;} +#SideBar li, #Link li {line-height:1.5em;} +#Link a {margin-left:10px;} +#SideBar a:hover, #Link a:hover, #Posts a:hover {border-bottom:1px solid;} +#SideBar ul, .PostContent ul {list-style:url(Res_Somatic/puce.gif) outside;} + +a:not([href]) {border-bottom:0 !important;} + +a img { + padding:10px; + margin:0 10px 10px; + border:1px solid #795; + background-image:url('Res_Somatic/bg_test.png'); +} + +code, blockquote { + border:1px #795 solid; + border-left-width:3px; + background:url('Res_Somatic/bg_test.png') #FFE; + padding:2px 6px; +} + +p.code code { + white-space:pre; + overflow:auto; + display:block; +} + +code {line-height:1.5em;} + +em, i, .i {color:#67B;} +#Posts a {color:#795;text-decoration:none;} +#Posts {padding-top:170px;} + +.mood, .gravatar, .gallerie { + float:left; + margin:1.5em 1em 0.5em 0; + padding:10px; + border:1px #795 solid; + background:url(Res_Somatic/bg_test.png); +} + +.gravatar { + margin:0 1em 0 0 ; +} + +.gallerie { + padding:1.5em; + width:300px; +} + +.Tongue { + background:url(/blog/mood/light/Tongue.png) bottom right no-repeat; +} + +.Neutral { + background:url(/blog/mood/light/Neutral.png) bottom right no-repeat; +} + +.Goggle { + background:url(/blog/mood/light/Goggle.png) bottom right no-repeat; +} + +.Clop { + background:url(/blog/mood/light/Clop.png) bottom right no-repeat; +} + +.Cry { + background:url(/blog/mood/light/Cry.png) bottom right no-repeat; +} + +.Oohh { + background:url(/blog/mood/light/Oohh.png) bottom right no-repeat; +} + +.Love { + background:url(/blog/mood/light/Love.png) bottom right no-repeat; +} + +.PostContent dd, .PostContent dt { + border:2px #795 solid; + padding-left:0.5em; +} + +.PostContent dt { + border-width:2px 2px 0; + background:url(Res_Somatic/bg_test.png); + padding:0.3em 1em; +} + +.PostContent dd { + border-top:1px dashed #795; + margin-bottom:1em; + padding:0 1em; +} + +.PostContent dd ul { + padding:0; + list-style-position:inside; +} +