Skip to content
Snippets Groups Projects
Commit 7f66b1bf authored by Edith Cannet's avatar Edith Cannet
Browse files

màj ressources javascript et css

parent 8a9eaa23
Branches
Tags
No related merge requests found
Show whitespace changes
Inline Side-by-side
resources/javascript/xml_2_html.js
+ 22
− 0
View file @ 7f66b1bf
...@@ -2,10 +2,32 @@ const dict = { ...@@ -2,10 +2,32 @@ const dict = {
fr : { fr : {
'toc' : 'Table des matières', 'toc' : 'Table des matières',
'refs': 'Références', 'refs': 'Références',
'pagination': 'Pagination : ',
'date-received': 'Date de réception : ',
'date-accepted': 'Date d’acceptation : ',
'colon': ' : ',
'abstract': 'Résumé : ',
'abstractTrl': 'Résumé ',
}, },
en: { en: {
'toc' : 'Table of contents', 'toc' : 'Table of contents',
'refs': 'References', 'refs': 'References',
'pagination': 'Pagination: ',
'date-received': 'Reception date: ',
'date-accepted': 'Acceptation date: ',
'colon': ': ',
'abstract': 'Abstract: ',
'abstractTrl': 'Abstract ',
},
es: {
'toc' : 'Índice',
'refs': 'Referencias',
'pagination': 'Paginación: ',
'date-received': 'Fecha de recepción: ',
'date-accepted': 'Fecha de aceptación: ',
'colon': ': ',
'abstract': 'Resumen : ',
'abstractTrl': 'Resumen ',
} }
} }
......
resources/styles/xml_2_html.css
+ 167
− 44
View file @ 7f66b1bf
...@@ -120,9 +120,9 @@ section.back{ ...@@ -120,9 +120,9 @@ section.back{
border-left: 1px solid black; border-left: 1px solid black;
} }
.left-contents h1 { .left-contents h1:not(div.boxed-text *) {
font-size: 3.2rem; font-size: 3.2rem;
margin-bottom: 50px; margin-bottom: 20px;
line-height: normal; line-height: normal;
padding-top: 25px;/*calc(var(--nav-height));*/ padding-top: 25px;/*calc(var(--nav-height));*/
} }
...@@ -207,30 +207,75 @@ section.front ol, section.front ol { ...@@ -207,30 +207,75 @@ section.front ol, section.front ol {
} }
section.body p{ /***** section/h *******/
section.body p:not(div.boxed-text *) {
margin-top:10px ; margin-top:10px ;
line-height: 150% ; line-height: 150% ;
word-wrap: break-word word-wrap: break-word
} }
section.body h2 { /*
section.body p:first-child {
margin-top:50px;
}
*/
.title-sup,
.z39-98 {
display: inline-block;
margin-top: 10px;
font-size: 1.2rem;
background-color: var(--dark-theme-txt);
padding-right:2rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-weight: 450;
}
.title-trl {
margin-top: 20px; margin-top: 20px;
margin-bottom: 15px; margin-bottom: 15px;
font-size: 2rem;
font-style:italic;
}
.title-sub {
font-size: 2.4rem;
margin-top: 25px ;
}
section.body h2:not(div.boxed-text *) {
margin-top: 30px ;
margin-bottom: 15px ;
font-size: 3rem; font-size: 3rem;
/*line-height: 200%;*/ /*line-height: 200%;*/
} }
section.body h3 { section.body h3:not(div.boxed-text *) {
margin-top: 15px ; margin-top: 25px ;
margin-bottom: 10px ; margin-bottom: 10px ;
font-size: 2rem; font-size: 2.5rem;
/*line-height: 100%;*/ /*line-height: 100%;*/
} }
section.body h4 { section.body h4:not(div.boxed-text *) {
margin-top: 10px ; margin-top: 15px ;
margin-bottom: 5px ; margin-bottom: 5px ;
font-size: 1.5rem; font-size: 2rem;
/*line-height: 15%;*/
}
section.body h5 {
margin-top: 15px ;
margin-bottom: 5px ;
font-size: 1.6rem;
/*line-height: 15%;*/
}
section.body h6 {
margin-top: 15px ;
margin-bottom: 5px ;
font-size: 1.4rem;
/*line-height: 15%;*/ /*line-height: 15%;*/
} }
...@@ -288,7 +333,8 @@ div[id='figures'] figure { ...@@ -288,7 +333,8 @@ div[id='figures'] figure {
figure[class='fig-formula inline'] { figure[class='fig-formula inline'] {
display:inline; display:inline;
} }
/* tables */
/****** table ******/
table caption { table caption {
font-size: 1.2rem; font-size: 1.2rem;
font-style: italic; font-style: italic;
...@@ -309,7 +355,6 @@ table[class='linguistic'] { ...@@ -309,7 +355,6 @@ table[class='linguistic'] {
td,th { td,th {
border-bottom:1px solid #ccc; border-bottom:1px solid #ccc;
font-size:1.1rem; font-size:1.1rem;
/* padding:5px;*/
} }
.fig-table label { .fig-table label {
...@@ -358,22 +403,9 @@ section.body h3:not(div.boxed-text *){ ...@@ -358,22 +403,9 @@ section.body h3:not(div.boxed-text *){
section.body h4:not(div.boxed-text *){ section.body h4:not(div.boxed-text *){
counter-reset: subsubsubsection; counter-reset: subsubsubsection;
} }
/*
section.body h2:not(div.boxed-text *):before{
counter-increment: section;
content: counter(section) ". ";
}
section.body h3:not(div.boxed-text *):before{
counter-increment: subsection;
content: counter(section)"."counter(subsection)" ";
}
section.body h4:not(div.boxed-text *):before{
counter-increment: subsubsection;
content: counter(section)"."counter(subsection)"."counter(subsubsection)" ";
}
*/
/* biblio bas de page */
/* biblio end */
.bibliography { .bibliography {
margin-top:4ex; margin-top:4ex;
border-top:1px solid #efefef; border-top:1px solid #efefef;
...@@ -395,7 +427,9 @@ section.bibliography ul { ...@@ -395,7 +427,9 @@ section.bibliography ul {
section.bibliography li.bibl { section.bibliography li.bibl {
font-size:1.3rem; font-size:1.3rem;
} }
/************/
/***** TOC *******/
#toc li { #toc li {
margin-top:5px; margin-top:5px;
...@@ -448,7 +482,18 @@ section.bibliography li.bibl { ...@@ -448,7 +482,18 @@ section.bibliography li.bibl {
margin-left:20%; margin-left:20%;
} }
/***********/ .toc-floatingText {
background-color: #ddd;
}
/***** REVIEW *******/
.author-aut,
.authority_affiliation {
text-align: right;
}
/***** INLINE ELEMENTS******/
span[class*="fn-call"], sup{ /** must not affect line height **/ span[class*="fn-call"], sup{ /** must not affect line height **/
font-size: .60em; font-size: .60em;
vertical-align: 0.65em; vertical-align: 0.65em;
...@@ -466,6 +511,7 @@ span.bibr-call{ ...@@ -466,6 +511,7 @@ span.bibr-call{
cursor: pointer; cursor: pointer;
} }
/***** FOOTNOTES ******/
div[id^="footnotes"] ul, div[id^="footnotes"] ul,
div[id^="footnotes"] ul { div[id^="footnotes"] ul {
list-style-type: none; list-style-type: none;
...@@ -496,7 +542,7 @@ div[id^="footnotes"] li .label:before { ...@@ -496,7 +542,7 @@ div[id^="footnotes"] li .label:before {
} }
div[id^="footnotes"] li .label:after { div[id^="footnotes"] li .label:after {
content: ']'; content: '] ';
} }
/* /*
...@@ -520,7 +566,7 @@ div[id^="footnotes"] .label { ...@@ -520,7 +566,7 @@ div[id^="footnotes"] .label {
border-bottom: 1px solid var(--dark-theme-txt); border-bottom: 1px solid var(--dark-theme-txt);
} }
/******************************************/ /*********** INDEX **********/
#index .index-level1 { #index .index-level1 {
list-style-type: none; list-style-type: none;
margin-top: 3%; margin-top: 3%;
...@@ -567,6 +613,7 @@ div[id^="footnotes"] .label { ...@@ -567,6 +613,7 @@ div[id^="footnotes"] .label {
.collapsed .toggle-button::after { .collapsed .toggle-button::after {
content: "[+]"; content: "[+]";
} }
/******************************************/ /******************************************/
.journal-meta { .journal-meta {
padding: 10px; padding: 10px;
...@@ -576,7 +623,20 @@ div[id^="footnotes"] .label { ...@@ -576,7 +623,20 @@ div[id^="footnotes"] .label {
display: block; display: block;
color: var(--grey-color); color: var(--grey-color);
margin-top: 10px; margin-top: 10px;
content:"";
} }
/*
.meta-field::before {
content: '\f007';
font-family: 'Font Awesome 6 Free';
position: absolute;
right: 10px;
font-size: 24px;
color: var(--grey-color);
}
*/
.subject:before{ .subject:before{
content : "Sujet"; content : "Sujet";
...@@ -596,15 +656,26 @@ div[id^="footnotes"] .label { ...@@ -596,15 +656,26 @@ div[id^="footnotes"] .label {
content : "Contributeurs"; content : "Contributeurs";
} }
.abstract:before{
content : "Résumé";
.abstract {
margin-top:6px;
} }
.trans-abstract:before{ .correction {
content : "Résumé traduit"; border:1px solid black;
margin-top:6px;
padding:3px;
}
.ack {
font-style: italic;
margin-top:6px;
}
.front .epigraph {
margin-top:6px;
} }
.kwd-group:before{ .kwd-group:before{
content: "Mots-clés"; content: "Mots-clés";
} }
...@@ -624,14 +695,56 @@ div[id^="footnotes"] .label { ...@@ -624,14 +695,56 @@ div[id^="footnotes"] .label {
text-decoration: underline; text-decoration: underline;
} }
div[class='idno'] {
border-bottom: 1px dotted black;
padding-bottom: 10px;
}
.bio { .bio {
margin-bottom:2ex; margin-bottom:2ex;
} }
/******************************/ /********* BOXED TEXT **********/
div.boxed-text { div.boxed-text {
border: 1px solid var(--grey-color); border: 1px solid var(--grey-color);
border-radius:25px;
padding: 15px; padding: 15px;
padding-top:5px;
padding-bottom:5px;
margin-top: 10px;
margin-bottom:10px;
}
div.boxed-text h1 {
font-size: 2.3rem;
margin-bottom: 10px;
line-height: normal;
padding-top: 25px;
}
div.boxed-text h2 {
font-size: 1.8rem;
margin-bottom: 20px;
line-height: normal;
padding-top: 25px;
}
div.boxed-text h3 {
font-size: 1.6rem;
margin-bottom: 20px;
line-height: normal;
padding-top: 25px;
}
div.boxed-text p {
font-size:1.2rem;
margin-top: 10px;
line-height: 150%;
word-wrap: break-word;
}
div.boxed-text * {
font-size:1.2rem;
} }
/** galleys DL links**/ /** galleys DL links**/
...@@ -650,18 +763,29 @@ div.item.galleys ul { ...@@ -650,18 +763,29 @@ div.item.galleys ul {
list-style-type: none; list-style-type: none;
} }
/******************************/ /*********** QUOTE *******************/
disp-quote { disp-quote {
display: block; display: block;
text-align:right; text-align:right;
} }
blockquote { blockquote {
background-color:aliceblue;
padding-left: 5%; padding-left: 5%;
} }
/******************************************/ .quotation2 {
border-left: 2px solid var(--grey-color);
padding-left: 5%;
margin-left: -5%;
}
/*********** BR *******************/
.lb::after {
content: "\a";
white-space: pre;
}
/*************** DRAG-BAR ***************************/
ul, ol { ul, ol {
margin-top:2ex; margin-top:2ex;
margin-bottom:2ex; margin-bottom:2ex;
...@@ -688,4 +812,3 @@ iframe { ...@@ -688,4 +812,3 @@ iframe {
background-color: #ddd; background-color: #ddd;
z-index: 1000; z-index: 1000;
} }
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment