bachir/app.ethica-spinoza.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improved route strategy (url path), headers menu are working

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2017-10-15 17:30:42 +02:00
parent 72602b3e12
commit e77ed37c76
15 changed files with 1196 additions and 696 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/dist/main.css
Vendored
+96 -37
View File
@@ -753,77 +753,136 @@ html, body {
header {
position: fixed;
width: 100%;
height: 3em;
height: 4em;
top: 0;
z-index: 5;
background-color: white; }
header > * {
display: inline-block;
vertical-align: bottom; }
vertical-align: text-bottom; }
header > *:last-child {
margin-right: 1em; }
header > h1 {
font-size: 3em;
margin: 0 0 0 70px; }
header #menus > * {
display: inline-block;
vertical-align: top; }
header #menus nav {
padding: 1em 1em;
position: relative; }
header #menus nav h3 {
margin: 0;
padding: 0;
cursor: pointer;
transition: color 0.3s ease-in-out; }
header #menus nav ul {
position: absolute;
margin: 0;
left: 0;
padding: 0 1em 1em;
background-color: white;
white-space: nowrap;
height: 1px;
opacity: 0;
overflow: hidden;
transition: opacity 0.3s ease-in-out; }
header #menus nav ul li {
margin: 0;
padding: 0;
list-style: none;
transition: color 0.3s ease-in-out;
font-weight: 500;
font-size: 1.2em;
line-height: 1.2; }
header #menus nav ul li a {
color: inherit;
text-decoration: none; }
header #menus:hover h3 {
color: #646464; }
header #menus:hover nav:hover {
z-index: 10; }
header #menus:hover nav:hover h3 {
color: #000; }
header #menus:hover nav:hover ul {
height: auto;
opacity: 1;
transition: height opacity 0.3s ease-in-out; }
header #menus:hover nav:hover li {
color: #646464; }
header #menus:hover nav:hover li:hover {
color: #000; }
nav#menus {
float: right; }
nav#menus > ul {
display: inline-block; }
nav#menus ul {
margin: 0 0.5em; }
nav#menus ul li {
list-style: none;
line-height: 0.9;
display: inline-block;
vertical-align: middle;
margin: 0 0.2em; }
nav#menus ul li a {
text-decoration: none;
color: inherit; }
.sticky-clone-wrapper {
padding-top: 4em;
position: fixed;
top: 0;
left: 0;
z-index: 4;
background-color: white; }
.sticky-clone-wrapper h1.part-title {
font-size: 1.6em; }
body.inline .sticky-clone-wrapper h1.part-title {
margin: 0 0 0 70px; }
body.tree .sticky-clone-wrapper h1.part-title {
margin: 0 0 0 70px; }
main#content {
margin-top: 3em; }
margin-top: 4em; }
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; }
h1.part {
font-size: 1.6em;
width: 450px; }
main#content.inline h1.part-title {
margin: 1em 0 0 70px; }
section.enonce {
main#content.inline h2.title, main#content.inline h4.filet {
margin: 1em 0 0 70px; }
main#content.inline section.enonce {
width: 450px;
margin: 1em 0 1em 50px;
margin: 1em 0 1em 70px;
overflow-x: visible;
font-family: 'amiri', sans-serif;
font-size: 16px;
font-kerning: auto;
line-height: 1.4; }
section.enonce h2 {
main#content.inline section.enonce h2 {
font-size: 1em;
font-weight: 300;
margin: 0;
cursor: pointer; }
section.enonce h3 {
main#content.inline section.enonce h3 {
font-size: 0.9em;
font-weight: 300;
margin: 0;
cursor: pointer; }
section.enonce div.text {
main#content.inline section.enonce div.text {
font-size: 1.3em; }
section.enonce div.text div.paragraph {
main#content.inline section.enonce div.text div.paragraph {
margin-bottom: 1em; }
section.enonce div.text div.paragraph div.opened-link {
main#content.inline section.enonce div.text div.paragraph div.opened-link {
display: inline; }
section.enonce div.text div.paragraph a.link, section.enonce div.text div.paragraph span.link.text {
main#content.inline section.enonce div.text div.paragraph a.link, main#content.inline section.enonce div.text div.paragraph span.link.text {
font-weight: 600;
text-decoration: none;
color: inherit; }
section.enonce div.text div.paragraph span.link.text:after {
main#content.inline section.enonce div.text div.paragraph span.link.text:after {
content: ':'; }
section.enonce div.text div.paragraph section.enonce, section.enonce div.text div.paragraph section.item {
main#content.inline section.enonce div.text div.paragraph section.enonce, main#content.inline section.enonce div.text div.paragraph section.item {
padding-left: 2em;
border-left: 1px solid #999; }
h1.part {
margin: 1em 0 0 70px; }
main#content.tree h1.part-title {
margin: 0 0 0 70px; }
main#content.tree h2.title, main#content.tree h4.filet {
margin: 0 0 0 70px; }
.dot {
position: relative;
@@ -848,7 +907,7 @@ h1.part {
margin: 0;
opacity: 0;
transition: opacity 0.4s ease-in-out;
width: 405px; }
width: 385px; }
.dot:not(.disabled) > p.summary {
cursor: pointer; }
.dot.disabled > p.summary {
@@ -857,7 +916,7 @@ h1.part {
display: inline-block;
vertical-align: top;
margin: 0;
width: 405px; }
width: 385px; }
.dot > section.text p {
margin: 0; }
.dot > section.text p:not(:last-child) {
@@ -872,7 +931,7 @@ h1.part {
border-bottom: 1px solid #e2e2e2; }
.dot > nav.links {
position: relative;
left: 100px;
left: 140px;
box-sizing: border-box; }
.dot > nav.links.to {
bottom: 100%;
@@ -887,7 +946,7 @@ h1.part {
border-left: 1px solid #e2e2e2;
position: absolute;
top: 0;
left: 70px;
left: 90px;
height: 100%;
width: 1px;
z-index: -1; }