annotate css/icons/Somatic.css @ 30:fa43c43763a2

Attribution correcte des urls des commentaires, petit refactoring des posts On a maintenant une fonction séparée sur les posts permettant d'obtenir les différentes informations sur les posts, ce qui peut s'avérer utile si on veut les ré-utiliser par exemple sur les différents commentaires.
author Franck Deroche <webmaster@defr.org>
date Mon, 05 Nov 2007 08:46:49 +0100
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;}