Mercurial > defr > DualBlog

annotate 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
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