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

fixed responsive for medium

Browse Source
This commit is contained in:
bachir
2017-03-13 14:51:46 +01:00
parent 63598ff963
commit 44791ccf96
2 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/figureslibres/clameurs/css/dist/styles.css
Vendored
+13 -13
View File
@@ -333,7 +333,7 @@ input {
letter-spacing: normal; }
.node-thematique .content article.main {
overflow: hidden; }
@media only screen and (min-width: 64.0625em) {
@media only screen and (min-width: 40.0625em) {
.node-thematique .content article.main {
display: inline-block;
vertical-align: top;
@@ -368,7 +368,7 @@ input {
transition: height 0.5s ease-in-out;
background-color: #fff;
overflow: hidden; }
@media only screen and (min-width: 85.4375em) {
@media only screen and (min-width: 40.0625em) {
.node-thematique .content article.main .field-name-body .value {
display: block; } }
.node-thematique .content article.main .field-name-body .value p {
@@ -377,7 +377,7 @@ input {
line-height: 1.3;
margin: 0;
background-color: #fff; }
@media only screen and (min-width: 64.0625em) {
@media only screen and (min-width: 40.0625em) {
.node-thematique .content article.main .field-name-body:hover .value {
height: 700px; } }
.node-thematique .content article.main .group-video {
@@ -426,18 +426,18 @@ input {
font-weight: 500;
font-size: 2em;
margin: 0; }
@media only screen and (min-width: 64.0625em) {
@media only screen and (min-width: 40.0625em) {
.node-thematique .content article.main .group-video:hover .group-description .field-name-field-description {
opacity: 1; } }
.node-thematique .content aside.right {
margin-top: 1.2em; }
@media only screen and (min-width: 64.0625em) {
@media only screen and (min-width: 40.0625em) {
.node-thematique .content aside.right {
display: inline-block;
vertical-align: top;
width: 30.5%;
margin-top: 0; } }
@media only screen and (min-width: 64.0625em) {
@media only screen and (min-width: 40.0625em) {
.node-thematique .content aside.right .field-name-field-eclairages {
padding-left: 1em; } }
.node-thematique .content aside.right .field-name-field-eclairages .field-items {
@@ -447,14 +447,14 @@ input {
flex-flow: row wrap;
-ms-flex-pack: start;
justify-content: flex-start; }
@media only screen and (min-width: 64.0625em) {
@media only screen and (min-width: 40.0625em) {
.node-thematique .content aside.right .field-name-field-eclairages .field-items {
display: block; } }
.node-thematique .content aside.right .field-name-field-eclairages .field-items > .field-item {
display: block;
background-color: #fff;
width: 33%; }
@media only screen and (min-width: 64.0625em) {
@media only screen and (min-width: 40.0625em) {
.node-thematique .content aside.right .field-name-field-eclairages .field-items > .field-item {
width: auto; }
.node-thematique .content aside.right .field-name-field-eclairages .field-items > .field-item:not(:last-child) {
@@ -475,7 +475,7 @@ input {
width: 90%;
height: 80%;
margin: 5px; }
@media only screen and (min-width: 64.0625em) {
@media only screen and (min-width: 40.0625em) {
.node-thematique .content aside.right .node-documentair .content .group-txt {
margin: 15px; } }
.node-thematique .content aside.right .node-documentair .content .group-txt .field-name-field-doc {
@@ -507,7 +507,7 @@ input {
.node-thematique .content aside.right .node-documentair .content .group-video a {
display: block;
line-height: 0; }
@media only screen and (min-width: 64.0625em) {
@media only screen and (min-width: 40.0625em) {
.node-thematique .content aside.right .node-documentair:not(.en_attente):hover .group-txt .field-name-field-doc {
background-color: transparent; }
.node-thematique .content aside.right .node-documentair:not(.en_attente):hover .group-txt .field-name-title-field {
@@ -526,7 +526,7 @@ input {
opacity: 0.8; }
.node-thematique .content aside.bottom {
padding-top: 1.2em; }
@media only screen and (min-width: 64.0625em) {
@media only screen and (min-width: 40.0625em) {
.node-thematique .content aside.bottom {
padding-top: 0.6em; } }
.node-thematique .content aside.bottom .field-name-field-episodes .field-label {
@@ -546,7 +546,7 @@ input {
flex-flow: row wrap;
-ms-flex-pack: start;
justify-content: flex-start; }
@media only screen and (min-width: 64.0625em) {
@media only screen and (min-width: 40.0625em) {
.node-thematique .content aside.bottom .field-name-field-episodes > .field-items {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
@@ -556,7 +556,7 @@ input {
display: block;
background-color: #fff;
width: 50%; }
@media only screen and (min-width: 64.0625em) {
@media only screen and (min-width: 40.0625em) {
.node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item {
width: 19%; } }
.node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode .content {