calages

sites/all/themes/figureslibres/clameurs/css/dist/styles.css

@@ -361,15 +361,16 @@ input {
           padding: 0 1em 0 0; }
         .node-thematique .content article.main .field-name-body .summary {
           position: relative;
-          background-color: rgba(255, 255, 255, 0.6);
+          background-color: rgba(255, 255, 255, 0.7);
           transition: background-color 0.5 ease-in-out; }
           @media only screen and (min-width: 62.5625em) {
             .node-thematique .content article.main .field-name-body .summary {
-              height: 5.75em;
+              height: 7em;
               overflow: hidden; } }
           .node-thematique .content article.main .field-name-body .summary p {
             font-size: 1.1em;
             padding: 0.5em 0.5em 0.5em 0;
+            margin: 0;
             font-weight: 500; }
         .node-thematique .content article.main .field-name-body .value {
           display: none;
@@ -384,20 +385,17 @@ input {
               display: block; } }
           .node-thematique .content article.main .field-name-body .value p {
             font-size: 1em;
-            padding: 0.5em; }
+            padding: 1em 1em 0;
+            line-height: 1.3;
+            margin: 0;
+            background-color: #fff; }
         @media only screen and (min-width: 62.5625em) {
           .node-thematique .content article.main .field-name-body:hover .summary {
             background-color: #fff; }
           .node-thematique .content article.main .field-name-body:hover .value {
             height: 700px; } }
-        .node-thematique .content article.main .field-name-body p {
-          padding: 0 0 1em;
-          margin: 0; }
       .node-thematique .content article.main .group-video {
         position: relative; }
-        @media only screen and (min-width: 62.5625em) {
-          .node-thematique .content article.main .group-video {
-            min-height: 432px; } }
         .node-thematique .content article.main .group-video .field-name-field-emvideo img {
           max-width: 100%;
           height: auto; }
@@ -452,7 +450,7 @@ input {
       .node-thematique .content aside.right .field-name-field-eclairages .field-item:not(:last-child) {
         padding-bottom: 1.2em; }
       .node-thematique .content aside.right .node-documentair {
-        min-height: 160px;
+        min-height: 150px;
         background-color: #fff; }
         .node-thematique .content aside.right .node-documentair .content {
           position: relative; }

sites/all/themes/figureslibres/clameurs/css/styles.scss

@@ -413,20 +413,21 @@ $header_height_large:400px;
 				width:$main_w;
 			}
 
-			overflow: hidden;
+      overflow: hidden;
 			.field-name-body{
 				position: relative; z-index: 3;
 				>*{padding:0 1em 0 0;}
 				.summary{
 					position: relative;
-					background-color: transparentize(#fff, 0.4);
+					background-color: transparentize(#fff, 0.3);
 					transition: background-color 0.5 ease-in-out;
 					@media #{$large-up} {
-						height:5.75em; overflow: hidden;
+						height:7em; overflow: hidden;
 					}
 					p{
 						font-size: 1.1em;
 						padding:0.5em 0.5em 0.5em 0;
+            margin: 0;
 						font-weight: 500;
 					}
 				}
@@ -441,7 +442,8 @@ $header_height_large:400px;
 					background-color: #fff;
 					overflow: hidden;
 					p{
-						font-size: 1em; padding: 0.5em;
+						font-size: 1em; padding: 1em 1em 0; line-height: 1.3; margin:0;
+            background-color: #fff;
 					}
 				}
 				@media #{$large-up} {
@@ -452,12 +454,12 @@ $header_height_large:400px;
 						}
 					}
 				}
-				p{padding:0 0 1em; margin: 0;}
+				// p{padding:0 0 1em; margin: 0;}
 			} //field-name-body
 			.group-video{
 				position: relative;
 				@media #{$large-up} {
-					min-height: 432px;
+					// min-height: 432px;
 				}
 				.field-name-field-emvideo img{
 					max-width: 100%; height: auto;
@@ -524,7 +526,7 @@ $header_height_large:400px;
 				}
 			}
 			.node-documentair{
-				min-height: 160px;
+				min-height: 150px;
 				background-color: #fff;
 				.content{
 					position: relative;