new home

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;
+			// margin-bottom: 10px;
-			float:left;
+			// float:right;
-			margin-left: 15px;
+			// 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 {
+		#logo-home-popsu1{
-			background: url(../img/logos/popsu1/logo-small-home-trans.png) no-repeat top center;
+			background: url(../img/logos/popsu1/logo-sidebar-trans.png) no-repeat top center;
 		}
-		#logo-home-popsu2 ul.logos {
+		#logo-home-popsu2{
-			background: url(../img/logos/popsu2/logo-small-home-trans.png) no-repeat top center;
+			background: url(../img/logos/popsu2/logo-sidebar-trans.png) no-repeat top center;
 		}
-		#logo-home-popsueurope ul.logos {
+		#logo-home-popsueurope{
-			background: url(../img/logos/popsueurope/logo-small-home-trans.png) no-repeat top center;
+			background: url(../img/logos/popsueurope/logo-sidebar-trans.png) no-repeat top center;
 			margin-right: 0;
 		}
-		#logo-home-popsuterritoires ul.logos {
+		#logo-home-popsuterritoires{
-			background: url(../img/logos/popsuterritoires/logo-small-home-trans.png) no-repeat top center;
+			background: url(../img/logos/popsuterritoires/logo-sidebar-trans.png) no-repeat top center;
 		}
-		#logo-home-popsumetropoles ul.logos {
+		#logo-home-popsumetropoles{
-			background: url(../img/logos/popsumetropoles/logo-small-home-trans.png) no-repeat top center;
+			background: url(../img/logos/popsumetropoles/logo-sidebar-trans.png) no-repeat top center;
 		}
-		#logo-home-popsumonde ul.logos {
+		#logo-home-popsumonde{
-			background: url(../img/logos/popsumonde/logo-small-home-trans.png) no-repeat top center;
+			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-popsu1:hover,
-		#logo-home-popsu2 ul.logos:hover,
+		#logo-home-popsu2:hover,
-		#logo-home-popsueurope ul.logos:hover,
+		#logo-home-popsueurope:hover,
-		#logo-home-popsuterritoires ul.logos:hover,
+		#logo-home-popsuterritoires:hover,
-		#logo-home-popsumetropoles ul.logos:hover,
+		#logo-home-popsumetropoles:hover,
-		#logo-home-popsumonde ul.logos: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;
+		padding-top: 60px;
-	}
+		border: 1px solid #000;
-	#logos-partenaires-home #ministere-eco {
+		&>a{
-		// float: left;
+			display:block;
-		display: block;
+			width:100%;
-		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;
 			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 {
+  #logos-partenaires-home #ministere-puca {
-			display: block;
+		height: 80px;
-			width: 115px;
+		background-image: url(../img/logos/logos-partenaires_04.png);
-			height: 90px;
+  }
-			text-indent: -999px;
+  // #logos-partenaires-home #ministere-aigp {
-			overflow: hidden;
+	// 	height: 59px;
-			margin: -2px 0 0;
+	// 	background-image: url(../img/logos/logos-partenaires_05.png);
-			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;
-	  // }
 
 	.col-logo {
 		margin-top: 20px;
 		margin-left: 50px;
 	}
 	.col-intro  {
-		width: 560px;
+		width: 700px;
 		margin: -18px 0 0 134px;
-		background-color: #fff;
+		// background-color: #fff;
-		.panels-flexible-region-inside {
+		.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;
+	// float: right;
-	width: 221px;
+	// width: 221px;
-	background: url("../img/pixels/actu_background-trans.png");
+	// margin-right: 33px;
-	color: #fff;
+	// margin-top: 50px;
-	margin-right: 33px;
-	margin-top: 50px;
 
 	a {
 		color: #fff;
 	}
 	h2.pane-title {
-		font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
+		// font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
-		font-size: 22px;
+		// font-size: 22px;
-		padding: 6px 8px 9px 8px;
+		// 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;

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;
+	// display: inline-block;
-	margin-right: -20px;
+	// margin-right: -20px;
-	margin-top: -10px;
+	// margin-top: -10px;
-	margin-bottom: 10px;
+	// margin-bottom: 10px;
+	// margin:0 auto;
 	padding: 0;
-
+	text-align: center;
-	float: right;
+	// 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 {