Commit 7015fd6c authored by Dorian's avatar Dorian
Browse files

push des modifs de feuille de style permanente du 22

parent 39ac255d
/**
* #Droit de suite
*/
// class: .rubric .droit
// enlever les titres
.rubric.droit h1 {
display: none;
}
// special droit de suite titles
.rubric.droit .body h2 {
text-align: center;
}
.rubric.droit .body h3 {
font: 300 12pt/12pt 'Erbarre';
text-transform: none;
margin: 0;
margin-bottom: 12pt;
text-align: center;
}
// special droit de suite titles
.rubric.droit .body h2 {
text-align: center;
}
.rubric.droit .body h3 {
font: 300 12pt/12pt 'Erbarre';
text-transform: none;
margin: 0;
margin-bottom: 12pt;
text-align: center;
}
// enlever ending footer
.droit footer .footer-byline{
display: none;
}
// credits de fin de textes individuel en bold
.droit .body b{
font-family: 'Erbarre';
font-size: 10pt;
font-weight: bold;
line-height: 12pt;
}
// pas de dingbat de fin
.droit .body > p:last-of-type::after {
content: none;
}
// dingbat de fin après chaque crédits
.droit .body b::after {
font: 6.5pt 'Belogodor';
content: '\00A0\E887';
}
......@@ -13,6 +13,13 @@
margin-bottom: 18pt;
}
.edito .subhead,
.edito .header-byline {
display: none;
}
.edito .body > p {
-webkit-hyphens: auto;
-webkit-hyphenate-limit-before: 5; /* 2 caractères minimum en fin de ligne, donc en début de mot */
......@@ -33,6 +40,7 @@
position: relative;
top: -3.5pt;
padding-left: .125em;
vertical-align: baseline;
}
.edito .body sup {
......@@ -40,4 +48,5 @@
position: relative;
top: -3.5pt;
padding-left: .125em;
vertical-align: baseline;
}
......@@ -64,6 +64,7 @@
letter-spacing: .02em;
text-transform: uppercase;
}
.enquete .body > figure + h2,
.enquete .body > p + h2,
.enquete .body > ul + h2 { margin-top: @line-height * 1.5; }
......
......@@ -2,44 +2,47 @@
* #NOMBRIL
*/
.nombril {
font: 8.5pt/12pt 'Bagnard';
letter-spacing: -.02em;
}
// corps de texte
// en NOBEL (comme rubric)
.nombril .body {
font: 10.4pt/@line-height 'Nobel';
-webkit-hyphens: auto;
-webkit-hyphenate-limit-before: 2; /* 2 caractères minimum en fin de ligne, donc en début de mot */
-webkit-hyphenate-limit-after: 2; /* 3 caractères minimum en début de ligne, donc en fin de mot */
-webkit-hyphenate-limit-lines: 4; /* 4 lignes consecutives max */
}
.nombril .body p + p { text-indent: 9pt; } /* alinea */
.nombril .body sup {
font-size: 7.5pt;
padding-left: 0em;
position: relative;
top: -4.2pt;
line-height: 0pt;
}
// cacher sous-titre et rubric sous-titres
.nombril .header-byline,
.nombril .rubrique-title,
.nombril .rubrique-subtitle { display: none; }
/* TODO: hide footer too? */
// TITRE, CHAPEAU et INTER
.nombril .headline {
font: 48pt/36pt 'Alfphabet-Condensed';
letter-spacing: 0;
}
.nombril .lead {
font-family: 'Alfphabet-Condensed';
font-size: 12pt;
line-height: 15pt;
margin-bottom: 12pt;
}
.nombril > p + p {
text-indent: 12pt;
}
.nombril > p:not(.lead) {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.nombril li {
font-size: 8pt;
font-family: 'Alfphabet';
letter-spacing: -0.03em;
line-height:10pt;
text-indent:-12pt;
margin-left: 12pt;
margin-top:6pt;
}
.nombril li::before {
content: "— "
.nombril .body h2 {
font: 300 12pt/12pt 'Alfphabet';
text-transform: uppercase;
text-align: left;
margin: 0pt;
margin-top: 12pt ;
}
......@@ -72,6 +72,7 @@
// position: relative;
// top: -2.5pt;
// line-height: 0pt;
vertical-align: baseline;
font-size: 7.5pt;
padding-left: 0em;
position: relative;
......
......@@ -6,105 +6,112 @@
/* BLOCK */
.sommaire .cellule {
/* -webkit-region-break-after: always; */
/* region-break-after: always; */
padding: 8pt;
/* -webkit-region-break-after: always; */
/* region-break-after: always; */
padding: 8pt;
position: relative;
outline: 6px solid black;
outline-offset: -3px;
background-repeat: no-repeat;
background-size: 100%;
}
/* HEADLINE */
.sommaire .headline {
font-family: 'Alfphabet-Condensed' ;
font-size: 35pt ;
font-weight: normal;
margin-top: 5pt;
margin-bottom: 25pt;
margin-left: 4pt;
// ___ GLOBAL ___
/* HEADLINE */
.sommaire .headline h1{
font-family: 'Alfphabet-Condensed' ;
font-size: 35pt ;
font-weight: normal;
margin-top: -3pt;
}
.sommaire .headline{
height: 31pt;
}
/* SAISON/DATE */
.sommaire #date{
position: absolute;
left: 140pt;
top: 12pt;
}
.sommaire .date {
font-family: 'Alfphabet-Condensed';
font-size: 12pt;
margin-top: 0;
text-align: left;
color: black;
font-family: 'Alfphabet-Condensed';
font-size: 12pt;
margin-top: 0;
text-align: left;
}
/* PAGE NUMBER */
.sommaire .pagination {
font-family: 'Alfphabet-Condensed';
font-size: 21pt ;
font-weight: normal;
line-height: 17pt;
position: relative;
float: right;
margin-right: 6pt;
margin-bottom: 6pt;
text-align: right;
color: black;
.container {
display: -webkit-grid;
display: grid;
-webkit-grid-template-columns: repeat(10, 1fr);
-webkit-grid-template-rows: repeat(12, 1fr);
grid-template-columns: repeat(9, 1fr);
grid-template-rows: repeat(12, 1fr);
}
/* Style enquete */
.sommaire .som-grande-enquete {
font-family: 'Erbarre';
font-size: 38pt ;
font-weight: bold;
line-height: 30pt;
margin-top: 4pt;
margin-left: 6pt;
// ___ TTIRES & INFOS ___
//text-transform: uppercase;
color: black;
/* Style enquete */
.sommaire .grande-enquete h1{
font-family: 'Erbarre';
font-weight: bold;
font-size: 38pt ;
line-height: 36pt;
text-transform: uppercase;
}
/* Stule petite enquete? */
.sommaire .som-petite-enquete {
font-family: 'Erbarre' ;
font-size: 18pt ;
font-weight: bold;
line-height: 16pt;
margin-top: 4pt;
margin-left: 6pt;
letter-spacing: .05pt;
//text-transform: uppercase;
color: black;
/* Style petite enquete */
.sommaire .petite-enquete h1{
font-family: 'Erbarre' ;
font-weight: bold;
font-size: 18pt ;
line-height: 16pt;
letter-spacing: .05pt;
text-transform: uppercase;
}
/* Style rubrique */
.sommaire .som-rubrique {
font-family: 'career';
font-size: 16pt ;
font-weight: normal;
line-height: 16pt;
margin-top: 4pt;
margin-left: 6pt;
color: black;
/* Style rubrique --- NEW*/
.sommaire .rubrique h1{
font-family: 'Alfphabet-Extended';
font-size: 12pt;
line-height: 12pt;
}
/* Style phrase d'accroche */
.sommaire .phrase {
font-family: 'Alfphabet-Condensed' ;
font-size: 13pt;
line-height: 14pt;
margin-top: 2pt;
margin-left: 6pt;
text-align: left;
text-transform: normal;
color: black;
font-family: 'Alfphabet-Condensed' ;
font-size: 13pt;
line-height: 14pt;
text-align: left;
margin-top: 2pt;
text-transform: normal;
}
/* BORDER */
/* Style du numero de page */
.sommaire .pagination {
font-family: 'Alfphabet-Condensed';
font-size: 21pt ;
font-weight: normal;
line-height: 17pt;
position: absolute;
right: 8pt;
bottom: 8pt;
text-align: right;
vertical-align: bottom;
}
/* Style du numero de page --- NEW */
.sommaire .categorie {
font-family: 'Alfphabet-Condensed';
position: absolute;
bottom: 0;
left: 0;
padding: 2pt 12pt;
margin: 8pt 6pt;
border-radius: 1em;
// width: 96pt;
background: black;
color: white;
}
// OLD???
/* ONE HIDDEN BLOC! Permet à la "date" de se placer face au "Sommaire" sans faire apparaitre le cadre. */
.sommaire .background0bis {
......
......@@ -10,6 +10,25 @@ rounded/squared sont donc accessible sur tout les layouts
3. customisez le reste différement des rubric ? (h3 en centrer? typo diff pour h2? liste ul ?)
*/
.rubric.web .body h2 {
font: 10pt/12pt 'Belgika5th';
letter-spacing: 0.02em;
text-transform: uppercase;
text-align: center;
margin-top: 0pt;
margin-bottom: 6pt;
}
.rubric.web .body h3 {
font: 300 14pt/18pt 'Alfphabet' ;
text-transform: uppercase;
margin: 0;
}
// enlever ending footer
.web footer .footer-byline{
display: none;
}
/*___ Rounded/Squared corners colored boxes ___*/
.web-rounded,
.web-squared{
......@@ -17,15 +36,16 @@ rounded/squared sont donc accessible sur tout les layouts
box-sizing: border-box;
width: 50%;
z-index: 2;
// default padding
padding: 24pt 24pt;
padding: 24pt 24pt 24pt;
background: rgba(0,0,0,0.1);
}
.web-rounded{
border-radius: 120pt;
// top/bot padding for rounded
padding-top: 60pt;
padding-top: 48pt;
padding-bottom: 60pt;
}
.web-rounded.shadow,
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment