view css/icons/Somatic.css @ 42:390bbf7c5aea

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
line wrap: on
line source
/* Dual Blog, Somatic Edition */

html, body {margin:0px;padding:0px; background:#EEE; font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans serif;font-size:12px;}

#Link, #Link li, dl, dt, dd {display:block; margin:0px;list-style-type:none;}

#Main {width:798px; margin:5px auto; background:white; border:1px #333 solid;/*padding-top:181px;*/}

h1 {
	margin:0px;
	margin-bottom:150px;
	padding:5px;
	width:786px;
	height:21px;
	text-align:center;
	border-bottom:1px #333 solid;
	font-size:17px;
	background-image:url('bg_test.png');
}

#Adresse, .SideTitle {
	/*float:left;*/
	position:absolute;
	top:38px;
	left:50%;
	display:block;
	width:132px;
	padding-top:135px;
	background:no-repeat 2px 5px;
	text-align:center;
	border-bottom:1px #333 solid;
	border-right:1px #333 solid;
	font-size:0.9em;
}

/* Let's give some 8-bits pngs to IE... */
* html #Adresse {background-image:url('icons/fav_8bit.png') !important;}
* html #About {background-image:url('icons/connect_8bit.png') !important;}
* html #Profile {background-image:url('icons/profile_8bit.png') !important;}
* html #Like {background-image:url('icons/like_8bit.png') !important;}
* html #Geekness {background-image:url('icons/geek_8bit.png') !important;}
* html #Archives {background-image:url('icons/Hank_8bit.gif') !important;}
* html #ToDo {background-image:url('icons/todo_8bit.png') !important;}
#Adresse {
	margin-left:-398px;
	background-image:url('icons/fav.png');
}

#About {
	margin-left:-265px;
	background-image:url('icons/connect.png');
}

#Profile {
	margin-left:-132px;
	background-image:url('icons/profile.png');
}

#Like {
	margin-left:1px;
	background-image:url('icons/like.png');
}

#Geekness {
	margin-left:134px;
	background-image:url('icons/geek.png');
}

#Archives {
	margin-left:134px;
	background-image:url('icons/Hank.png');
}

#ToDo {
	margin-left:267px;
	border-right:0px;
	background-image:url('icons/todo.png');
}

.SideTitle:hover, #Adresse:hover {background-color:#dec;}

.Actif {background-color:#eee !important;}

#SideBar p, #Posts {margin:5px 0px; padding:0px;text-align:justify;}

#Link, .SideContent  {
	font-size:0.9em;
	border-bottom:1px #333 solid;
	padding:5px 10px;
	background-image:url('Res_Somatic/bg_test.png');
	max-height:180px;
	overflow:auto;
}

#Link {display:none;}

.PostContent {
	padding:10px;
	text-align:justify;
	border-bottom: 1px #333 solid;
}

.PostTitle {
	font-weight:bold;
	text-align:center;
	border:1px #666 solid;
	margin:0px 15px;
	background:url('Res_Somatic/bg_titre.png');
}

#SideBar a, #Link a {text-decoration:none;color:#666;font-style:italic;}
#Link a {margin-left:10px;}
#SideBar a:hover, #Link a:hover, #Posts a:hover {border-bottom:1px black dashed;}
#SideBar ul {list-style-type:none;}

a img {padding:10px;border:1px solid #795;background-image:url('Res_Somatic/bg_test.png');}

i, .i {color:#67B;}
#Posts a {color:#795;text-decoration:none;}