Mercurial > defr > DualBlog

annotate css/icons/Somatic.css @ 11:ff57b45eda37

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Changement profond de l'index. Utilisation des templates. Dual Blog utilise maintenant intimement la libraire de templates que l'on peut trouver sur http://hg.defr.org/defr/templates, ce qui permet d'eviter de mixer du code PHP avec du HTML. Accessoirement, on est aussi assurer d'avoir du XML valide, puisque c'est l'API DOM qui est utilisée pour générer la sortie.
author Franck Deroche <webmaster@defr.org>
date Wed, 24 Oct 2007 20:06:00 +0200
parents 629389204276
children
rev   line source
webmaster@0 1 /* Dual Blog, Somatic Edition */
webmaster@0 2
webmaster@0 3 html, body {margin:0px;padding:0px; background:#EEE; font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans serif;font-size:12px;}
webmaster@0 4
webmaster@0 5 #Link, #Link li, dl, dt, dd {display:block; margin:0px;list-style-type:none;}
webmaster@0 6
webmaster@0 7 #Main {width:798px; margin:5px auto; background:white; border:1px #333 solid;/*padding-top:181px;*/}
webmaster@0 8
webmaster@0 9 h1 {
webmaster@0 10 margin:0px;
webmaster@0 11 margin-bottom:150px;
webmaster@0 12 padding:5px;
webmaster@0 13 width:786px;
webmaster@0 14 height:21px;
webmaster@0 15 text-align:center;
webmaster@0 16 border-bottom:1px #333 solid;
webmaster@0 17 font-size:17px;
webmaster@0 18 background-image:url('bg_test.png');
webmaster@0 19 }
webmaster@0 20
webmaster@0 21 #Adresse, .SideTitle {
webmaster@0 22 /*float:left;*/
webmaster@0 23 position:absolute;
webmaster@0 24 top:38px;
webmaster@0 25 left:50%;
webmaster@0 26 display:block;
webmaster@0 27 width:132px;
webmaster@0 28 padding-top:135px;
webmaster@0 29 background:no-repeat 2px 5px;
webmaster@0 30 text-align:center;
webmaster@0 31 border-bottom:1px #333 solid;
webmaster@0 32 border-right:1px #333 solid;
webmaster@0 33 font-size:0.9em;
webmaster@0 34 }
webmaster@0 35
webmaster@0 36 /* Let's give some 8-bits pngs to IE... */
webmaster@0 37 * html #Adresse {background-image:url('icons/fav_8bit.png') !important;}
webmaster@0 38 * html #About {background-image:url('icons/connect_8bit.png') !important;}
webmaster@0 39 * html #Profile {background-image:url('icons/profile_8bit.png') !important;}
webmaster@0 40 * html #Like {background-image:url('icons/like_8bit.png') !important;}
webmaster@0 41 * html #Geekness {background-image:url('icons/geek_8bit.png') !important;}
webmaster@0 42 * html #Archives {background-image:url('icons/Hank_8bit.gif') !important;}
webmaster@0 43 * html #ToDo {background-image:url('icons/todo_8bit.png') !important;}
webmaster@0 44 #Adresse {
webmaster@0 45 margin-left:-398px;
webmaster@0 46 background-image:url('icons/fav.png');
webmaster@0 47 }
webmaster@0 48
webmaster@0 49 #About {
webmaster@0 50 margin-left:-265px;
webmaster@0 51 background-image:url('icons/connect.png');
webmaster@0 52 }
webmaster@0 53
webmaster@0 54 #Profile {
webmaster@0 55 margin-left:-132px;
webmaster@0 56 background-image:url('icons/profile.png');
webmaster@0 57 }
webmaster@0 58
webmaster@0 59 #Like {
webmaster@0 60 margin-left:1px;
webmaster@0 61 background-image:url('icons/like.png');
webmaster@0 62 }
webmaster@0 63
webmaster@0 64 #Geekness {
webmaster@0 65 margin-left:134px;
webmaster@0 66 background-image:url('icons/geek.png');
webmaster@0 67 }
webmaster@0 68
webmaster@0 69 #Archives {
webmaster@0 70 margin-left:134px;
webmaster@0 71 background-image:url('icons/Hank.png');
webmaster@0 72 }
webmaster@0 73
webmaster@0 74 #ToDo {
webmaster@0 75 margin-left:267px;
webmaster@0 76 border-right:0px;
webmaster@0 77 background-image:url('icons/todo.png');
webmaster@0 78 }
webmaster@0 79
webmaster@0 80 .SideTitle:hover, #Adresse:hover {background-color:#dec;}
webmaster@0 81
webmaster@0 82 .Actif {background-color:#eee !important;}
webmaster@0 83
webmaster@0 84 #SideBar p, #Posts {margin:5px 0px; padding:0px;text-align:justify;}
webmaster@0 85
webmaster@0 86 #Link, .SideContent {
webmaster@0 87 font-size:0.9em;
webmaster@0 88 border-bottom:1px #333 solid;
webmaster@0 89 padding:5px 10px;
webmaster@0 90 background-image:url('Res_Somatic/bg_test.png');
webmaster@0 91 max-height:180px;
webmaster@0 92 overflow:auto;
webmaster@0 93 }
webmaster@0 94
webmaster@0 95 #Link {display:none;}
webmaster@0 96
webmaster@0 97 .PostContent {
webmaster@0 98 padding:10px;
webmaster@0 99 text-align:justify;
webmaster@0 100 border-bottom: 1px #333 solid;
webmaster@0 101 }
webmaster@0 102
webmaster@0 103 .PostTitle {
webmaster@0 104 font-weight:bold;
webmaster@0 105 text-align:center;
webmaster@0 106 border:1px #666 solid;
webmaster@0 107 margin:0px 15px;
webmaster@0 108 background:url('Res_Somatic/bg_titre.png');
webmaster@0 109 }
webmaster@0 110
webmaster@0 111 #SideBar a, #Link a {text-decoration:none;color:#666;font-style:italic;}
webmaster@0 112 #Link a {margin-left:10px;}
webmaster@0 113 #SideBar a:hover, #Link a:hover, #Posts a:hover {border-bottom:1px black dashed;}
webmaster@0 114 #SideBar ul {list-style-type:none;}
webmaster@0 115
webmaster@0 116 a img {padding:10px;border:1px solid #795;background-image:url('Res_Somatic/bg_test.png');}
webmaster@0 117
webmaster@0 118 i, .i {color:#67B;}
webmaster@0 119 #Posts a {color:#795;text-decoration:none;}