File "include_css_template_commun.php"

Full Path: /home/analogde/www/Bookmarks/CHESS_ON/include_css_template_commun.php
File size: 6.21 KB
MIME-type: text/x-php
Charset: utf-8

<?php
echo '
		<style type="text/css">

		html{ height: 100%;
			  margin-bottom: 35px;
		}

		body{ background:#E5E5E5; 
			  margin-bottom : 10px;
		}

		.main{ width: 932px;
		       height: 595px;
	           margin: 0 auto 0 auto;
	           /*text-align: center;*/
	           background-color:  none;  /*#9966CC;*/
	    }

		.header{ display: inline;
				 float: left;
				 width: 931px;
				 height: 75px;
				 margin: 0 0 0px 0;
				 color: #fff;
				 background-color: #FFFFFF;
				 border: solid 1px #000;
	    }
		
		.balise_titre { float: left;
						width: 150px;
						height: 53px;
						margin: 10px 0 0 25px;
						font-size: 28pt;
						font-family: Georgia, serif;
						color: #000000;
						background-color: #FFFFFF;
		}		
				
				
		.balise_citation { float: left;
						   width: 610px;
						   height: 29px;
						   font-size: 14pt;
						   font-family: Georgia, serif;
						   color: #6A6A6A;
						   background-color: #FFF;
						   margin: 25px 10px 10px 105px;
        }

		.banniere {	float: left;
				 	width: 932px;
				    height: 148px;
	                background-image: url(images/logo.jpg);
	                background-repeat: no-repeat;
		}	
		
		#box_infos { display: inline;
					 float: left;
					 width: 932px;
					 height: 40px;
					  background-color: #000000 /*#7766CC;*/
					  
					  border: 1px solid #222;
	background-color: #111;
	background-image: -moz-linear-gradient(#444, #111);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	background-image: -webkit-linear-gradient(#444, #111);
	background-image: -o-linear-gradient(#444, #111);
	background-image: -ms-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);
	/*-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;*/
					  
		}
		

		#box_icon {  /*display: absolute;*/
				clear: both;
				
				display: inline;
				 float: left;
				
				/* float: left;*/
				/* left: 35px;
				 bottom: 24 px;*/
				 float: right;
				 width: 180px;
				 height: 35px; /* 35 */
				 margin: 0px 180px 0px 0px;
				 background-color: #9966CC;
				 
				 border: 1px solid #222;
	background-color: #111;
	background-image: -moz-linear-gradient(#444, #111);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	background-image: -webkit-linear-gradient(#444, #111);
	background-image: -o-linear-gradient(#444, #111);
	background-image: -ms-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);
	/*-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;*/
				 
				 
				  z-index: 40;
		}		
		
		#box_icon2 {/*display: block; */
                   		float: left;
				 width: 180px;
				 height: 40px;
				 margin: 0px 0px 0px 0px;
				 background-color: #000000 /*#9966CC;*/
				 
				 border: 1px solid #222;
	background-color: #111;
	background-image: -moz-linear-gradient(#444, #111);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	background-image: -webkit-linear-gradient(#444, #111);
	background-image: -o-linear-gradient(#444, #111);
	background-image: -ms-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);
	/*-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;*/
				 
				  z-index: 40;
		}		
		
		#box_icon3 {
                   		float: left;
				 width: 182px;  /* 190*/
				 height: 45px;
				 margin: 0px 0px 0px 0px;
				 background-color: #000000; /*#4466CC;*/
				 
	/*			 border: 1px solid #222; */
	background-color: #111;
	background-image: -moz-linear-gradient(#444, #111);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	background-image: -webkit-linear-gradient(#444, #111);
	background-image: -o-linear-gradient(#444, #111);
	background-image: -ms-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);
	/*-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;*/
				 
				  z-index: 40;
		}		
		
		
		#image_login { float: left;
					   margin: 3px 0px 0px 0px;
					   z-index: 30;
				}	
		
		#image_logout { float: left;
						margin: 4px 0px 0px 10px;
					    z-index: 30;
		}		
		
		#connexion 		{ float: left;
					   margin: 9px 0px 0px 20px;
					color: yellow;	
					}
				
		.contenu {  float:left; 
					width: 931px;
					background-color: #FFFFFF;
					/* ombre de la page*/
					-moz-box-shadow: 4px 4px 10px #888;  
					-webkit-box-shadow: 4px 4px 10px #888;  
					box-shadow:4px 4px 6px #888;
		} 
		
		.pied_page { float: left;
					 width: 929px;
					 height: 75px;
					 border-radius: 0px;
					-webkit-border-radius: 0px;
					-moz-border-radius: 0px;
					box-shadow: 2px 2px 3px #666666;
					-webkit-box-shadow: 2px 2px 3px #666666;
					-moz-box-shadow: 2px 2px 3px #666666;
					background: #8B8B8B;
					/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A9A9A9, endColorstr=#7A7A7A);*/
					background: -webkit-gradient(linear, left top, left bottom, from(#A9A9A9), to(#7A7A7A));
					background: -moz-linear-gradient(top,  #A9A9A9,  #7A7A7A);
					border: solid 1px #6D6D6D;					 
		}
		
		.copyright	{ text-align: center;
					  padding: 15px;
		}
		
		.publicite 	{ float:left; 
					  width: 931px;
					  height: 60px;
					  background-color: #FFFFFF;
					  /* ombre de la page*/
					  -moz-box-shadow: 4px 4px 10px #888;  
					  -webkit-box-shadow: 4px 4px 10px #888;  
					  box-shadow:4px 4px 6px #888;
		}	

		p.decale_publicite{ margin-left: 70px;
				
		} 
		
		.retrait {margin-left : 50px;}
		
		.barre_vide {		 
				margin: 20px 0px 0px 0px;			 
			  }

		
		</style>';
?>