Mercurial > defr > DualBlog

annotate css/Somatic.css @ 89:e37ef9a81737 tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Merge
author Franck Deroche <franck@defr.org>
date Thu, 13 Dec 2018 00:55:42 +0100
parents 390bbf7c5aea
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