diff --git a/sites/default/themes/popsu/img/icons/linkedin.png b/sites/default/themes/popsu/img/icons/linkedin.png new file mode 100644 index 0000000..8b2b890 Binary files /dev/null and b/sites/default/themes/popsu/img/icons/linkedin.png differ diff --git a/sites/default/themes/popsu/img/logos/baseline.png b/sites/default/themes/popsu/img/logos/baseline.png index 962ade9..276c803 100644 Binary files a/sites/default/themes/popsu/img/logos/baseline.png and b/sites/default/themes/popsu/img/logos/baseline.png differ diff --git a/sites/default/themes/popsu/img/logos/baseline.png.back b/sites/default/themes/popsu/img/logos/baseline.png.back new file mode 100644 index 0000000..962ade9 Binary files /dev/null and b/sites/default/themes/popsu/img/logos/baseline.png.back differ diff --git a/sites/default/themes/popsu/img/logos/logo-pages-froides-avec-baseline.png b/sites/default/themes/popsu/img/logos/logo-pages-froides-avec-baseline.png index 9240cca..1109555 100644 Binary files a/sites/default/themes/popsu/img/logos/logo-pages-froides-avec-baseline.png and b/sites/default/themes/popsu/img/logos/logo-pages-froides-avec-baseline.png differ diff --git a/sites/default/themes/popsu/img/logos/logo-pages-froides-avec-baseline.png.back b/sites/default/themes/popsu/img/logos/logo-pages-froides-avec-baseline.png.back new file mode 100644 index 0000000..9240cca Binary files /dev/null and b/sites/default/themes/popsu/img/logos/logo-pages-froides-avec-baseline.png.back differ diff --git a/sites/default/themes/popsu/img/logos/logo_recherche.png b/sites/default/themes/popsu/img/logos/logo_recherche.png index 046a87d..c924866 100644 Binary files a/sites/default/themes/popsu/img/logos/logo_recherche.png and b/sites/default/themes/popsu/img/logos/logo_recherche.png differ diff --git a/sites/default/themes/popsu/img/logos/logo_recherche.png.back b/sites/default/themes/popsu/img/logos/logo_recherche.png.back new file mode 100644 index 0000000..046a87d Binary files /dev/null and b/sites/default/themes/popsu/img/logos/logo_recherche.png.back differ diff --git a/sites/default/themes/popsu/img/logos/logos_4ministres_2018_v2-territoires.png b/sites/default/themes/popsu/img/logos/logos_4ministres_2018_v2-territoires.png index b9dd30c..5212da5 100644 Binary files a/sites/default/themes/popsu/img/logos/logos_4ministres_2018_v2-territoires.png and b/sites/default/themes/popsu/img/logos/logos_4ministres_2018_v2-territoires.png differ diff --git a/sites/default/themes/popsu/img/logos/logos_4ministres_2018_v2-territoires.png.back b/sites/default/themes/popsu/img/logos/logos_4ministres_2018_v2-territoires.png.back new file mode 100644 index 0000000..b9dd30c Binary files /dev/null and b/sites/default/themes/popsu/img/logos/logos_4ministres_2018_v2-territoires.png.back differ diff --git a/sites/default/themes/popsu/img/logos/rect1729.png b/sites/default/themes/popsu/img/logos/rect1729.png index d84329a..d68d806 100644 Binary files a/sites/default/themes/popsu/img/logos/rect1729.png and b/sites/default/themes/popsu/img/logos/rect1729.png differ diff --git a/sites/default/themes/popsu/img/logos/rect1729.png.back b/sites/default/themes/popsu/img/logos/rect1729.png.back new file mode 100644 index 0000000..d84329a Binary files /dev/null and b/sites/default/themes/popsu/img/logos/rect1729.png.back differ diff --git a/sites/default/themes/popsu/img/logos/rect1926.png b/sites/default/themes/popsu/img/logos/rect1926.png index 291088f..6caacd1 100644 Binary files a/sites/default/themes/popsu/img/logos/rect1926.png and b/sites/default/themes/popsu/img/logos/rect1926.png differ diff --git a/sites/default/themes/popsu/img/logos/rect1926.png.back b/sites/default/themes/popsu/img/logos/rect1926.png.back new file mode 100644 index 0000000..291088f Binary files /dev/null and b/sites/default/themes/popsu/img/logos/rect1926.png.back differ diff --git a/sites/default/themes/popsu/img/logos/rect1930.png b/sites/default/themes/popsu/img/logos/rect1930.png index 6785d30..3d71f32 100644 Binary files a/sites/default/themes/popsu/img/logos/rect1930.png and b/sites/default/themes/popsu/img/logos/rect1930.png differ diff --git a/sites/default/themes/popsu/img/logos/rect1930.png.back b/sites/default/themes/popsu/img/logos/rect1930.png.back new file mode 100644 index 0000000..6785d30 Binary files /dev/null and b/sites/default/themes/popsu/img/logos/rect1930.png.back differ diff --git a/sites/default/themes/popsu/less/content-all.css.less b/sites/default/themes/popsu/less/content-all.css.less index 2264d72..780efe3 100644 --- a/sites/default/themes/popsu/less/content-all.css.less +++ b/sites/default/themes/popsu/less/content-all.css.less @@ -652,20 +652,32 @@ body.front { } .home-logos-popsu { - + #boxes-box-popsu_home_logos>.boxes-box-content>.clearfix{ + text-align: right; + } + div.logos-popsu{ + display: inline-block; + text-align: left; + width:70px; + margin:0 0 0 50px; + overflow: visible; + background-size: contain!important; + } ul.logos { display: block; - height: 86px; + height: 90px; width: 150px; /*text-indent: -999px;*/ overflow: hidden; - margin-bottom: 10px; - float:left; - margin-left: 15px; + // margin-bottom: 10px; + // float:right; + // margin-left: 15px; /*margin-right: 35px;*/ - margin-right: 15px; + // margin-right: 15px; + margin:0 0 0 -35px; cursor: pointer; - padding-top: 5px; + // padding-top: 5px; + li { font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif; @@ -686,34 +698,37 @@ body.front { } } + // #logo-home-popsu1 ul.logos{ + // margin-top:-20px; + // } - #logo-home-popsu1 ul.logos { - background: url(../img/logos/popsu1/logo-small-home-trans.png) no-repeat top center; + #logo-home-popsu1{ + background: url(../img/logos/popsu1/logo-sidebar-trans.png) no-repeat top center; } - #logo-home-popsu2 ul.logos { - background: url(../img/logos/popsu2/logo-small-home-trans.png) no-repeat top center; + #logo-home-popsu2{ + background: url(../img/logos/popsu2/logo-sidebar-trans.png) no-repeat top center; } - #logo-home-popsueurope ul.logos { - background: url(../img/logos/popsueurope/logo-small-home-trans.png) no-repeat top center; + #logo-home-popsueurope{ + background: url(../img/logos/popsueurope/logo-sidebar-trans.png) no-repeat top center; margin-right: 0; } - #logo-home-popsuterritoires ul.logos { - background: url(../img/logos/popsuterritoires/logo-small-home-trans.png) no-repeat top center; + #logo-home-popsuterritoires{ + background: url(../img/logos/popsuterritoires/logo-sidebar-trans.png) no-repeat top center; } - #logo-home-popsumetropoles ul.logos { - background: url(../img/logos/popsumetropoles/logo-small-home-trans.png) no-repeat top center; + #logo-home-popsumetropoles{ + background: url(../img/logos/popsumetropoles/logo-sidebar-trans.png) no-repeat top center; } - #logo-home-popsumonde ul.logos { - background: url(../img/logos/popsumonde/logo-small-home-trans.png) no-repeat top center; + #logo-home-popsumonde{ + background: url(../img/logos/popsumonde/logo-sidebar-trans.png) no-repeat top center; margin-right: 0; } ul.logos li {display: none;} - #logo-home-popsu1 ul.logos:hover, - #logo-home-popsu2 ul.logos:hover, - #logo-home-popsueurope ul.logos:hover, - #logo-home-popsuterritoires ul.logos:hover, - #logo-home-popsumetropoles ul.logos:hover, - #logo-home-popsumonde ul.logos:hover{ + #logo-home-popsu1:hover, + #logo-home-popsu2:hover, + #logo-home-popsueurope:hover, + #logo-home-popsuterritoires:hover, + #logo-home-popsumetropoles:hover, + #logo-home-popsumonde:hover{ background: none; } ul.logos:hover li { @@ -724,99 +739,64 @@ body.front { #logos-partenaires-home { display: block; - width: 115px; + width: 90px; // height: 450px; text-indent: -999px; overflow: hidden; - margin-top: 5px; + margin-top: -18px; background: url(../img/logos/rect1729.png) no-repeat top center; background-size: contain; - padding-top: 77px; - } - #logos-partenaires-home #ministere-eco { - // float: left; - display: block; - width: 115px; - height: 73px; - text-indent: -999px; - overflow: hidden; - margin: 0; - padding: 0; - background: url(../img/logos/rect1926.png) no-repeat top center; - background-size: contain; - } - #logos-partenaires-home #ministere-territoires { - display: block; - width: 115px; - height: 105px; - text-indent: -999px; - overflow: hidden; - margin: 0; - padding: 0; - background: url(../img/logos/logos_4ministres_2018_v2-territoires.png) no-repeat top center; - background-size: contain; - background-color: white; - } - #logos-partenaires-home #ministere-culture { - display: block; - width: 115px; - height: 60px; + padding-top: 60px; + border: 1px solid #000; + &>a{ + display:block; + width:100%; text-indent: -999px; overflow: hidden; margin: 0; padding: 0; - background-image: url(../img/logos/rect1930.png); background-size: contain; background-repeat: no-repeat; - background-position: top; + background-position: center; + background-color: white; + border-top: 1px solid #000; } + } + #logos-partenaires-home #ministere-eco { + height: 55px; + background-image: url(../img/logos/rect1926.png); + } + #logos-partenaires-home #ministere-territoires { + height: 80px; + background-image: url(../img/logos/logos_4ministres_2018_v2-territoires.png); + } + #logos-partenaires-home #ministere-culture { + height: 40px; + background-image: url(../img/logos/rect1930.png); + } + // #logos-partenaires-home #ministere-recherche { + // height: 75px; + // background-image: url(../img/logos/logo_recherche.png); + // } - #logos-partenaires-home #ministere-recherche { - display: block; - width: 115px; - height: 90px; - text-indent: -999px; - overflow: hidden; - margin: -2px 0 0; - padding: 0; - background-image: url(../img/logos/logo_recherche.png); - background-size: contain; - background-repeat: no-repeat; - background-position: top; - } - - #logos-partenaires-home #ministere-puca { - display: block; - width: 115px; - height: 68px; - text-indent: -999px; - overflow: hidden; - margin: 0; - padding: 0; - background: url(../img/logos/logos-partenaires_04.png) no-repeat top center; - background-size: contain; - } - // #logos-partenaires-home #ministere-aigp { - // display: block; - // width: 115px; - // height: 59px; - // text-indent: -999px; - // overflow: hidden; - // margin: 0; - // padding: 0; - // background: url(../img/logos/logos-partenaires_05.png) no-repeat top center; - // background-size: contain; - // } + #logos-partenaires-home #ministere-puca { + height: 80px; + background-image: url(../img/logos/logos-partenaires_04.png); + } + // #logos-partenaires-home #ministere-aigp { + // height: 59px; + // background-image: url(../img/logos/logos-partenaires_05.png); + // } .col-logo { margin-top: 20px; margin-left: 50px; } .col-intro { - width: 560px; + width: 700px; margin: -18px 0 0 134px; - background-color: #fff; - .panels-flexible-region-inside { + // background-color: #fff; + .panel-pane { padding: 10px 15px; } p, li { @@ -837,6 +817,9 @@ body.front { padding-right: 25px; margin-bottom: 7px; } + .panel-pane:first-child{ + background-color: #fff; + } } .col-center { height: 730px; @@ -942,21 +925,94 @@ body.logged-in #content-tabs ul.tabs.primary { margin-bottom: 0; } +// Home origin +// #content-inner .bloc-actu-home { +// float: right; +// width: 221px; +// background: url("../img/pixels/actu_background-trans.png"); +// color: #fff; +// margin-right: 33px; +// margin-top: 50px; +// +// a { +// color: #fff; +// } +// h2.pane-title { +// font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif; +// font-size: 22px; +// padding: 6px 8px 9px 8px; +// } +// .views-field-title { +// font-size: 18px; +// line-height: 16px; +// padding: 10px 10px 0 10px; +// font-family: OpenSansSemiBold,verdana,arial,helvetica,sans-serif; +// } +// .views-field-field-popsu-actu-date { +// font-size: 18px; +// line-height: 19px; +// padding: 2px 10px 0 10px; +// } +// .views-field-field-popsu-actu-body { +// font-size: 13px; +// line-height: 18px; +// padding: 0px 10px 10px 10px; +// } +// .views-field-field-popsu-actu-body a { +// text-decoration: none; +// } +// .views-field-view-node { +// background: #000; +// text-transform: uppercase; +// font-family: BebasNeueRegular,verdana,arial,helvetica,sans-serif; +// font-size: 13px; +// letter-spacing: 0.075em; +// display: block; +// float: right; +// margin-right: -7px; +// padding: 0px 5px; +// margin-bottom: 8px; +// } +// } + #content-inner .bloc-actu-home { - float: right; - width: 221px; - background: url("../img/pixels/actu_background-trans.png"); - color: #fff; - margin-right: 33px; - margin-top: 50px; + // float: right; + // width: 221px; + // margin-right: 33px; + // margin-top: 50px; a { color: #fff; } h2.pane-title { - font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif; - font-size: 22px; - padding: 6px 8px 9px 8px; + // font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif; + // font-size: 22px; + // padding: 6px 8px 9px 8px; + display:none; + } + .view-content{ + // display:flex; + // flex-direction: row; + display:grid; + grid-template-columns: 32% 32% 32%; + grid-template-rows: 305px; + column-gap: 2%; + } + + .views-row{ + // grid-column: auto; + background: url("../img/pixels/actu_background-trans.png"); + color: #fff; + + } + .views-row-1{ + grid-column: 1; + } + .views-row-2{ + grid-column: 2; + } + .views-row-3{ + grid-column: 3; } .views-field-title { font-size: 18px; diff --git a/sites/default/themes/popsu/less/layout.css.less b/sites/default/themes/popsu/less/layout.css.less index 1dc1153..24e9163 100644 --- a/sites/default/themes/popsu/less/layout.css.less +++ b/sites/default/themes/popsu/less/layout.css.less @@ -23,7 +23,7 @@ body.front #global-wrapper { } body.front #global-wrapper-secondary { - background: url(../img/carte/fond_pageaccueil_final.png) no-repeat center -46px; + background: url(../img/carte/fond_pageaccueil_final.png) no-repeat center 245px; } @@ -224,6 +224,9 @@ body.page-user #page { a.facebook{ background-image: url('../img/icons/facebook.png'); } + a.linkedin{ + background-image: url('../img/icons/linkedin.png'); + } a.social.youtube{ background-image: url('../img/icons/youtube-white.png'); width:20px; @@ -746,16 +749,19 @@ body.context-popsu-territoires { } #trigger-questcequepopsu { - background: #000000; - margin-right: -20px; - margin-top: -10px; - margin-bottom: 10px; + // display: inline-block; + // margin-right: -20px; + // margin-top: -10px; + // margin-bottom: 10px; + // margin:0 auto; padding: 0; - - float: right; + text-align: center; + // float: right; + margin-bottom: 10px; a { - display: block; + background: #000000; + display: inline-block; cursor: pointer; color: #fff; @@ -770,6 +776,33 @@ body.context-popsu-territoires { } } +.home-lien-actus { + // display: inline-block; + // margin-right: -20px; + // margin-top: -10px; + // margin-bottom: 10px; + // margin:0 auto; + padding: 0; + text-align: center; + // float: right; + margin-bottom: 10px; + margin-top:10px; + a { + background: #000000; + display: inline-block; + cursor: pointer; + + color: #fff; + font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif; + font-size: 14px; + line-height: 14px; + letter-spacing: 0.05em; + font-weight: normal; + + padding: 3px 4px 2px 7px; + + } +} .breadcrumb { display: none; } body.context-popsu #header-wrapper .menu-header .block-inner {