Mercurial > defr > DualBlog

annotate css/Somatic.css @ 31:2d98421d43da

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