diff --git a/plonetheme/pcfweb/static/css/style.css b/plonetheme/pcfweb/static/css/style.css index 1f8b70c..166a542 100644 --- a/plonetheme/pcfweb/static/css/style.css +++ b/plonetheme/pcfweb/static/css/style.css @@ -7,10 +7,10 @@ html, body { font-family: Arial, Helvetica, sans-serif; - background: #e3e3e1; +/* background: #e3e3e1; */ color:#565656 ; font-size: 11px; - height:100%; +/* height:100%; */ } ul @@ -41,7 +41,8 @@ q {font-style: italic;} h1{ font-family: 'Lato', sans-serif; - color: #2d2d2d; +/* color: #2d2d2d; */ + color: #00458a; font-weight: 300; font-size: 22px; margin-bottom: 20px; @@ -62,7 +63,7 @@ dl.portlet a:hover {text-decoration: underline;} position: relative; overflow: hidden; - border-bottom: 2px solid #000; + border-bottom: 1px solid #00458a; } #header ul li @@ -77,7 +78,7 @@ dl.portlet a:hover {text-decoration: underline;} #logo { width: 316px; - height: 71px; + height: 90px; text-indent: -3333px; border: 0; } @@ -87,7 +88,7 @@ dl.portlet a:hover {text-decoration: underline;} background: transparent url("../img/logo.jpg") no-repeat scroll 0% 0%; display: block; width: 316px; /* larger than actual image? */ - height: 71px; + height: 90px; text-decoration: none; border: 0; } @@ -136,7 +137,8 @@ dl.portlet a:hover {text-decoration: underline;} #menu ul li { margin: 0 4px 0 0; - border-top: solid 1px #9f9f9f; +/* border-top: solid 1px #9f9f9f; */ + border-top: solid 1px #00458a; height: 25px; } @@ -150,16 +152,28 @@ dl.portlet a:hover {text-decoration: underline;} text-align: center; text-decoration: none; font-size: 13px; - color: #9f9f9f; +/* color: #9f9f9f; */ + color: #00458a; border: none; } -#menu ul li a:hover, #menu ul .selected a +/* #menu ul li a:hover, #menu ul .selected a */ +#menu ul .selected a { - color: #645003; - border-bottom: solid 3px #000; +/* color: #645003; */ + color: #708DB7; + border-bottom: solid 3px #708DB7; } +#menu ul li a:hover +{ + color: #739FDD; + border-bottom: solid 3px #739FDD; +/* border-top: solid 1px #739FDD; */ +} + + + /***** SEARCHFIELD *****/ #searchfield @@ -169,7 +183,8 @@ dl.portlet a:hover {text-decoration: underline;} position: absolute; top: 28px; right: 12px; - background: #ffe5e5 url(../img/searchfield_left.jpg) top left no-repeat; +/* background: #ffe5e5 url(../img/searchfield_left.jpg) top left no-repeat; */ + background: url(../img/backgroundSearch.png) top left no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; @@ -178,14 +193,17 @@ dl.portlet a:hover {text-decoration: underline;} #searchfield form input { height: 16px; - width: 90px; + width: 110px; border: none; - background: #ff6464 url(../img/searchfield_right.jpg) top right no-repeat; - color: #ffffff; +/* background: #ff6464 url(../img/searchfield_right.png) top right no-repeat; */ +/* background: url(../img/searchfield_center.png) top left; */ + background: none; + color: #A5A29B; font-size: 12px; outline: none; padding: 0 0 0 5px; margin-left: 15px; + margin-right: 35px; -moz-border-radius: 5px; -moz-transition: all .2s ease-in-out; -webkit-border-radius: 5px; @@ -193,7 +211,7 @@ dl.portlet a:hover {text-decoration: underline;} } #searchfield #searchlink -{ + margin: 2px 0 0 0; } @@ -206,14 +224,15 @@ dl.portlet a:hover {text-decoration: underline;} } #searchfield form input:focus { - width: 200px; + width: 180px; } /***** content-wrapper *****/ #content-wrapper { - border-top: 5px solid #d2a907; +/* border-top: 3px solid #fdc600; */ + border-top: 2px solid #EFEDE6; min-height: 100%; height: auto !important; height: 100%; @@ -224,7 +243,7 @@ dl.portlet a:hover {text-decoration: underline;} margin:auto; width:989px; overflow: hidden; - margin-bottom: 40px; + margin-bottom: 10px; } /***** CONTENT *****/ @@ -233,7 +252,7 @@ dl.portlet a:hover {text-decoration: underline;} #viewlet-above-content { - margin: 10px 0 0 0; +/* margin: 10px 0 0 0; */ } #viewlet-above-content span{ color: #4d4d4d; } @@ -252,14 +271,14 @@ dl.portlet a:hover {text-decoration: underline;} } .centerContentTop { - background: url("../img/content_bg_1.jpg") no-repeat top left; + background: url("../img/content_bg_1.png") no-repeat top left; padding-top: 24px; margin-top:20px; } .centerContentBottom { - background: url("../img/content_bg_2.jpg") no-repeat bottom left; + background: url("../img/content_bg_2.png") no-repeat bottom left; padding-bottom: 30px; } @@ -757,6 +776,7 @@ margin-top: 8px; width: 684px; height: 154px; padding: 2px; + padding-bottom: 0px; background: white; overflow: hidden; margin-left: 18px; @@ -764,11 +784,13 @@ margin-top: 8px; #politicBannerShadow { - background: url("../img/cv_banner_shadow.jpg") top left no-repeat; + background: url("../img/cv_banner_shadow.png") bottom left no-repeat; height: 13px; clear: both; margin-left: 18px; margin-bottom: 10px; +/* padding-bottom: 12px; */ + top: -5px; } .picturebloc @@ -894,12 +916,13 @@ margin-top: 8px; #colTwo .portletWrapper{ clear: both; - margin-bottom: 10px; - background: #ffffff url("../img/bloc_bg_bottom.jpg") no-repeat left bottom; - border-top: 3px solid #FFFFFF; + margin-bottom: 7px; + background: #ffffff url("../img/bloc_bg_bottom.png") no-repeat left bottom; +/* border-right: 1px solid #efede6; */ +/* border-top: 3px solid #FFFFFF; */ float: left; width: 226px;; - padding-top: 3px; +/* padding-top: 3px; */ } #colTwo .portletWrapper .portletHeader { @@ -913,7 +936,7 @@ margin-top: 8px; } #colTwo .portletWrapper .portletHeader .portletTopLeft { - background: url("../img/bloc_bg_left.gif") no-repeat left 3px; + background: url("../img/bloc_bg_left.png") no-repeat left 3px; width: 7px; height: 27px; float: left; @@ -925,9 +948,9 @@ margin-top: 8px; #colTwo .portletHeader a, #colTwo .portletHeader span { - background: #aa0000; + background: #db001b; float: left; - width: 233px; + width: 228px; height: 18px; position: relative; top: 3px; @@ -1010,8 +1033,8 @@ margin-top: 8px; #footer { height: 76px; - background: #4a3936; - position: relative; + background: #EFEDE6; + position: relative; padding-left: 5px; padding-top: 5px; } @@ -1020,14 +1043,14 @@ margin-top: 8px; #footer #hotel-du-greffe, #footer .footertext1 { - color: #d2d2d2; + color: #4B617A; float: left; } #footer #hotel-de-ligne, #footer .footertext2 { - color: #d2d2d2; + color: #4B617A; float: left; margin-left: 30px; } @@ -1035,19 +1058,19 @@ margin-top: 8px; #footer #footer-legal, #footer .footertext3 { - color: #d2d2d2; + color: #4B617A; clear: both; text-align: right; position: absolute; - bottom: 5px; + bottom: 10px; right: 5px; } #footer #footer-legal a, #footer .footertext3 a { - color: #d2d2d2; + color: #4B617A; } #footer #portal-siteactions, #footer .footerLinks @@ -1188,7 +1211,7 @@ margin-top: 8px; padding: 9px 0 0 0; } #content-description .content_top_inner{ - background: url(../img/content_top_container_b.jpg) no-repeat bottom; +/* background: url(../img/content_top_container_b.jpg) no-repeat bottom; */ padding: 0 0 5px 0; } #content-description .content_top_inner #parent-fieldname-description, @@ -1252,7 +1275,7 @@ margin-top: 8px; .nav-list-month, .portletCalendar .month_navigator { font-size: 14px; - color:#884a4a; +/* color:#884a4a; */ text-align: center; padding: 5px 0; } @@ -1280,7 +1303,7 @@ border: none; display: inline-block; text-indent: -9999px; } -#colTwo .portletCalendar a {color:white !important;} +#colTwo .portletCalendar a {color:#F7F0E8 !important; text-decoration:none;} .portletCalendar .ploneCalendar{margin: auto;} .portletCalendar .ploneCalendar th{background: none;color: #91908f;font-size: 12px;} @@ -1306,11 +1329,13 @@ border: none; cursor: pointer; } #content-wrapper .portletCalendar .ploneCalendar tr td:hover{ - background:#d28e8e; - color:#fefefe; +/* background:#d28e8e; */ + background: #B5001F; + color:#fefefe; } #content-wrapper .portletCalendar .ploneCalendar tr .event{ - background:#e9a41d; +/* background:#e9a41d; */ + background:#ED0033; color:#666666; } @@ -1356,21 +1381,23 @@ border: none; border-radius: 35px; position: relative; } -.category_content {background: url(../img/category_bottom.png) no-repeat; padding: 10px 15px; text-align: center; height: 40px;} +.category_content {background: url(../img/category_bottom.png) no-repeat; padding: 6px 15px; text-align: center; height: 40px;} .category_image_effect {background: url(../img/category_top.png); width: 210px; height:83px;top:0; left: 0;position: absolute; text-indent: -1000px;} /*-----------*/ /*homepage---*/ -#content #slider-container {position: relative;background: url("../img/cv_banner_shadow.jpg") no-repeat scroll center bottom transparent; - padding-bottom: 15px; +#content #slider-container {position: relative;background: url("../img/cv_banner_shadow.png") no-repeat scroll center bottom transparent; + padding-bottom: 19px; margin-bottom: 20px; border: none; } -#slider-container #slider {border: 4px solid #FFFFFF;} +/* #slider-container #slider {border: 2px solid #00458a;} */ +#slider-container #slider {border: 1px solid #D6DEEA;} #content #slider-container #slider .slide{} #slider-container .ribbon_title { - background: url("../img/bloc_bg_left.gif") no-repeat scroll left 3px transparent; +/* background: url("../img/bloc_bg_left.gif") no-repeat scroll left 3px transparent; */ + background: url("../img/bloc_bg_left.png") no-repeat scroll left 3px transparent; height: 27px; padding-left: 7px; position: absolute; @@ -1379,7 +1406,7 @@ border: none; z-index: 99999; } #slider-container .title { - background: none repeat scroll 0 0 #AA0000; + background: none repeat scroll 0 0 #db001b; color: #FFFFFF; font-family: 'Lato',Arial,Helvetica,sans-serif; font-size: 13px; @@ -1392,14 +1419,14 @@ border: none; .slider .slider_caption{position: absolute; bottom: 10px; padding: 10px; width: 698px; background: rgba(30,30,30,.8); color:#ffffff; } /*----------------------*/ /*homepageTabbedContent*/ -#pcfhome-second-part {position: relative;background: url("../img/cv_banner_shadow.jpg") no-repeat center bottom;padding-bottom: 15px;} -#pcfhome-second-part .inner{background: white; padding: 5px;} +#pcfhome-second-part {position: relative;background: url("../img/cv_banner_shadow.png") no-repeat center bottom;padding-bottom: 14px;} +#pcfhome-second-part .inner{background: white; /*padding: 5px;*/} #content #pcfhome-second-part .formTabs .formTab a{ float:left; background: #cacaca url(../img/roundedcornr_tl.gif) no-repeat; padding: 0 0 0 10px; - margin-right: 3px; + margin-right: 1px; } #content #pcfhome-second-part .formTabs .formTab span{ float:left; @@ -1407,19 +1434,21 @@ border: none; padding: 0 10px 0 0; height: 17px; text-decoration: none; - color: white; + color: #A0A0A0; } -#content #pcfhome-second-part .formTabs .formTab .selected{background: #d2a907 url(../img/roundedcornr_tl.gif) no-repeat; } -#content #pcfhome-second-part .formTabs .formTab .selected span{background: #d2a907 url(../img/roundedcornr_tr.gif) right top no-repeat; color: #666666; } - +/* #content #pcfhome-second-part .formTabs .formTab .selected{background: #d2a907 url(../img/roundedcornr_tl.gif) no-repeat; } */ +/* #content #pcfhome-second-part .formTabs .formTab .selected span{background: #d2a907 url(../img/roundedcornr_tr.gif) right top no-repeat; color: #666666; } */ +#content #pcfhome-second-part .formTabs .formTab .selected{background: #fdc600 url(../img/roundedcornr_tl.gif) no-repeat; } +#content #pcfhome-second-part .formTabs .formTab .selected span{background: #fdc600 url(../img/roundedcornr_tr.gif) right top no-repeat; color: #3A3A3A; } #content #pcfhome-second-part .formTabs{height: 20px;overflow: hidden; margin:0;} #content #pcfhome-second-part .formTabs span{background: none; padding: 0;} #content #pcfhome-second-part #home-tabs{ margin:0; - background: none repeat scroll 0 0 #D2A907; - padding: 3px; +/* background: none repeat scroll 0 0 #D2A907; */ + background: none repeat scroll 0 0 #fdc600; + padding: 1px; } #content #pcfhome-second-part dd{padding:0;} #content #pcfhome-second-part .formPanel{background: none;padding: 5px; margin: 0; background: white;overflow: hidden;} @@ -1434,23 +1463,29 @@ border: none; .archives_actu a{float: left; color: #666666 !important;} /*date*/ -.blocdate { +.portaltype-tabellio-agenda-parlement .blocdate, +.portaltype-tabellio-agenda-parlevent .blocdate, +.template-pcfhome_folder .blocdate { float:right; padding: 15px; + border:1px solid #e5e5e5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position: relative; + margin-right: 40px; +} + +.portaltype-tabellio-agenda-parlement .blocdate, +.portaltype-tabellio-agenda-parlevent .blocdate{ margin: 0 40px 40px 40px; border:1px solid #888888; } -.template-pcfhome_folder .blocdate { - border:1px solid #e5e5e5; - margin-bottom: 0; -} -.blocdate .previous{ +.portaltype-tabellio-agenda-parlement .blocdate .previous, +.portaltype-tabellio-agenda-parlevent .blocdate .previous, +.template-pcfhome_folder .blocdate .previous{ background: url(../img/date-left.jpg) no-repeat; height:28px; width: 29px; @@ -1461,8 +1496,9 @@ border: none; position: absolute; border:none; } - -.blocdate .next{ +.portaltype-tabellio-agenda-parlement .blocdate .next, +.portaltype-tabellio-agenda-parlevent .blocdate .next, +.template-pcfhome_folder .blocdate .next{ background: url(../img/date-right.jpg) no-repeat; height:28px; width: 29px; @@ -1473,20 +1509,24 @@ border: none; position: absolute; border:none; } - -.blocdate .date { +.portaltype-tabellio-agenda-parlement .date, +.portaltype-tabellio-agenda-parlevent .date, +.template-pcfhome_folder .date { + background: url(../img/datebg.jpg) no-repeat; height: 176px; width: 176px; position: relative; padding: 17px 17px 30px 17px; + + +} +.portaltype-tabellio-agenda-parlement .date, +.portaltype-tabellio-agenda-parlevent .date{ background: url(../img/datebggrey.gif) no-repeat; } - -.template-pcfhome_folder .blocdate .date { - background: url(../img/datebg.jpg) no-repeat; -} - -.blocdate .date .day { +.portaltype-tabellio-agenda-parlement .date .day, +.portaltype-tabellio-agenda-parlevent .date .day, +.template-pcfhome_folder .date .day { font-size: 80px; text-align: center; display: block; @@ -1497,8 +1537,9 @@ border: none; text-align: center; color:white; } - -.blocdate .date .month { +.portaltype-tabellio-agenda-parlement .date .month, +.portaltype-tabellio-agenda-parlevent .date .month, +.template-pcfhome_folder .date .month { display: block; font-size: 27px; text-transform: uppercase; @@ -1509,8 +1550,9 @@ border: none; text-align: center; color:white; } - -#content .open-calendar { +.portaltype-tabellio-agenda-parlement #content .open-calendar, +.portaltype-tabellio-agenda-parlevent #content .open-calendar, +.template-pcfhome_folder #content .open-calendar { position: absolute; bottom: 0; width: 176px; @@ -1576,7 +1618,11 @@ border: none; #deputy-tabs {font-size: 12px;} -#portal-breadcrumbs {font-size: 100%;} +#portal-breadcrumbs +{ + margin-top: 5px; + font-size: 100%; +} /*template-search_form portaltype-plone-site*/ diff --git a/plonetheme/pcfweb/static/img/backgroundSearch.png b/plonetheme/pcfweb/static/img/backgroundSearch.png new file mode 100644 index 0000000..46adfd4 Binary files /dev/null and b/plonetheme/pcfweb/static/img/backgroundSearch.png differ diff --git a/plonetheme/pcfweb/static/img/bloc_bg_bottom.png b/plonetheme/pcfweb/static/img/bloc_bg_bottom.png new file mode 100644 index 0000000..4433706 Binary files /dev/null and b/plonetheme/pcfweb/static/img/bloc_bg_bottom.png differ diff --git a/plonetheme/pcfweb/static/img/bloc_bg_left.png b/plonetheme/pcfweb/static/img/bloc_bg_left.png new file mode 100644 index 0000000..e56680a Binary files /dev/null and b/plonetheme/pcfweb/static/img/bloc_bg_left.png differ diff --git a/plonetheme/pcfweb/static/img/category_top.png b/plonetheme/pcfweb/static/img/category_top.png index 716d48b..dd57cbc 100644 Binary files a/plonetheme/pcfweb/static/img/category_top.png and b/plonetheme/pcfweb/static/img/category_top.png differ diff --git a/plonetheme/pcfweb/static/img/content_bg_1.png b/plonetheme/pcfweb/static/img/content_bg_1.png new file mode 100644 index 0000000..222ad2a Binary files /dev/null and b/plonetheme/pcfweb/static/img/content_bg_1.png differ diff --git a/plonetheme/pcfweb/static/img/content_bg_2.png b/plonetheme/pcfweb/static/img/content_bg_2.png new file mode 100644 index 0000000..f1682a0 Binary files /dev/null and b/plonetheme/pcfweb/static/img/content_bg_2.png differ diff --git a/plonetheme/pcfweb/static/img/cv_banner_shadow.png b/plonetheme/pcfweb/static/img/cv_banner_shadow.png new file mode 100644 index 0000000..35ed2f3 Binary files /dev/null and b/plonetheme/pcfweb/static/img/cv_banner_shadow.png differ diff --git a/plonetheme/pcfweb/static/img/logo.jpg b/plonetheme/pcfweb/static/img/logo.jpg index 4be1e83..9fcf157 100644 Binary files a/plonetheme/pcfweb/static/img/logo.jpg and b/plonetheme/pcfweb/static/img/logo.jpg differ diff --git a/plonetheme/pcfweb/static/img/searchfield_center.png b/plonetheme/pcfweb/static/img/searchfield_center.png new file mode 100644 index 0000000..85b44f8 Binary files /dev/null and b/plonetheme/pcfweb/static/img/searchfield_center.png differ diff --git a/plonetheme/pcfweb/static/img/searchfield_left.png b/plonetheme/pcfweb/static/img/searchfield_left.png new file mode 100644 index 0000000..5b4844b Binary files /dev/null and b/plonetheme/pcfweb/static/img/searchfield_left.png differ diff --git a/plonetheme/pcfweb/static/img/searchfield_right.png b/plonetheme/pcfweb/static/img/searchfield_right.png new file mode 100644 index 0000000..d905277 Binary files /dev/null and b/plonetheme/pcfweb/static/img/searchfield_right.png differ