in my way to display full titles on connection mode

This commit is contained in:
Bachir Soussi Chiadmi
2018-02-24 12:41:59 +01:00
parent 2ce27b3245
commit f69747ac0a
7 changed files with 161 additions and 165 deletions
+22 -34
View File
@@ -745,32 +745,31 @@ header {
width: 100%;
background-color: white; }
.sticky-clone-wrapper h1.part-title {
font-size: 1.6em; }
body.mode-connections .sticky-clone-wrapper h1.part-title {
margin: 0 0 0 70px; }
body.mode-text .sticky-clone-wrapper h1.part-title {
margin: 0 0 0 70px; }
.sticky-clone-wrapper h2.title {
font-size: 1em; }
body.mode-connections .sticky-clone-wrapper h2.title {
margin: 0 0 0 70px; }
body.mode-text .sticky-clone-wrapper h2.title {
margin: 0 0 0 70px; }
margin: 0 0 0 70px; }
main#content {
margin-top: 5em; }
main#content h1.part-title {
font-size: 1.6em;
width: 450px; }
main#content section.part {
position: relative; }
main#content h2.title, main#content h2.filet {
font-size: 1em;
width: 450px; }
section.intro {
margin-left: 70px; }
h1.part-title {
font-size: 1.8em;
margin: 0 0 0 70px;
font-weight: normal;
letter-spacing: 0.3em; }
h1.part-title em {
font-size: 0.7em;
letter-spacing: normal; }
h2.title {
font-size: 1.2em;
font-weight: normal;
margin: 1em 0 0 70px;
line-height: 1; }
main#content.mode-text h1.part-title {
margin: 1em 0 0 70px; }
@@ -813,33 +812,27 @@ main#content.mode-text section.enonce {
main#content.mode-text section.enonce div.text div.paragraph img {
float: left; }
main#content.mode-connections h1.part-title {
margin: 0 0 0 70px; }
main#content.mode-connections h2.title, main#content.mode-connections h4.filet {
margin: 0 0 0 70px; }
.dot {
margin: 0 0 0 70px;
position: relative;
border: 1px solid white;
width: 500px; }
width: 550px; }
.dot > p.summary {
display: inline-block;
vertical-align: top;
margin: 0;
margin: 0 0 0 0.6em;
opacity: 0;
transition: opacity 0.4s ease-in-out;
width: 385px; }
.dot:not(.disabled) > p.summary {
max-width: 475px; }
.dot:not(.disabled) > span.title, .dot:not(.disabled) > p.summary {
cursor: pointer; }
.dot.disabled > p.summary {
.dot.disabled > span.title, .dot.disabled > p.summary {
cursor: default; }
.dot > section.text {
display: inline-block;
vertical-align: top;
margin: 0;
width: 385px; }
width: 435px; }
.dot > section.text p {
margin: 0; }
.dot > section.text p:not(:last-child) {
@@ -876,13 +869,8 @@ main#content.mode-connections h2.title, main#content.mode-connections h4.filet {
.dot:hover > p.summary, .dot.opened > p.summary, .dot.highlight > p.summary {
opacity: 1;
transition: opacity 0.4s ease-in-out; }
.dot:hover > span.id, .dot.opened > span.id, .dot.highlight > span.id {
opacity: 1;
transition: opacity 0.4s ease-in-out; }
.dot.disabled > * {
color: grey; }
.dot:not(.opened) {
line-height: 0.7; }
footer {
position: fixed;