Mercurial > defr > DualBlog

annotate css/Somatic.css_ @ 42:390bbf7c5aea

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Web-compat: Vraiment, il faut utiliser 'small' pour avoir une taille normale. Puisque tout le monde le fait, il est ausi necessaire de le faire si on ne veut pas se retrouver avec des polices vraiment plus grandes que necessaires.
author Franck Deroche <webmaster@defr.org>
date Wed, 14 Nov 2007 17:01:23 +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