From 2ee6c2e5103350e7c4077e5d644df030ddf352ce Mon Sep 17 00:00:00 2001 From: Serghei MIHAI Date: Mon, 7 Oct 2013 17:05:15 +0200 Subject: [PATCH] Header properly displayed --- wcs.css | 104 +++++++++++++++++++++++++++++++++++++++++++++++++++----- 1 file changed, 96 insertions(+), 8 deletions(-) diff --git a/wcs.css b/wcs.css index 8b5f88a..8d4a568 100644 --- a/wcs.css +++ b/wcs.css @@ -43,9 +43,9 @@ /******************************************/ /* 00 = Font face */ -@font-face {font-family:'PTSansRegular'; src:url('fonts/ptsansregular.eot'); src:local('☺'), url('fonts/ptsansregular.eot?#iefix') format('embedded-opentype'), url('fonts/ptsansregular.woff') format('woff'), url('fonts/ptsansregular.ttf') format('truetype'), url('fonts/ptsansregular.svg#ptsansregular') format('svg'); font-weight:normal; font-style:normal;} -@font-face {font-family:'PTSansBold'; src:url('fonts/ptsansbold.eot'); src:local('☺'), url('fonts/ptsansbold.eot?#iefix') format('embedded-opentype'), url('fonts/ptsansbold.woff') format('woff'), url('fonts/ptsansbold.ttf') format('truetype'), url('fonts/ptsansbold.svg#ptsansbold') format('svg'); font-weight:700; font-style:normal;} -@font-face {font-family:'RokkittRegular'; src:url('fonts/Rokkitt-webfont.eot'); src:local('☺'), url('fonts/Rokkitt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Rokkitt-webfont.woff') format('woff'), url('fonts/Rokkitt-webfont.ttf') format('truetype'), url('fonts/Rokkitt-webfont.svg#RokkittRegular') format('svg'); font-weight:normal; font-style:normal;} +@font-face {font-family:'PTSansRegular'; src:url('http://www.orleans.fr/fileadmin/orleans/templates/css/fonts/ptsansregular.eot'); src:local('☺'), url('http://www.orleans.fr/fileadmin/orleans/templates/css/fonts/ptsansregular.eot?#iefix') format('embedded-opentype'), url('http://www.orleans.fr/fileadmin/orleans/templates/css/fonts/ptsansregular.woff') format('woff'), url('http://www.orleans.fr/fileadmin/orleans/templates/css/fonts/ptsansregular.ttf') format('truetype'), url('http://www.orleans.fr/fileadmin/orleans/templates/css/fonts/ptsansregular.svg#ptsansregular') format('svg'); font-weight:normal; font-style:normal;} +@font-face {font-family:'PTSansBold'; src:url('http://www.orleans.fr/fileadmin/orleans/templates/css/fonts/ptsansbold.eot'); src:local('☺'), url('http://www.orleans.fr/fileadmin/orleans/templates/css/fonts/ptsansbold.eot?#iefix') format('embedded-opentype'), url('http://www.orleans.fr/fileadmin/orleans/templates/css/fonts/ptsansbold.woff') format('woff'), url('http://www.orleans.fr/fileadmin/orleans/templates/css/fonts/ptsansbold.ttf') format('truetype'), url('http://www.orleans.fr/fileadmin/orleans/templates/css/fonts/ptsansbold.svg#ptsansbold') format('svg'); font-weight:700; font-style:normal;} +@font-face {font-family:'RokkittRegular'; src:url('http://www.orleans.fr/fileadmin/orleans/templates/css/fonts/Rokkitt-webfont.eot'); src:local('☺'), url('http://www.orleans.fr/fileadmin/orleans/templates/css/fonts/Rokkitt-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.orleans.fr/fileadmin/orleans/templates/css/fonts/Rokkitt-webfont.woff') format('woff'), url('http://www.orleans.fr/fileadmin/orleans/templates/css/fonts/Rokkitt-webfont.ttf') format('truetype'), url('http://www.orleans.fr/fileadmin/orleans/templates/css/fonts/Rokkitt-webfont.svg#RokkittRegular') format('svg'); font-weight:normal; font-style:normal;} /* 01 = Reset */ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,nav {margin:0; padding:0;} @@ -125,10 +125,13 @@ p.empty {margin:10px 0;} /* 04 = Structure */ #wrap {margin:0 auto; position:relative; width:939px; } -.header {background:#fff; margin:0 auto; min-height:131px; padding-bottom:15px; position:relative; width:927px;} +#header {background:#fff url('http://www.orleans.fr/fileadmin/orleans/templates/img/slogan.png') no-repeat 393px 35px; margin:0 auto; min-height:131px; padding-bottom:15px; position:relative; width:927px;} +#header #top {background: url('http://www.orleans.fr/fileadmin/orleans/templates/img/logo.png') no-repeat; height: 112px} +#header #top a img {visibility: hidden} +#header > img {display: none} .container {background:url("../img/shadow-bg.png") no-repeat 0 top;} -.main {background:#fff; margin:0 auto; padding-bottom:25px; width:927px;} +#main-content-wrapper {background:#fff; margin:0 auto; padding-bottom:25px; width:927px;} .page .content, .home .content {float:left; margin-left:15px; width:640px;} .page404 .content {float:none; margin-left:0; width:927px;} @@ -192,7 +195,7 @@ p.empty {margin:10px 0;} .navPrincipal .menuSub .menuSub li a {color:#00325d; font-family:"PTSansRegular", Trebuchet MS; font-size:13px; display:block; padding:0;} /* 08 = Footer */ -.footer {background:#000; margin:0 auto; width:927px;} +#footer {background:#000; margin:0 auto; width:927px;} .navFooter {border-bottom:1px solid #4c4c4c; height:65px;} .navFooter ul li {border-right:1px solid #4C4C4C; height:65px; float:left;} .navFooter .title {display:block; font-family:"PTSansBold", Trebuchet MS; font-size:13px; padding:24px 40px 20px;} @@ -299,7 +302,23 @@ p.empty {margin:10px 0;} /* 13 = Recherche */ /*-Home-*/ -#search {background:url("../img/sprites_h.png") no-repeat 0 0; border:none; height:22px; left:10px; margin:0; overflow:hidden; padding:0; position:absolute; top:10px; width:186px;} +#search { + right: 0; + position: absolute; + top: 0; + border-left: 2px solid #e6e6e6; +} +#search a { + background: url("../img/sprites_h.png") no-repeat -1074px 10px #FFF; + font-family: "PTSansBold", Trebuchet MS; + font-size: 13px; + padding: 5px 12px 5px 20px; +} + +#search ul li { + display: inline; +} + #search fieldset {border:0; margin:0; padding:0;} #search label {left:-99px; position:absolute; top:-99px;} #search #query {background:none; border:none; color:#666; font-size:11px; font-weight:bold; height:22px; left:0; letter-spacing:1px; margin:0; overflow:hidden; padding:0 5px; position:absolute; top:0; width:150px;} @@ -1186,4 +1205,73 @@ html.modalHTML {background:#FFF;} .ajoutEven .empty {clear:both; font-size:1.167em; margin:20px 0; position:static;} -/* ARTIFICA 2013 */ \ No newline at end of file +/* ARTIFICA 2013 */ + +/* Entr'ouvert styles */ +#breadcrumb { + margin-left: 3px; + color: #838383; + font-size: 1.2em; + width: 600px; +} + +#header #top h1 {display: none} + +#content { + margin: 0; + padding: 0px 0px 0px 12px; + background: #ffffff; +} + +#content h2 { + border-bottom: 3px solid #29abd2; + color: #4c4c4c; + display: block; + font-family: "PTSansBold", Trebuchet MS; + font-size: 15px; + padding-bottom: 5px; + margin: 10px 0px; + text-transform: uppercase; +} + +#content #left { + width: 370px; + padding: 0px 12px 0px 0px; + float: left; + font-size: 1.1em; + color: #58524d; +} + +#content #right { + width: 369px; + padding: 0px 5px 0px 8px; + float: left; + font-size: 1.1em; +} + +.clear { + clear: both; +} + +#top .region-header { + right: 0; + top: 0; + border-left: 2px solid #e6e6e6; +} + +#connexion input { + background: none; + border: 1px solid #969696; + color: #666; + font-size: 11px; + font-weight: bold; + height: 22px; + /* left: 0; */ + letter-spacing: 1px; + margin: 0; + overflow: hidden; + padding: 0 5px; + /* position: absolute; */ + /* top: 0; */ + width: 150px; +} \ No newline at end of file