added custom layout to panles, created thematique anchor links menu

This commit is contained in:
2017-02-07 17:38:51 +01:00
parent e2b8a1ae80
commit 46db2145e5
25 changed files with 495 additions and 67 deletions
+30 -12
View File
@@ -76,31 +76,49 @@ body.no-sidebars #center {
#node-63 {
color: #1f04a1; }
.panel-2col-stacked {
#thematique-anchor-links {
padding: 1em 0; }
#thematique-anchor-links ul {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 0; }
#thematique-anchor-links ul li {
list-style: none;
padding: 0;
margin: 0; }
#thematique-anchor-links ul li a {
color: #1f04a1;
text-decoration: none;
font-weight: 600; }
.panel-thematique {
background-position: center;
background-size: contain;
background-repeat: no-repeat; }
.panel-2col-stacked .field-name-field-emvideo img {
.panel-thematique .field-name-field-emvideo img {
width: 100%; }
.panel-2col-stacked .panel-col-top h2 {
.panel-thematique header.top h2 {
font-size: 2.5em;
font-weight: 300;
color: #fb3f08; }
.panel-2col-stacked .center-wrapper .panel-col-first {
width: 70%; }
.panel-2col-stacked .center-wrapper .panel-col-last {
width: 30%; }
.panel-2col-stacked .center-wrapper .panel-col-last .field-name-body {
display: none; }
.panel-2col-stacked .panel-col-bottom .field-name-field-episodes > .field-items {
.panel-thematique .left .field-name-body {
display: none; }
.panel-thematique .bottom .field-name-field-episodes > .field-items {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: justify;
justify-content: space-between; }
.panel-2col-stacked .panel-col-bottom .field-name-field-episodes > .field-items > .field-item {
.panel-thematique .bottom .field-name-field-episodes > .field-items > .field-item {
display: block;
width: 19%; }
.panel-2col-stacked .panel-col-bottom .field-name-body {
.panel-thematique .bottom .field-name-body {
display: none; }
#mini-panel-th_matique {