in my way to display full titles on connection mode
This commit is contained in:
Vendored
+22
-34
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user