actualité et évenement + page archive v0
This commit is contained in:
		@@ -1254,7 +1254,8 @@ iframe {
 | 
			
		||||
#header-top {
 | 
			
		||||
  height: 3rem;
 | 
			
		||||
  background: white;
 | 
			
		||||
  margin-bottom: 2rem; }
 | 
			
		||||
  margin-bottom: 2rem;
 | 
			
		||||
  margin-top: 1rem; }
 | 
			
		||||
 | 
			
		||||
.header_top_left_container {
 | 
			
		||||
  height: 100%; }
 | 
			
		||||
@@ -1809,7 +1810,10 @@ article p, .paragraph p {
 | 
			
		||||
    text-transform: uppercase;
 | 
			
		||||
    font-family: 'duke';
 | 
			
		||||
    font-size: 1rem;
 | 
			
		||||
    padding: .3rem .5rem; }
 | 
			
		||||
    padding: .3rem .5rem;
 | 
			
		||||
    text-decoration: none; }
 | 
			
		||||
    .block-region-first #node\:title:hover {
 | 
			
		||||
      text-decoration: underline; }
 | 
			
		||||
 | 
			
		||||
.page-node-type-static .layout__region--top {
 | 
			
		||||
  position: absolute;
 | 
			
		||||
@@ -1821,6 +1825,26 @@ article p, .paragraph p {
 | 
			
		||||
  box-shadow: inset 0 -5rem 8rem white;
 | 
			
		||||
  z-index: -1; }
 | 
			
		||||
 | 
			
		||||
.page-node-type-actualite .block-region-first, .page-node-type-evenement .block-region-first {
 | 
			
		||||
  background-color: black;
 | 
			
		||||
  color: white; }
 | 
			
		||||
  .page-node-type-actualite .block-region-first a, .page-node-type-evenement .block-region-first a {
 | 
			
		||||
    text-transform: uppercase;
 | 
			
		||||
    font-family: 'duke';
 | 
			
		||||
    font-size: 1rem;
 | 
			
		||||
    padding: .3rem .5rem;
 | 
			
		||||
    text-decoration: none; }
 | 
			
		||||
    .page-node-type-actualite .block-region-first a:hover, .page-node-type-evenement .block-region-first a:hover {
 | 
			
		||||
      text-decoration: underline; }
 | 
			
		||||
 | 
			
		||||
.page-node-type-actualite #node\:title, .page-node-type-evenement #node\:title {
 | 
			
		||||
  font-family: "trueno";
 | 
			
		||||
  font-weight: 600;
 | 
			
		||||
  font-size: 0.8rem;
 | 
			
		||||
  color: brown;
 | 
			
		||||
  margin-top: 1rem;
 | 
			
		||||
  margin-bottom: .3rem; }
 | 
			
		||||
 | 
			
		||||
.path-actus .content_container > div > h2:first-of-type {
 | 
			
		||||
  text-align: center; }
 | 
			
		||||
 | 
			
		||||
@@ -1828,13 +1852,15 @@ article p, .paragraph p {
 | 
			
		||||
  display: grid;
 | 
			
		||||
  grid-template-columns: 10% minmax(0, 1fr); }
 | 
			
		||||
  .path-actus .content_container .layout__region--content .views-element-container h2 {
 | 
			
		||||
    grid-column: 2; }
 | 
			
		||||
    grid-column: 2;
 | 
			
		||||
    padding: 0 0 0 20px; }
 | 
			
		||||
  .path-actus .content_container .layout__region--content .views-element-container div {
 | 
			
		||||
    grid-column: 2; }
 | 
			
		||||
    .path-actus .content_container .layout__region--content .views-element-container div h2 {
 | 
			
		||||
      margin: 1rem 0; }
 | 
			
		||||
  .path-actus .content_container .layout__region--content .views-element-container article h2 {
 | 
			
		||||
    color: white; }
 | 
			
		||||
    color: white;
 | 
			
		||||
    padding: 0; }
 | 
			
		||||
    .path-actus .content_container .layout__region--content .views-element-container article h2 a {
 | 
			
		||||
      text-decoration: none; }
 | 
			
		||||
      .path-actus .content_container .layout__region--content .views-element-container article h2 a:hover {
 | 
			
		||||
@@ -2032,4 +2058,25 @@ article p, .paragraph p {
 | 
			
		||||
      font-size: 0.8rem;
 | 
			
		||||
      text-decoration: none; }
 | 
			
		||||
 | 
			
		||||
.path-archives .content_container > div > h2 {
 | 
			
		||||
  text-align: center; }
 | 
			
		||||
 | 
			
		||||
.path-archives .content_container .views-element-container > div {
 | 
			
		||||
  display: grid;
 | 
			
		||||
  grid-template-columns: 10% repeat(3, minmax(0, 1fr)) 10%;
 | 
			
		||||
  grid-column-gap: 2rem;
 | 
			
		||||
  grid-row-gap: 1rem; }
 | 
			
		||||
  .path-archives .content_container .views-element-container > div header {
 | 
			
		||||
    grid-column: 1 / span 5;
 | 
			
		||||
    text-align: center; }
 | 
			
		||||
  .path-archives .content_container .views-element-container > div nav {
 | 
			
		||||
    grid-column: 1 / span 5;
 | 
			
		||||
    text-align: center; }
 | 
			
		||||
  .path-archives .content_container .views-element-container > div .views-row:first-of-type {
 | 
			
		||||
    grid-column: 2; }
 | 
			
		||||
  .path-archives .content_container .views-element-container > div .views-row:nth-of-type(3n+1) {
 | 
			
		||||
    grid-column: 2; }
 | 
			
		||||
  .path-archives .content_container .views-element-container > div .views-row {
 | 
			
		||||
    background: red; }
 | 
			
		||||
 | 
			
		||||
/*# sourceMappingURL=styles.css.map */
 | 
			
		||||
 
 | 
			
		||||
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							@@ -55,9 +55,16 @@ $(function(){
 | 
			
		||||
	}
 | 
			
		||||
	
 | 
			
		||||
	
 | 
			
		||||
	// if($('.path-centre-de-ressources').length > 0){
 | 
			
		||||
	// 	$("header > div").slick();
 | 
			
		||||
	// }
 | 
			
		||||
	if($('.path-centre-de-ressources').length > 0){
 | 
			
		||||
 | 
			
		||||
		let elem = $(".content_container").find(".views-element-container header>div");
 | 
			
		||||
		// elem.slick({
 | 
			
		||||
		// 	slidesToShow: 1,
 | 
			
		||||
		// 	slidesToScroll: 1,
 | 
			
		||||
		// 	centerMode: true,
 | 
			
		||||
		// 	centerPadding: '60px',
 | 
			
		||||
		// });
 | 
			
		||||
	}
 | 
			
		||||
	
 | 
			
		||||
 | 
			
		||||
	$('.close-block').click(function(){
 | 
			
		||||
 
 | 
			
		||||
@@ -10,6 +10,7 @@
 | 
			
		||||
				grid-template-columns: 10% minmax(0, 1fr);
 | 
			
		||||
				h2{
 | 
			
		||||
					grid-column: 2 ;
 | 
			
		||||
					padding: 0 0 0 20px;
 | 
			
		||||
				}
 | 
			
		||||
				div{
 | 
			
		||||
					grid-column: 2;
 | 
			
		||||
@@ -20,6 +21,7 @@
 | 
			
		||||
				article{
 | 
			
		||||
					h2{
 | 
			
		||||
						color: white;
 | 
			
		||||
						padding: 0;
 | 
			
		||||
						a{
 | 
			
		||||
							text-decoration: none;
 | 
			
		||||
							&:hover{
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										53
									
								
								web/themes/custom/popsu/sass/pages/_archives.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										53
									
								
								web/themes/custom/popsu/sass/pages/_archives.scss
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,53 @@
 | 
			
		||||
.path-archives{
 | 
			
		||||
	
 | 
			
		||||
	.content_container{
 | 
			
		||||
		&>div>h2{
 | 
			
		||||
			text-align: center;
 | 
			
		||||
		}
 | 
			
		||||
		.views-element-container{
 | 
			
		||||
			
 | 
			
		||||
			&>div{
 | 
			
		||||
				display: grid;
 | 
			
		||||
				grid-template-columns: 10% repeat(3, minmax(0, 1fr)) 10%;
 | 
			
		||||
				grid-column-gap: 2rem;
 | 
			
		||||
				grid-row-gap: 1rem;
 | 
			
		||||
				
 | 
			
		||||
				header{
 | 
			
		||||
					grid-column: 1 / span 5;
 | 
			
		||||
					text-align: center;
 | 
			
		||||
				}
 | 
			
		||||
				nav{
 | 
			
		||||
					grid-column: 1 / span 5;
 | 
			
		||||
					text-align: center;
 | 
			
		||||
				}	
 | 
			
		||||
				.views-row:first-of-type{
 | 
			
		||||
					grid-column: 2;
 | 
			
		||||
				}
 | 
			
		||||
				.views-row:nth-of-type(3n+1){
 | 
			
		||||
					grid-column: 2;
 | 
			
		||||
				}
 | 
			
		||||
				.views-row{
 | 
			
		||||
					background: red;
 | 
			
		||||
				}
 | 
			
		||||
				// mise en page temporaire
 | 
			
		||||
				// article{
 | 
			
		||||
				// 	display: grid;
 | 
			
		||||
				// 	h2{
 | 
			
		||||
				// 		grid-row: 2;
 | 
			
		||||
				// 	}
 | 
			
		||||
				// 	&>div{
 | 
			
		||||
				// 		grid-row: 1;
 | 
			
		||||
				// 		display: grid;
 | 
			
		||||
				// 		div:nth-child(2){
 | 
			
		||||
				// 			grid-row: 1;
 | 
			
		||||
				// 		}
 | 
			
		||||
				// 		div:nth-child(1){
 | 
			
		||||
				// 			grid-row: 2;
 | 
			
		||||
				// 		}
 | 
			
		||||
				// 	}
 | 
			
		||||
					
 | 
			
		||||
				// }
 | 
			
		||||
			}
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
@@ -29,7 +29,12 @@ article, .paragraph{
 | 
			
		||||
        font-family: 'duke';
 | 
			
		||||
        font-size: $font-big;
 | 
			
		||||
        padding: .3rem .5rem;
 | 
			
		||||
        text-decoration: none;
 | 
			
		||||
        &:hover{
 | 
			
		||||
            text-decoration: underline;
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
    
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.page-node-type-static{
 | 
			
		||||
@@ -43,4 +48,31 @@ article, .paragraph{
 | 
			
		||||
        box-shadow: inset 0 -5rem 8rem white;
 | 
			
		||||
        z-index: -1;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.page-node-type-actualite, .page-node-type-evenement{
 | 
			
		||||
    .block-region-first{
 | 
			
		||||
        background-color: black;
 | 
			
		||||
        color: white;
 | 
			
		||||
        a{
 | 
			
		||||
            text-transform: uppercase;
 | 
			
		||||
            font-family: 'duke';
 | 
			
		||||
            font-size: $font-big;
 | 
			
		||||
            padding: .3rem .5rem;
 | 
			
		||||
            text-decoration: none;
 | 
			
		||||
            &:hover{
 | 
			
		||||
                text-decoration: underline;
 | 
			
		||||
            }
 | 
			
		||||
        }
 | 
			
		||||
      
 | 
			
		||||
        
 | 
			
		||||
    }
 | 
			
		||||
    #node\:title{
 | 
			
		||||
        font-family: "trueno";
 | 
			
		||||
        font-weight: 600;
 | 
			
		||||
        font-size: $font-medium;
 | 
			
		||||
        color:brown;
 | 
			
		||||
        margin-top: 1rem;
 | 
			
		||||
        margin-bottom: .3rem;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
@@ -1,5 +1,5 @@
 | 
			
		||||
.slick-list{
 | 
			
		||||
}
 | 
			
		||||
// .slick-list{
 | 
			
		||||
// }
 | 
			
		||||
.path-frontpage{
 | 
			
		||||
	.block-region-content{
 | 
			
		||||
		display: grid;
 | 
			
		||||
@@ -278,10 +278,10 @@
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
#home_theme_container{
 | 
			
		||||
	.slick-slide{
 | 
			
		||||
		// margin: 0 1rem;
 | 
			
		||||
	// .slick-slide{
 | 
			
		||||
	// 	// margin: 0 1rem;
 | 
			
		||||
		
 | 
			
		||||
	}
 | 
			
		||||
	// }
 | 
			
		||||
	.slick-arrow{
 | 
			
		||||
		position: absolute;
 | 
			
		||||
		height: 100%;
 | 
			
		||||
 
 | 
			
		||||
@@ -4,6 +4,7 @@
 | 
			
		||||
	height: 3rem;
 | 
			
		||||
    background: white;
 | 
			
		||||
    margin-bottom: 2rem;
 | 
			
		||||
    margin-top: 1rem;
 | 
			
		||||
}
 | 
			
		||||
.header_top_left_container{
 | 
			
		||||
	height: 100%;
 | 
			
		||||
 
 | 
			
		||||
@@ -31,4 +31,5 @@
 | 
			
		||||
@import "pages/default";
 | 
			
		||||
@import "pages/actu";
 | 
			
		||||
@import "pages/programme";
 | 
			
		||||
@import "pages/archives";
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user