+
+
+
LITTERall
+
“Il est difficile à des étrangers comme nous de pénétrer l’ultime secret des vers d’une autre langue. Ce n’est pas à nous d’en juger, nous n’aurons pas le dernier mot.”
Ossip Mandelstam, Entretiens sur Dante
traduction Louis Martinez
Cette revue publie une fois par an un choix de textes germanophones, inédits en traduction française.
diff --git a/styles/global.css b/styles/global.css
index 372ec75..d330ac0 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -4,13 +4,16 @@
--gap-unit: 10px;
--max-screen: 1500px;
--base-font-size: 10px;
+ --nav-height: 40px;
}
/*DEBUG*/
/* borders on mains elements of pages for debugging*/
body > *, body > .container_main > * {
+ /*
border: 1px solid red;
+ */
}
/*---------------------------------------------*/
@@ -19,32 +22,28 @@ body > *, body > .container_main > * {
--------------------- ---------------------
' NAV ' ' NAV '
'---------------------' '---------------------'
- ' TITLE ' ' TITLE '
- '---------------------' '---------------------'
- ' PATH > TO > PAGES ' ' PATH > TO > PAGES '
- '---------------------' '---------------------'
- ' ------------------- ' ' S ' C ' A '
- '' CONTAINER '' ' U ' O ' S '
- '' --- ------- --- '' ' M ' N ' I '
- ''' S '' C '' A ''' ' M ' T ' D '
- ''' U '' O '' S ''' ' A ' E ' E '
- ''' M '' N '' I ''' ' R ' N ' S '
- ''' M '' T '' D ''' ' Y ' T ' '
- ''' A '' E '' E ''' '---------------------'
- ''' R '' N '' S ''' ' FOOTER '
- ''' Y '' T '' ''' '---------------------'
+ ' ------------------- ' ' S ' INFOS ' A '
+ '' CONTAINER '' ' U ' ----- ' S '
+ '' --- ------- --- '' ' M ' TITLE ' I '
+ ''' S '' INFOS '' A ''' ' M ' ----- ' D '
+ ''' U '' ----- '' S ''' ' A ' M ' E '
+ ''' M '' TITLE '' I ''' ' R ' A ' S '
+ ''' M '' ----- '' D ''' ' Y ' I ' '
+ ''' A '' M '' E ''' ' ' N ' '
+ ''' R '' A '' S ''' '---------------------'
+ ''' Y '' I '' ''' ' FOOTER '
+ ''' '' N '' ''' '---------------------'
'''---''-------''---'''
- ''------------------'''
- '---------------------'
+ ''-------------------''
' FOOTER '
'---------------------'
navbar -> nav
- title -> .page_title
- path to pages -> .page_path
container -> .container_main
summary -> aside.page_content
main -> main
+ infos -> .page.infos
+ title -> .page_title
asides -> aside.relative_content
footer ->
*/
@@ -76,19 +75,19 @@ body {
/*NAVBAR*/
body nav {
flex-direction: row;
- height: 30px;
+ height: var(--nav-height);
+ border-bottom: 1px solid lightgrey;
+}
+body nav *:first-child {
+ margin-left: var(--gap-unit);
+ padding-left: 0px;
}
body nav > * {
- margin: auto;
+ margin: auto 20px;
padding: 0px 10px;
}
-
-/*TITLE*/
-body .page_title {
-}
-
-/*PATH-TO-PAGES*/
-body .page_path {
+body nav * {
+ max-height: var(--nav-height);
}
/*CONTAINER*/
@@ -103,19 +102,36 @@ body main > * {
margin: var(--gap-unit) 0px;
}
+/*INFOS*/
+body .page_path {
+}
+
+/*TITLE*/
+body .page_title {
+ height: 100px;
+ border-bottom: 1px solid lightgrey;
+}
+body .page_title * {
+ margin: auto 0px;
+}
+
/*ASIDES*/
body aside {
}
-/* asides elements only have width if they have a child*/
-body aside *:first-child {
- width: 200px;
-}
/* aside left is for page table of content */
body aside.page_content {
}
+/* asides elements only have width if they have a child*/
+body aside.page_content *:first-child {
+ width: 150px;
+}
/* aside right is for links to relatives content*/
body aside.relative_content {
}
+/* asides elements only have width if they have a child*/
+body aside.relative_content *:first-child {
+ width: 200px;
+}
/*FOOTER*/
body footer {
diff --git a/styles/text.css b/styles/text.css
index bdc6c7e..68a3e27 100644
--- a/styles/text.css
+++ b/styles/text.css
@@ -52,7 +52,7 @@ p {
line-height: 1.5em;
}
h1 {
- font-size: 2.5em;
+ font-size: 3.5em;
}
h2 {
font-size: 2em;