bachir/Clameurs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added custom layout to panles, created thematique anchor links menu

Browse Source
This commit is contained in:
bachir
2017-02-07 17:38:51 +01:00
parent e2b8a1ae80
commit 46db2145e5
25 changed files with 495 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/figureslibres/clameurs/css/dist/styles.css
Vendored
+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 {
sites/all/themes/figureslibres/clameurs/css/styles.scss
+30 -12
View File
@@ -75,8 +75,28 @@ body{
color:$bleu;
}
#thematique-anchor-links{
padding:1em 0;
ul{
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
padding:0; margin:0;
li{
list-style: none;
padding:0; margin: 0;
a{
color: $bleu;
text-decoration: none;
font-weight: 600;
}
}
}
}
// thematique
.panel-2col-stacked{
.panel-thematique{
background-position: center;
background-size: contain;
@@ -85,21 +105,19 @@ body{
.field-name-field-emvideo img{
width: 100%;
}
.panel-col-top h2{
header.top h2{
font-size: 2.5em;
font-weight: 300;
color: $rouge;
}
.center-wrapper{
.panel-col-first{
width:70%;
}
.panel-col-last{
width:30%;
.field-name-body{
display:none;
}
.right{
}
.left{
.field-name-body{
display:none;
}
}
.panel-col-bottom{
.bottom{
.field-name-field-episodes{
// letter-spacing: -0.25em;
&>.field-items{