06.01
main.Main.Main--blog-list .BlogList-filter {
display: none;
}
@media screen and (min-width:800px){
.summary-item {
//only use position relative with carousel summary block
position: relative;
img {
transition: all .5s ease!important;
}
.summary-thumbnail-container {
margin-bottom: 0!important;
}
}
.summary-item:hover {
img {
-webkit-filter: brightness(50%);
filter: brightness(80%);
}
.summary-content {
opacity: 1;
}
}
}
/*Hover Effects*/
.summary-item:hover {
img{
}
.summary-title{
opacity: .99;
font-size: 22px !important;
font-family: Georgia;
font-style: oblique;
font-weight: 900;
letter-spacing: 0.3px;
line-height: 26px;
color: #000000!important;
}
}
.summary-excerpt p {
font-size: 22px !important;
font-family: Garamond;
font-weight: bold;
line-height: 28px !important;
}
.summary-item {
margin-top: 0px !important;
margin-bottom: 15px !important;
padding-bottom: 10px !important;
padding-top: 5px !important;
}
// fixed header navigation for desktop, tablet and mobile //
header, .Mobile {
width: 100%;
padding-top: 10px;
padding-bottom: 5px;
position: fixed;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1000;
}
/* additional styles */
h4 {
font-family: Helvetica;
font-size: 16px;
font-weight: 600;
font-style: normal;
letter-spacing: -0.02em;
line-height: 1.3;
color: #50507c;}
h5 {
font-family: Anton;
font-size: 60px;
text-transform: uppercase;
font-weight: 800;
font-style: normal;
letter-spacing: 4px;
line-height: 1.1;
text-align: left;
color: #313986}
h6 {
font-family: Anton;
font-size: 34px;
font-weight: 600;
letter-spacing: 4px;
line-height: 1.1;
color: #000000;}
h8 {
font-family: Anton;
font-size: 80px;
text-transform: uppercase;
font-weight: 800;
font-style: normal;
letter-spacing: 4px;
line-height: 1.1;
text-align: left;
color: #ffffff}
h7 {
font-family: Anton;
font-size: 60px;
text-transform: uppercase;
font-weight: 800;
font-style: normal;
letter-spacing: 4px;
line-height: 1.1;
text-align: left;
color: #6667AB}
h9 {
font-family: Anton;
font-size: 24px;
text-transform: none;
font-weight: 600;
font-style: italic;
letter-spacing: 3px;
line-height: 1.1;
text-align: left;
color: #ff0000}
.sqs-block-summary-v2 {
.summary-metadata-item a
{
padding-top: 0px !important;
font-family: Helvetica;
font-size: 12px;
font-weight: 700;
line-height: 20px;
text-transform: lowercase !important;
letter-spacing: 0.4px;
opacity: .99;
color: #ff0000;
}
}
body p,
.sqs-layout .sqs-block.html-block p,
.sqs-layout .sqs-block.markdown-block p {
text-align: justify;
}
/*------------------------------------
* CUSTOM BLOG POST WIDTH 7.0
*------------------------------------*/
.BlogItem-title {
max-width: 750px;
margin: 0 auto;
padding: 20px
}
———————————————————————————————————
main.Main.Main--blog-list .BlogList-filter {
display: none;
}
@media screen and (min-width:800px){
.summary-item {
//only use position relative with carousel summary block
position: relative;
img {
transition: all .5s ease!important;
}
.summary-content {
background-color: #ffffff ;
position: absolute;
color: #5f5459!important;
top: 50%;
left: 50%;
padding: 8px;
opacity: 0;
pointer-events: none;
transition: all .5s ease;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
}
.summary-thumbnail-container {
margin-bottom: 0!important;
}
}
.summary-item:hover {
img {
-webkit-filter: brightness(50%);
filter: brightness(80%);
}
.summary-content {
opacity: 1;
}
}
}
/*Hover Effects*/
.summary-item:hover {
img{
}
.summary-title{
opacity: .99;
font-size: 24px !important;
font-family: Josefin Sans;
font-style: oblique;
font-weight: 900;
letter-spacing: 0.3px;
line-height: 22px;
color: #fd081c!important;
}
}
.summary-excerpt p {
font-size: 18px !important;
font-family: Josefin Sans;
font-weight: bold;
line-height: 24px !important;
}
.summary-item {
margin-top: 0px !important;
margin-bottom: 15px !important;
padding-bottom: 10px !important;
padding-top: 5px !important;
}
// fixed header navigation for desktop, tablet and mobile //
header, .Mobile {
width: 100%;
padding-top: 10px;
padding-bottom: 5px;
position: fixed;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1000;
}
/* additional styles */
h4 {
font-family: Helvetica;
font-size: 16px;
font-weight: 600;
font-style: normal;
letter-spacing: -0.02em;
line-height: 1.3;
color: #50507c;}
h5 {
font-family: Anton;
font-size: 60px;
text-transform: uppercase;
font-weight: 800;
font-style: normal;
letter-spacing: 4px;
line-height: 1.1;
text-align: left;
color: #313986}
h6 {
font-family: Anton;
font-size: 34px;
font-weight: 600;
letter-spacing: 4px;
line-height: 1.1;
color: #000000;}
h8 {
font-family: Anton;
font-size: 80px;
text-transform: uppercase;
font-weight: 800;
font-style: normal;
letter-spacing: 4px;
line-height: 1.1;
text-align: left;
color: #ffffff}
h7 {
font-family: Anton;
font-size: 60px;
text-transform: uppercase;
font-weight: 800;
font-style: normal;
letter-spacing: 4px;
line-height: 1.1;
text-align: left;
color: #6667AB}
h9 {
font-family: Anton;
font-size: 24px;
text-transform: none;
font-weight: 600;
font-style: italic;
letter-spacing: 3px;
line-height: 1.1;
text-align: left;
color: #ff0000}
.sqs-block-summary-v2 {
.summary-metadata-item a
{
padding-top: 0px !important;
font-family: Helvetica;
font-size: 12px;
font-weight: 700;
line-height: 20px;
text-transform: lowercase !important;
letter-spacing: 0.4px;
opacity: .99;
color: #ff0000;
}
}
body p,
.sqs-layout .sqs-block.html-block p,
.sqs-layout .sqs-block.markdown-block p {
text-align: justify;
}
/*------------------------------------
* CUSTOM BLOG POST WIDTH 7.0
*------------------------------------*/
.BlogItem-title {
max-width: 750px;
margin: 0 auto;
padding: 20px
}
main.Main.Main--blog-list .BlogList-filter {
display: none;
}
@media screen and (min-width:800px){
.summary-item {
//only use position relative with carousel summary block
position: relative;
img {
transition: all .5s ease!important;
}
.summary-content {
background-color: #4c4f94 ;
position: absolute;
color: #FFFFFF!important;
top: 50%;
left: 50%;
padding: 8px;
opacity: 0;
pointer-events: none;
transition: all .5s ease;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
}
.summary-thumbnail-container {
margin-bottom: 0!important;
}
}
.summary-item:hover {
img {
-webkit-filter: brightness(50%);
filter: brightness(80%);
}
.summary-content {
opacity: 1;
}
}
}
/*Hover Effects*/
.summary-item:hover {
img{
}
.summary-title{
opacity: .99;
font-size: 22px !important;
font-family: Helvetica;
font-style: oblique;
font-weight: 900;
letter-spacing: 0.3px;
line-height: 24px;
}
}
.summary-excerpt p {
font-size: 20px !important;
}
.summary-item {
margin-top: 0px !important;
margin-bottom: 15px !important;
padding-bottom: 10px !important;
padding-top: 5px !important;
}
// fixed header navigation for desktop, tablet and mobile //
header, .Mobile {
width: 100%;
padding-top: 10px;
padding-bottom: 5px;
position: fixed;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1000;
}
/* additional styles */
h4 {
font-family: Helvetica;
font-size: 16px;
font-weight: 600;
font-style: normal;
letter-spacing: -0.02em;
line-height: 1.3;
color: #50507c;}
h5 {
font-family: Anton;
font-size: 60px;
text-transform: uppercase;
font-weight: 800;
font-style: normal;
letter-spacing: 4px;
line-height: 1.1;
text-align: left;
color: #313986}
h6 {
font-family: Anton;
font-size: 34px;
font-weight: 600;
letter-spacing: 4px;
line-height: 1.1;
color: #000000;}
h8 {
font-family: Anton;
font-size: 80px;
text-transform: uppercase;
font-weight: 800;
font-style: normal;
letter-spacing: 4px;
line-height: 1.1;
text-align: left;
color: #ffffff}
h7 {
font-family: Anton;
font-size: 60px;
text-transform: uppercase;
font-weight: 800;
font-style: normal;
letter-spacing: 4px;
line-height: 1.1;
text-align: left;
color: #6667AB}
h9 {
font-family: Anton;
font-size: 24px;
text-transform: none;
font-weight: 600;
font-style: italic;
letter-spacing: 3px;
line-height: 1.1;
text-align: left;
color: #ff0000}
.sqs-block-summary-v2 {
.summary-metadata-item a
{
padding-top: 0px !important;
font-family: Helvetica;
font-size: 12px;
font-weight: 700;
line-height: 20px;
text-transform: lowercase !important;
letter-spacing: 0.4px;
opacity: .99;
color: #ffffff;
}
}
body p,
.sqs-layout .sqs-block.html-block p,
.sqs-layout .sqs-block.markdown-block p {
text-align: justify;
}
/*------------------------------------
* CUSTOM BLOG POST WIDTH 7.0
*------------------------------------*/
.BlogItem-title {
max-width: 750px;
margin: 0 auto;
padding: 20px
}
AVANCÉES
ILS NOUS INSPIRENT
LA NUIT
Avec les panthères noires
Si vous appréciez notre travail, et nous faîtes le cadeau de vous abonner, en plus d’avoir accès aux 3000 articles qui dessinent peu à peu la carte de l’univers culturel que nous défendons, celui qui bouscule l’ordre établi, vous vous ouvrirez les portes des mille pages multimédia des cinq numéros spéciaux que nous avons conçus comme des journaux mis en page et formatés pour internet et nommés La nuit. Chaque semaine, nous allons vous en donner un extrait, pour vous donner une idée de ce que nous avons en tête de faire.
L’ÉCRIT QUI RESTE
EN BANDE ORGANISÉE
À LA MUSIQUE
LE PORTFOLIO DE LA SEMAINE
Masahisa Fukase cherche son chat
"Au cours de mes 40 années sur terre, un chat a toujours tourné autour de moi comme une ombre", écrivait le défunt photographe japonais Masahisa Fukase, dans un essai publié pour la première fois en 1978. Jusqu'à ce qu'il adopte un nouveau chaton "minuscule, minuscule", Sasuke, nommé d'après un ninja de dessin animé, qui a disparu de l'appartement de Fukase à Tokyo dix jours après son arrivée. J'ai collé une centaine d'affiches "Chat perdu" dans mon quartier, mais il n'est toujours pas revenu", écrit Fukase. Il vivait à nouveau seul, sans chat, jusqu'à ce que, quelques semaines plus tard, une femme l'appelle au sujet d'un chat errant qui "ressemblait exactement au chat de l'affiche". Un rendez-vous a été fixé au bureau de la femme. Fukase était prêt à lui offrir une bouteille de bon whisky quand il a réalisé que le chat errant n'était pas Sasuke. "Eh bien, allons-y avec ce gars de toute façon", a-t-il pensé.
L’INVITATION AU VOYAGE
