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