annotate css/Somatic.css_ @ 36:a6c3716cab6a

Ajout de la date de dernière mise à jour de la feed.
author Franck Deroche <webmaster@defr.org>
date Mon, 05 Nov 2007 10:41:27 +0100
parents 629389204276
children
rev   line source
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