diff --git a/sites/all/themes/figureslibres/clameurs/css/dist/styles.css b/sites/all/themes/figureslibres/clameurs/css/dist/styles.css index 8e7e113a..d0623514 100755 --- a/sites/all/themes/figureslibres/clameurs/css/dist/styles.css +++ b/sites/all/themes/figureslibres/clameurs/css/dist/styles.css @@ -223,6 +223,8 @@ input { .node-thematique.node-32 .field-name-field-episodes .field-label, .node-thematique.node-32 .node-episode .field-name-title-field { color: #2f82ff; } + .node-thematique.node-32 .field-name-body .summary { + border-left-color: #2f82ff; } .node-thematique.node-14::before { background-image: url(../../images/fond-theme-1-flat.png); } .node-thematique.node-14 > h2, @@ -233,6 +235,8 @@ input { .node-thematique.node-14 .field-name-field-episodes .field-label, .node-thematique.node-14 .node-episode .field-name-title-field { color: #ff0000; } + .node-thematique.node-14 .field-name-body .summary { + border-left-color: #ff0000; } .node-thematique.node-38::before { background-image: url(../../images/fond-theme-2-flat.png); } .node-thematique.node-38 > h2, @@ -243,6 +247,8 @@ input { .node-thematique.node-38 .field-name-field-episodes .field-label, .node-thematique.node-38 .node-episode .field-name-title-field { color: #88aa00; } + .node-thematique.node-38 .field-name-body .summary { + border-left-color: #88aa00; } .node-thematique.node-3::before { background-image: url(../../images/fond-theme-3-flat.png); } .node-thematique.node-3 > h2, @@ -253,6 +259,8 @@ input { .node-thematique.node-3 .field-name-field-episodes .field-label, .node-thematique.node-3 .node-episode .field-name-title-field { color: #ff6600; } + .node-thematique.node-3 .field-name-body .summary { + border-left-color: #ff6600; } .node-thematique.node-20::before { background-image: url(../../images/fond-theme-4-flat.png); } .node-thematique.node-20 > h2, @@ -263,6 +271,8 @@ input { .node-thematique.node-20 .field-name-field-episodes .field-label, .node-thematique.node-20 .node-episode .field-name-title-field { color: #ff2ad4; } + .node-thematique.node-20 .field-name-body .summary { + border-left-color: #ff2ad4; } .node-thematique.node-26::before { background-image: url(../../images/fond-theme-5-flat.png); } .node-thematique.node-26 > h2, @@ -273,9 +283,13 @@ input { .node-thematique.node-26 .field-name-field-episodes .field-label, .node-thematique.node-26 .node-episode .field-name-title-field { color: #8800aa; } + .node-thematique.node-26 .field-name-body .summary { + border-left-color: #8800aa; } .node-thematique > h2 { font-size: 4em; font-weight: 400; + line-height: 0.9; + text-indent: -0.09em; position: relative; margin: 2em 0 0; padding: 0 2em 0 0; } @@ -288,7 +302,8 @@ input { .node-thematique > h2 span.date { font-size: 0.3em; font-weight: 600; - display: block; } + display: block; + text-indent: 0.2em; } .node-thematique .content { letter-spacing: -0.25em; } .node-thematique .content > * { @@ -307,14 +322,16 @@ input { padding: 0 1em 0 0; } .node-thematique .content article.main .field-name-body .summary { position: relative; - transition: background-color 0.5 ease-in-out; } + transition: background-color 0.5 ease-in-out; + border-left-style: solid; + border-left-width: 0; } @media only screen and (min-width: 62.5625em) { .node-thematique .content article.main .field-name-body .summary { height: 7em; overflow: hidden; } } .node-thematique .content article.main .field-name-body .summary p { font-size: 1.05em; - padding: 0.5em 1.2em; + padding: 0.5em 1.2em 0.5em; margin: 0; font-weight: 500; } .node-thematique .content article.main .field-name-body .value { diff --git a/sites/all/themes/figureslibres/clameurs/css/styles.scss b/sites/all/themes/figureslibres/clameurs/css/styles.scss index 9030338c..9013b82e 100755 --- a/sites/all/themes/figureslibres/clameurs/css/styles.scss +++ b/sites/all/themes/figureslibres/clameurs/css/styles.scss @@ -329,6 +329,9 @@ $header_height_large:400px; .field-name-field-episodes .field-label, .node-episode .field-name-title-field{color: $coul;} + .field-name-body .summary{ + border-left-color: $coul; + } // article.main{ // .field-name-body{ // .summary{background-color: $coul;} @@ -400,6 +403,8 @@ $header_height_large:400px; >h2{ font-size: 4em; font-weight: 400; + line-height: 0.9; + text-indent: -0.09em; // padding-left: 0.18em; position:relative; margin:2em 0 0; @@ -416,6 +421,7 @@ $header_height_large:400px; font-size: 0.3em; font-weight: 600; display: block; + text-indent: 0.2em; // color: #000; } } @@ -455,12 +461,14 @@ $header_height_large:400px; } p{ font-size: 1.05em; - padding:0.5em 1.2em; + padding:0.5em 1.2em 0.5em; margin: 0; font-weight: 500; // @include white_shadow; } - } + border-left-style:solid; + border-left-width: 0; + } .value{ display:none; @media #{$large-up} {