integration/mediapart/une_files/header/style.css
author Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
Fri, 18 Apr 2014 14:31:58 +0200
changeset 51 79833eaa394a
parent 7 3a5423828487
permissions -rw-r--r--
set up second level for navigation


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
div.black-bar{
	width: 100%;
	position: absolute;
	top: 44px;
	height: 30px;
	background-color: #000;
	z-index: -1;
}
div.header{
	width: 970px;
	margin: 0 auto;
	position: relative;
}
div.header div.header-content{
	height: 44px;
	position: relative;
}
div.header div.header-content h1{

}
div.recherche-wrap{
	position: absolute;
	top: 9px; left: 240px;
	height: 26px;
	width: 360px;
}

ul.navigation-dossier{
	position: absolute;
	right: 0;
	top: 9px;
}
ul.navigation-dossier li{
	float: left;
	
	

}
ul.navigation-dossier li a{
	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
  	border-radius: 2px;
	border: 1px solid #197caa;
	height: 24px;
	display: block;
}
ul.navigation-dossier li a:hover{
	border: 1px solid #000;
}
ul.navigation-dossier li a.file {
	background: url(header-file.jpg) no-repeat 4px 6px;
	font-size: 18px;
	font-weight: bold;
	color: #197caa;
	padding: 0 4px 0 26px;
    line-height: 24px;
}
ul.navigation-dossier li a.prev, ul.navigation-dossier li a.top, ul.navigation-dossier li a.next{
	width: 26px;
	height: 24px;
	background-position: 5px 4px;
	background-repeat: no-repeat;
}
ul.navigation-dossier li a.prev{
	background-image: url(header-left-arrow.jpg);
}
ul.navigation-dossier li a.next{
	background-image: url(header-right-arrow.jpg);
}
ul.navigation-dossier li a.top{
	background-position: 9px 4px;
	background-image: url(header-top-arrow.jpg);
}

div.recherche-wrap form p{
	margin: 0;
	position: relative;
}

div.recherche-wrap input.input-recherche{
	width: 218px;
	height: 24px;
	padding: 0 30px 0 6px;
	border: 1px solid black;
	margin-right: 2px;
}
div.recherche-wrap form p input, div.recherche-wrap form p a{
	float: left;
	
}

div.recherche-wrap form p a.photo{
	position: absolute;
	width: 18px;
	height: 18px;
	background: url(photo.jpg) no-repeat 2px 4px;
	left: 230px;
	top: 2px;
	z-index: 2;
}
div.recherche-wrap input.recherche-submit{
	width: 54px;
	height: 26px;
	cursor: pointer;
	border: none;
	margin-right: 6px;
	background-color: #000;
	background-image: url(zoom-button.png);
	background-repeat: no-repeat;
	background-position: 20px 6px;
}
div.recherche-wrap p a.plus-button{
	width: 30px;
	height: 26px;
	display: block;
	background-color: #000;
	background-image: url(plus-button.png);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}
div.recherche-wrap p a.plus-button:hover, div.recherche-wrap input.recherche-submit:hover{
	background-color: #333;
}

div.header div.nav{
	color: #FFF;
	background-color: #000;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
}
div.header div.nav a{
	color: #FFF;
	text-decoration: underline;
}
a.home-button{
	line-height: 30px;	
	margin-right: 4px;
	float: left;
}
div.header div.nav a:hover{
	text-decoration: none;
}